@geotrekce/geotrek-rando-widget 0.4.1 → 0.4.2

package/dist/geotrek-rando-widget/p-4c42d37c.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-d2c035bc.system.js","./p-b92fdd4e.system.js","./p-10ee2e5e.system.js","./p-c63228e8.system.js"],(function(t){"use strict";var e,i,r,o,n,s,a,c,l,h,u,d;return{setters:[function(t){e=t.r;i=t.h;r=t.H;o=t.g},function(t){n=t.t},function(t){s=t.s;a=t.o;c=t.r},function(t){l=t.t;h=t.h;u=t.a;d=t.b}],execute:function(){var p='.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;width:100%;height:100%;overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2);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{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,grw-touristic-content-detail,grw-touristic-event-detail{max-height:calc(100vh - var(--header-height))}grw-trek-detail{max-height:calc(100vh - var(--header-height) - 48px)}.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 w=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;s.currentTouristicContent=null;this.currentTouristicEventId=null;this.showTouristicEvent=false;s.currentTouristicEvent=null;var e=s.parentTrekId?s.parentTrekId:s.currentTrekSteps?this.currentTrekId:null;s.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(s.currentTrekSteps){i.searchParams.set("parenttrek",e.toString())}window.history.pushState({},"",i)};t.prototype.onParentTrekPress=function(t){s.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){s.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){s.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){s.mode="treks"}else if(this.touristicContents){s.mode="touristicContents"}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);s.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(s.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(){this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicContentMap=false;this.showTouristicEvent=false;this.showTouristicEventMap=false;s.currentTouristicContent=null;s.currentTouristicEvent=null;s.currentTrek=null;s.currentTrekSteps=null;s.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;s.currentTouristicContent=null;s.currentTouristicEvent=null;s.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?n[s.language].showDetails:n[s.language].showRoute}else if(this.showTouristicContent){t=this.showTouristicContentMap?n[s.language].showDetails:n[s.language].showMap}else if(this.showTouristicEvent){t=this.showTouristicEventMap?n[s.language].showDetails:n[s.language].showMap}else{t=this.showHomeMap?n[s.language].showList:n[s.language].showMap}return t};t.prototype.disconnectedCallback=function(){c();window.removeEventListener("popstate",this.handlePopStateBind)};t.prototype.changeMode=function(t){s.searchValue="";if(t==="treks"){l.forEach((function(t){s[t.property].forEach((function(t){return t.selected=false}))}));s.selectedActivitiesFilters=0;s.selectedThemesFilters=0;s.selectedLocationFilters=0;s.currentTreks=h()}else if(t==="touristicContents"){u.forEach((function(t){s[t.property].forEach((function(t){return t.selected=false}))}));s.selectedActivitiesFilters=0;s.selectedLocationFilters=0;s.currentTouristicContents=d()}s.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"}},!s.currentTreks&&!s.currentTrek&&!s.currentTouristicContent&&!s.currentTouristicEvent&&!s.touristicContents&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),this.treks&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!s.treks&&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&&!s.currentTrek&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),this.showTouristicContent&&this.currentTouristicContentId&&i("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId}),this.showTouristicEvent&&this.currentTouristicEventId&&i("grw-touristic-event-provider",{api:this.api,languages:this.languages,"touristic-event-id":this.currentTouristicEventId}),this.touristicContents&&!s.touristicContents&&!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}),(s.currentTreks||s.currentTrek||s.touristicContents||s.currentTouristicContent||s.currentTouristicEvent)&&i("div",{class:"app-container"},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(s.mode==="treks"?" selected-segment":""),onClick:function(){return t.changeMode("treks")}},n[s.language].home.segment.treks),this.touristicContents&&i("label",{class:"segment".concat(s.mode==="touristicContents"?" selected-segment":""),onClick:function(){return t.changeMode("touristicContents")}},n[s.language].home.segment.touristicContents)),!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"),n[s.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?"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"}},s.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}),s.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})),(this.showTrek&&!s.currentTrek||this.showTouristicContent&&!s.currentTouristicContent||this.showTouristicEvent&&!s.currentTouristicEvent)&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),s.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&&s.currentTrek||this.showTouristicContent&&s.currentTouristicContent||this.showTouristicEvent&&s.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}());w.style=p}}}));
-//# sourceMappingURL=p-4c42d37c.system.entry.js.map

package/dist/geotrek-rando-widget/p-4c42d37c.system.entry.js.map

@@ -1 +0,0 @@
-{"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","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","treksFilters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","currentTreks","handleTreksFiltersAndSearch","touristicContentsFilters","currentTouristicContents","handleTouristicContentsFiltersAndSearch","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","touristicEvents","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","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  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n  background-color: var(--color-background);\n  box-shadow: var(--elevation-2);\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  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,\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\n  max-height: calc(100vh - var(--header-height));\n}\n\ngrw-trek-detail {\n  max-height: calc(100vh - var(--header-height) - 48px);\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 { handleTouristicContentsFiltersAndSearch, handleTreksFiltersAndSearch, touristicContentsFilters, treksFilters } 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    }\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    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') {\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') {\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    }\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 && !state.currentTrek && !state.currentTouristicContent && !state.currentTouristicEvent && !state.touristicContents && (\n          <div class=\"init-loader-container\">\n            <span class=\"loader\"></span>\n          </div>\n        )}\n        {this.treks && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !state.treks && (\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}></grw-trek-provider>\n        )}\n        {this.showTouristicContent && this.currentTouristicContentId && (\n          <grw-touristic-content-provider api={this.api} languages={this.languages} touristic-content-id={this.currentTouristicContentId}></grw-touristic-content-provider>\n        )}\n        {this.showTouristicEvent && this.currentTouristicEventId && (\n          <grw-touristic-event-provider api={this.api} languages={this.languages} touristic-event-id={this.currentTouristicEventId}></grw-touristic-event-provider>\n        )}\n        {this.touristicContents && !state.touristicContents && !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        {(state.currentTreks || state.currentTrek || state.touristicContents || state.currentTouristicContent || state.currentTouristicEvent) && (\n          <div class=\"app-container\">\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                </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 ? '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              </div>\n              {((this.showTrek && !state.currentTrek) ||\n                (this.showTouristicContent && !state.currentTouristicContent) ||\n                (this.showTouristicEvent && !state.currentTouristicEvent)) && (\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-6aec743d.system.entry.js

@@ -1,2 +0,0 @@
-var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var n=0,r=e.length,a;n<r;n++){if(a||!(n in e)){if(!a)a=Array.prototype.slice.call(e,0,n);a[n]=e[n]}}return t.concat(a||Array.prototype.slice.call(e))};System.register(["./p-d2c035bc.system.js","./p-10ee2e5e.system.js"],(function(t){"use strict";var e,i,n,r;return{setters:[function(t){e=t.r;i=t.h;n=t.H},function(t){r=t.s}],execute:function(){var a=t("grw_touristic_content_card_provider",function(){function t(t){e(this,t);this.controller=new AbortController;this.signal=this.controller.signal;this.init={cache:"default",signal:this.signal};this.languages="fr";this.api=undefined;this.touristicContentId=undefined}t.prototype.connectedCallback=function(){if(!r.api){r.api=this.api;r.languages=this.languages.split(",");r.language=r.languages[0]}this.handleTouristicContent()};t.prototype.handleTouristicContent=function(){var t=[];t.push(!r.cities?fetch("".concat(r.api,"city/?language=").concat(r.language,"&fields=id,name&published=true&page_size=999"),this.init):new Response("null"));t.push(!r.touristicContentCategories?fetch("".concat(r.api,"touristiccontent_category/?language=").concat(r.language,"&published=true&fields=id,label,pictogram&page_size=999"),this.init):new Response("null"));Promise.all(__spreadArray(__spreadArray([],t,true),[fetch("".concat(r.api,"touristiccontent/").concat(this.touristicContentId,"/?language=").concat(r.language,"&published=true&fields=id,name,attachments,description,description_teaser,category,geometry,cities,pdf,practical_info,contact,email,website"),this.init)],false)).then((function(t){return Promise.all(t.map((function(t){return t.json()})))})).then((function(t){var e=t[0],i=t[1],n=t[2];r.trekNetworkError=false;if(e){r.cities=e.results}if(i){r.touristicContentCategories=i.results}r.currentTouristicContent=n})).catch((function(){r.trekNetworkError=true}))};t.prototype.disconnectedCallback=function(){this.controller.abort();r.trekNetworkError=false};t.prototype.render=function(){return i(n,null)};return t}())}}}));
-//# sourceMappingURL=p-6aec743d.system.entry.js.map

package/dist/geotrek-rando-widget/p-6aec743d.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GrwTouristicContentProvider","exports","this","controller","AbortController","signal","init","cache","class_1","prototype","connectedCallback","state","api","languages","split","language","handleTouristicContent","requests","push","cities","fetch","concat","Response","touristicContentCategories","Promise","all","__spreadArray","touristicContentId","then","responses","map","response","json","_a","touristicContentCategory","touristicContent","trekNetworkError","results","currentTouristicContent","catch","disconnectedCallback","abort","render","h","Host"],"sources":["src/store/grw-touristic-content-provider.tsx"],"sourcesContent":["import { Build, Component, h, Host, Prop } from '@stencil/core';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-touristic-content-card-provider',\n  shadow: true,\n})\nexport class GrwTouristicContentProvider {\n  @Prop() languages = 'fr';\n  @Prop() api: string;\n  @Prop() touristicContentId: string;\n  controller = new AbortController();\n  signal = this.controller.signal;\n  init: RequestInit = { cache: Build.isDev ? 'force-cache' : 'default', signal: this.signal };\n\n  connectedCallback() {\n    if (!state.api) {\n      state.api = this.api;\n      state.languages = this.languages.split(',');\n      state.language = state.languages[0];\n    }\n    this.handleTouristicContent();\n  }\n\n  handleTouristicContent() {\n    const requests = [];\n    requests.push(!state.cities ? fetch(`${state.api}city/?language=${state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null'));\n    requests.push(\n      !state.touristicContentCategories\n        ? fetch(`${state.api}touristiccontent_category/?language=${state.language}&published=true&fields=id,label,pictogram&page_size=999`, this.init)\n        : new Response('null'),\n    );\n\n    Promise.all([\n      ...requests,\n      fetch(\n        `${state.api}touristiccontent/${this.touristicContentId}/?language=${state.language}&published=true&fields=id,name,attachments,description,description_teaser,category,geometry,cities,pdf,practical_info,contact,email,website`,\n        this.init,\n      ),\n    ])\n      .then(responses => Promise.all(responses.map(response => response.json())))\n      .then(([cities, touristicContentCategory, touristicContent]) => {\n        state.trekNetworkError = false;\n\n        if (cities) {\n          state.cities = cities.results;\n        }\n        if (touristicContentCategory) {\n          state.touristicContentCategories = touristicContentCategory.results;\n        }\n        state.currentTouristicContent = touristicContent;\n      })\n      .catch(() => {\n        state.trekNetworkError = true;\n      });\n  }\n\n  disconnectedCallback() {\n    this.controller.abort();\n    state.trekNetworkError = false;\n  }\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"sbAOaA,EAA2BC,EAAA,iD,wBAItCC,KAAAC,WAAa,IAAIC,gBACjBF,KAAAG,OAASH,KAAKC,WAAWE,OACzBH,KAAAI,KAAoB,CAAEC,MAAqC,UAAWF,OAAQH,KAAKG,Q,eAL/D,K,qDAOpBG,EAAAC,UAAAC,kBAAA,WACE,IAAKC,EAAMC,IAAK,CACdD,EAAMC,IAAMV,KAAKU,IACjBD,EAAME,UAAYX,KAAKW,UAAUC,MAAM,KACvCH,EAAMI,SAAWJ,EAAME,UAAU,E,CAEnCX,KAAKc,wB,EAGPR,EAAAC,UAAAO,uBAAA,WACE,IAAMC,EAAW,GACjBA,EAASC,MAAMP,EAAMQ,OAASC,MAAM,GAAAC,OAAGV,EAAMC,IAAG,mBAAAS,OAAkBV,EAAMI,SAAQ,gDAAgDb,KAAKI,MAAQ,IAAIgB,SAAS,SAC1JL,EAASC,MACNP,EAAMY,2BACHH,MAAM,GAAAC,OAAGV,EAAMC,IAAG,wCAAAS,OAAuCV,EAAMI,SAAQ,2DAA2Db,KAAKI,MACvI,IAAIgB,SAAS,SAGnBE,QAAQC,IAAGC,4BAAA,GACNT,EAAQ,OACXG,MACE,GAAAC,OAAGV,EAAMC,IAAG,qBAAAS,OAAoBnB,KAAKyB,mBAAkB,eAAAN,OAAcV,EAAMI,SAAQ,+IACnFb,KAAKI,O,QAGNsB,MAAK,SAAAC,GAAa,OAAAL,QAAQC,IAAII,EAAUC,KAAI,SAAAC,GAAY,OAAAA,EAASC,MAAT,IAAtC,IAClBJ,MAAK,SAACK,G,IAACd,EAAMc,EAAA,GAAEC,EAAwBD,EAAA,GAAEE,EAAgBF,EAAA,GACxDtB,EAAMyB,iBAAmB,MAEzB,GAAIjB,EAAQ,CACVR,EAAMQ,OAASA,EAAOkB,O,CAExB,GAAIH,EAA0B,CAC5BvB,EAAMY,2BAA6BW,EAAyBG,O,CAE9D1B,EAAM2B,wBAA0BH,C,IAEjCI,OAAM,WACL5B,EAAMyB,iBAAmB,I,KAI/B5B,EAAAC,UAAA+B,qBAAA,WACEtC,KAAKC,WAAWsC,QAChB9B,EAAMyB,iBAAmB,K,EAG3B5B,EAAAC,UAAAiC,OAAA,WACE,OAAOC,EAACC,EAAI,K,WAxDwB,G"}

package/dist/geotrek-rando-widget/p-779274fa.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as e,g as s}from"./p-0c07a3f0.js";import{t as r}from"./p-7eca502d.js";import{s as n,o,r as a}from"./p-048b3a1e.js";import{t as l,h,a as c,b as d}from"./p-1f8e7e57.js";const p='.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;width:100%;height:100%;overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2);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{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,grw-touristic-content-detail,grw-touristic-event-detail{max-height:calc(100vh - var(--header-height))}grw-trek-detail{max-height:calc(100vh - var(--header-height) - 48px)}.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 u=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"}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(){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"){l.forEach((t=>{n[t.property].forEach((t=>t.selected=false))}));n.selectedActivitiesFilters=0;n.selectedThemesFilters=0;n.selectedLocationFilters=0;n.currentTreks=h()}else if(t==="touristicContents"){c.forEach((t=>{n[t.property].forEach((t=>t.selected=false))}));n.selectedActivitiesFilters=0;n.selectedLocationFilters=0;n.currentTouristicContents=d()}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.touristicContents&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),this.treks&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!n.treks&&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}),this.showTouristicContent&&this.currentTouristicContentId&&i("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId}),this.showTouristicEvent&&this.currentTouristicEventId&&i("grw-touristic-event-provider",{api:this.api,languages:this.languages,"touristic-event-id":this.currentTouristicEventId}),this.touristicContents&&!n.touristicContents&&!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}),(n.currentTreks||n.currentTrek||n.touristicContents||n.currentTouristicContent||n.currentTouristicEvent)&&i("div",{class:"app-container"},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.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?"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})),(this.showTrek&&!n.currentTrek||this.showTouristicContent&&!n.currentTouristicContent||this.showTouristicEvent&&!n.currentTouristicEvent)&&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"]}}};u.style=p;export{u as grw_app};
-//# sourceMappingURL=p-779274fa.entry.js.map

package/dist/geotrek-rando-widget/p-779274fa.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","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","trekParam","get","touristicContentParam","touristicEventParam","replaceState","isInitialHistoryWithDetails","Number","componentDidLoad","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","treksFilters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","currentTreks","handleTreksFiltersAndSearch","touristicContentsFilters","currentTouristicContents","handleTouristicContentsFiltersAndSearch","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","touristicEvents","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","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  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n  background-color: var(--color-background);\n  box-shadow: var(--elevation-2);\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  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,\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\n  max-height: calc(100vh - var(--header-height));\n}\n\ngrw-trek-detail {\n  max-height: calc(100vh - var(--header-height) - 48px);\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 { handleTouristicContentsFiltersAndSearch, handleTreksFiltersAndSearch, touristicContentsFilters, treksFilters } 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    }\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    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') {\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') {\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    }\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 && !state.currentTrek && !state.currentTouristicContent && !state.currentTouristicEvent && !state.touristicContents && (\n          <div class=\"init-loader-container\">\n            <span class=\"loader\"></span>\n          </div>\n        )}\n        {this.treks && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !state.treks && (\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}></grw-trek-provider>\n        )}\n        {this.showTouristicContent && this.currentTouristicContentId && (\n          <grw-touristic-content-provider api={this.api} languages={this.languages} touristic-content-id={this.currentTouristicContentId}></grw-touristic-content-provider>\n        )}\n        {this.showTouristicEvent && this.currentTouristicEventId && (\n          <grw-touristic-event-provider api={this.api} languages={this.languages} touristic-event-id={this.currentTouristicEventId}></grw-touristic-event-provider>\n        )}\n        {this.touristicContents && !state.touristicContents && !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        {(state.currentTreks || state.currentTrek || state.touristicContents || state.currentTouristicContent || state.currentTouristicEvent) && (\n          <div class=\"app-container\">\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                </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 ? '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              </div>\n              {((this.showTrek && !state.currentTrek) ||\n                (this.showTouristicContent && !state.currentTouristicContent) ||\n                (this.showTouristicEvent && !state.currentTouristicEvent)) && (\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":"8LAAA,MAAMA,EAAY,q1N,MCWLC,EAAM,M,yBA0DjBC,KAAAC,cAAgB,KAChBD,KAAAE,mBAA2CF,KAAKG,eAAeC,KAAKJ,M,cAzDhD,M,0BACY,M,wBACF,M,iBACP,M,iBACA,M,6BACY,M,2BACF,M,iBACV,M,iBACA,M,2HAII,O,eACC,Q,kCAER,K,mUAcF,M,qBAEQ,U,oBACD,U,kBACF,U,oBACE,U,yBACK,U,2BACE,U,2BACA,U,6BACE,U,6BACA,U,+BACE,U,qBACV,U,+BACU,U,8BACD,U,wBACN,U,cACV,U,mBAEK,U,wBACK,U,kBACN,U,iBACD,M,WAEN,K,uBACY,M,qBACF,K,CAM1BK,gBAAgBC,GACdN,KAAKO,0BAA4B,KACjCP,KAAKQ,qBAAuB,MAC5BC,EAAMC,wBAA0B,KAChCV,KAAKW,wBAA0B,KAC/BX,KAAKY,mBAAqB,MAC1BH,EAAMI,sBAAwB,KAC9B,MAAMC,EAAaL,EAAMM,aAAeN,EAAMM,aAAeN,EAAMO,iBAAmBhB,KAAKiB,cAAgB,KAC3GR,EAAMS,YAAc,KACpBlB,KAAKiB,cAAgBX,EAAMa,OAC3BnB,KAAKoB,SAAW,KAChBpB,KAAKqB,YAAc,MACnB,MAAMC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaC,IAAI,OAAQ5B,KAAKiB,cAAcS,YAChD,GAAIjB,EAAMO,iBAAkB,CAC1BM,EAAIK,aAAaC,IAAI,aAAcd,EAAWY,W,CAEhDF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,CAInCS,kBAAkBzB,GAChBG,EAAMS,YAAc,KACpBlB,KAAKiB,cAAgBX,EAAMa,OAC3BnB,KAAKoB,SAAW,KAChBpB,KAAKqB,YAAc,MACnB,MAAMC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaC,IAAI,OAAQ5B,KAAKiB,cAAcS,YAChDJ,EAAIK,aAAaK,OAAO,cACxBR,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,CAInCW,4BAA4B3B,GAC1BG,EAAMS,YAAc,KACpBlB,KAAKiB,cAAgB,KACrBjB,KAAKoB,SAAW,MAChBpB,KAAKO,0BAA4BD,EAAMa,OACvCnB,KAAKQ,qBAAuB,KAC5BR,KAAKkC,wBAA0B,MAC/B,MAAMZ,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaC,IAAI,mBAAoB5B,KAAKO,0BAA0BmB,YACxEF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,CAInCa,2BAA2B7B,GACzBG,EAAMS,YAAc,KACpBlB,KAAKiB,cAAgB,KACrBjB,KAAKoB,SAAW,MAChBpB,KAAKW,wBAA0BL,EAAMa,OACrCnB,KAAKY,mBAAqB,KAC1BZ,KAAKoC,sBAAwB,MAC7B,MAAMd,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaC,IAAI,iBAAkB5B,KAAKW,wBAAwBe,YACpEF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,CAInCe,iBACErC,KAAKsC,Y,CAIPC,gBACE,IAAKvC,KAAKwC,YAAa,CACrBxC,KAAKqB,YAAc,I,EAKvBoB,mBACEjB,OAAOkB,cAAc,IAAIlB,OAAOmB,MAAM,U,CAGxCC,oBACE,GAAI5C,KAAK6C,MAAO,CACdpC,EAAMqC,KAAO,O,MACR,GAAI9C,KAAK+C,kBAAmB,CACjCtC,EAAMqC,KAAO,mB,CAEf,MAAMxB,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpC,MAAMsB,EAAY1B,EAAIK,aAAasB,IAAI,QACvC,MAAMlC,EAAeO,EAAIK,aAAasB,IAAI,cAC1C,MAAMC,EAAwB5B,EAAIK,aAAasB,IAAI,oBACnD,MAAME,EAAsB7B,EAAIK,aAAasB,IAAI,kBACjD,GAAID,EAAW,CACbxB,OAAOK,QAAQuB,aAAa,CAAEC,4BAA6B,MAAQ,GAAI/B,GACvEb,EAAMM,aAAeA,EAAeuC,OAAOvC,GAAgB,KAC3Df,KAAKiB,cAAgBqC,OAAON,GAC5BhD,KAAKoB,SAAW,I,MACX,GAAI8B,EAAuB,CAChC1B,OAAOK,QAAQuB,aAAa,CAAEC,4BAA6B,MAAQ,GAAI/B,GACvEtB,KAAKO,0BAA4B+C,OAAOJ,GACxClD,KAAKQ,qBAAuB,I,MACvB,GAAI2C,EAAqB,CAC9B3B,OAAOK,QAAQuB,aAAa,CAAEC,4BAA6B,MAAQ,GAAI/B,GACvEtB,KAAKW,wBAA0B2C,OAAOH,GACtCnD,KAAKY,mBAAqB,I,EAI9B2C,mBACEC,EAAS,oBAAoB,KAC3B,GAAI/C,EAAMgD,iBAAkB,CAC1B,MAAMC,EAAc,IAAInC,IAAIC,OAAOC,SAASC,YAC5CgC,EAAY/B,aAAaK,OAAO,QAChC0B,EAAY/B,aAAaK,OAAO,cAChC0B,EAAY/B,aAAaK,OAAO,oBAChC0B,EAAY/B,aAAaK,OAAO,kBAChCR,OAAOK,QAAQuB,aAAa,GAAI,GAAIM,GACpC1D,KAAK2D,gB,KAGTnC,OAAOoC,iBAAiB,WAAY5D,KAAKE,mBAAoB,OAC7DF,KAAKsC,Y,CAGPqB,iBACE3D,KAAKO,0BAA4B,KACjCP,KAAKQ,qBAAuB,MAC5BR,KAAKkC,wBAA0B,MAC/BlC,KAAKY,mBAAqB,MAC1BZ,KAAKoC,sBAAwB,MAC7B3B,EAAMC,wBAA0B,KAChCD,EAAMI,sBAAwB,KAE9BJ,EAAMS,YAAc,KACpBT,EAAMO,iBAAmB,KACzBP,EAAMM,aAAe,KACrBf,KAAKiB,cAAgB,KACrBjB,KAAKoB,SAAW,K,CAGlBkB,aACEtC,KAAKwC,YAAcxC,KAAK6D,WAAWC,wBAAwBC,OAAS/D,KAAKC,cACzED,KAAKgE,YAAchE,KAAKwC,YACxBxC,KAAKqB,YAAcrB,KAAKwC,W,CAG1ByB,gBACEjE,KAAKkE,aAAelE,KAAKkE,W,CAG3BC,mBACE,GAAI3C,OAAOK,QAAQpB,OAASe,OAAOK,QAAQpB,MAAM4C,4BAA6B,CAC5ErD,KAAK2D,iBACL,MAAMrC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaK,OAAO,oBACxBV,EAAIK,aAAaK,OAAO,kBACxBR,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,KAC5B,CACLE,OAAOK,QAAQuC,M,EAInBjE,iBACE,MAAMmB,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpC,MAAMsB,EAAYM,OAAOhC,EAAIK,aAAasB,IAAI,SAC9C,MAAMC,EAAwB5B,EAAIK,aAAasB,IAAI,oBACnD,MAAME,EAAsB7B,EAAIK,aAAasB,IAAI,kBACjD,GAAID,GAAahD,KAAKiB,gBAAkB+B,EAAW,CACjDhD,KAAKO,0BAA4B,KACjCP,KAAKQ,qBAAuB,MAC5BR,KAAKY,mBAAqB,MAC1BH,EAAMC,wBAA0B,KAChCD,EAAMI,sBAAwB,KAC9BJ,EAAMS,YAAc,KACpBlB,KAAKiB,cAAgB+B,EACrBhD,KAAKoB,SAAW,I,MACX,IAAK4B,IAAcE,IAA0BC,EAAqB,CACvEnD,KAAK2D,gB,EAITU,gBACE,GAAIrE,KAAKiB,cAAe,CACtBjB,KAAKqB,aAAerB,KAAKqB,W,MACpB,GAAIrB,KAAKQ,qBAAsB,CACpCR,KAAKkC,yBAA2BlC,KAAKkC,uB,MAChC,GAAIlC,KAAKY,mBAAoB,CAClCZ,KAAKoC,uBAAyBpC,KAAKoC,qB,KAC9B,CACLpC,KAAKgE,aAAehE,KAAKgE,W,EAI7BM,6BACE,IAAIC,EAEJ,GAAIvE,KAAKoB,SAAU,CACjBmD,EAAgBvE,KAAKqB,YAAc,YAAc,K,MAC5C,GAAIrB,KAAKQ,qBAAsB,CACpC+D,EAAgBvE,KAAKkC,wBAA0B,YAAc,K,MACxD,GAAIlC,KAAKY,mBAAoB,CAClC2D,EAAgBvE,KAAKoC,sBAAwB,YAAc,K,KACtD,CACLmC,EAAgBvE,KAAKgE,YAAc,OAAS,K,CAG9C,OAAOO,C,CAGTC,8BACE,IAAIC,EAEJ,GAAIzE,KAAKoB,SAAU,CACjBqD,EAAiBzE,KAAKqB,YAAcqD,EAAUjE,EAAMkE,UAAUC,YAAcF,EAAUjE,EAAMkE,UAAUE,S,MACjG,GAAI7E,KAAKQ,qBAAsB,CACpCiE,EAAiBzE,KAAKkC,wBAA0BwC,EAAUjE,EAAMkE,UAAUC,YAAcF,EAAUjE,EAAMkE,UAAUG,O,MAC7G,GAAI9E,KAAKY,mBAAoB,CAClC6D,EAAiBzE,KAAKoC,sBAAwBsC,EAAUjE,EAAMkE,UAAUC,YAAcF,EAAUjE,EAAMkE,UAAUG,O,KAC3G,CACLL,EAAiBzE,KAAKgE,YAAcU,EAAUjE,EAAMkE,UAAUI,SAAWL,EAAUjE,EAAMkE,UAAUG,O,CAGrG,OAAOL,C,CAGTO,uBACEC,IACAzD,OAAO0D,oBAAoB,WAAYlF,KAAKE,mB,CAG9CiF,WAAWrC,GACTrC,EAAM2E,YAAc,GACpB,GAAItC,IAAS,QAAS,CACpBuC,EAAaC,SAAQC,IACnB9E,EAAM8E,EAAOC,UAAUF,SAAQG,GAAkBA,EAAcC,SAAW,OAAO,IAEnFjF,EAAMkF,0BAA4B,EAClClF,EAAMmF,sBAAwB,EAC9BnF,EAAMoF,wBAA0B,EAChCpF,EAAMqF,aAAeC,G,MAChB,GAAIjD,IAAS,oBAAqB,CACvCkD,EAAyBV,SAAQC,IAC/B9E,EAAM8E,EAAOC,UAAUF,SAAQG,GAAkBA,EAAcC,SAAW,OAAO,IAEnFjF,EAAMkF,0BAA4B,EAClClF,EAAMoF,wBAA0B,EAChCpF,EAAMwF,yBAA2BC,G,CAEnCzF,EAAMqC,KAAOA,C,CAGfqD,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,sBAAuBtG,KAAKuG,gBAC5B,qBAAsBvG,KAAKwG,eAC3B,kBAAmBxG,KAAKyG,aACxB,qBAAsBzG,KAAK0G,eAC3B,0BAA2B1G,KAAK2G,oBAChC,6BAA8B3G,KAAK4G,sBACnC,4BAA6B5G,KAAK6G,sBAClC,+BAAgC7G,KAAK8G,wBACrC,8BAA+B9G,KAAK+G,wBACpC,iCAAkC/G,KAAKgH,0BACvC,qBAAsBhH,KAAKiH,gBAC3B,iCAAkCjH,KAAKkH,0BACvC,gCAAiClH,KAAKmH,yBACtC,yBAA0BnH,KAAKoH,mBAC/B,cAAepH,KAAKqH,SACpB,cAAerH,KAAKsH,SACpB,eAAgBtH,KAAKuH,UACrB,kBAAmBjE,OAAOtD,KAAK6C,OAASS,OAAOtD,KAAK+C,mBAAqBO,OAAOtD,KAAKwH,iBAAmB,EAAI,QAAU,UAGtH/G,EAAMqF,eAAiBrF,EAAMS,cAAgBT,EAAMC,0BAA4BD,EAAMI,wBAA0BJ,EAAMsC,mBACrHqD,EAAA,OAAKqB,MAAM,yBACTrB,EAAA,QAAMqB,MAAM,YAGfzH,KAAK6C,QAAU7C,KAAKoB,WAAapB,KAAKQ,uBAAyBR,KAAKY,qBAAuBH,EAAMoC,OAChGuD,EAAA,sBACEsB,IAAK1H,KAAK0H,IACVC,UAAW3H,KAAK2H,UAAS,UAChB3H,KAAK4H,OACdC,OAAQ7H,KAAK6H,OACbC,UAAW9H,KAAK8H,UAChBC,WAAY/H,KAAK+H,WACjBC,OAAQhI,KAAKgI,OACbC,QAASjI,KAAKiI,QACdC,OAAQlI,KAAKkI,OACbC,UAAWnI,KAAKmI,YAGnBnI,KAAKoB,UAAYpB,KAAKiB,gBAAkBR,EAAMS,aAC7CkF,EAAA,qBAAmBsB,IAAK1H,KAAK0H,IAAKC,UAAW3H,KAAK2H,UAAS,UAAW3H,KAAKiB,gBAE5EjB,KAAKQ,sBAAwBR,KAAKO,2BACjC6F,EAAA,kCAAgCsB,IAAK1H,KAAK0H,IAAKC,UAAW3H,KAAK2H,UAAS,uBAAwB3H,KAAKO,4BAEtGP,KAAKY,oBAAsBZ,KAAKW,yBAC/ByF,EAAA,gCAA8BsB,IAAK1H,KAAK0H,IAAKC,UAAW3H,KAAK2H,UAAS,qBAAsB3H,KAAKW,0BAElGX,KAAK+C,oBAAsBtC,EAAMsC,oBAAsB/C,KAAKQ,sBAC3D4F,EAAA,mCACEsB,IAAK1H,KAAK0H,IACVC,UAAW3H,KAAK2H,UAAS,UAChB3H,KAAK4H,OACdC,OAAQ7H,KAAK6H,OACbC,UAAW9H,KAAK8H,UAChBC,WAAY/H,KAAK+H,WACjBC,OAAQhI,KAAKgI,OACbC,QAASjI,KAAKiI,WAGhBxH,EAAMqF,cAAgBrF,EAAMS,aAAeT,EAAMsC,mBAAqBtC,EAAMC,yBAA2BD,EAAMI,wBAC7GuF,EAAA,OAAKqB,MAAM,iBACTrB,EAAA,OACEqB,MAAO,GAAGzH,KAAKwC,YAAc,8BAAgC,qBAC3DxC,KAAKoB,UAAYpB,KAAKQ,sBAAwBR,KAAKY,mBAAqB,iBAAmB,MAG5F0C,OAAOtD,KAAK6C,OAASS,OAAOtD,KAAK+C,mBAAqBO,OAAOtD,KAAKwH,iBAAmB,IAAMxH,KAAKoB,WAAapB,KAAKQ,uBAAyBR,KAAKY,oBAC/IwF,EAAA,OAAKqB,MAAM,+BACRzH,KAAK6C,OACJuD,EAAA,SAAOqB,MAAO,UAAUhH,EAAMqC,OAAS,QAAU,oBAAsB,KAAMsF,QAAS,IAAMpI,KAAKmF,WAAW,UACzGT,EAAUjE,EAAMkE,UAAU0D,KAAKC,QAAQzF,OAG3C7C,KAAK+C,mBACJqD,EAAA,SAAOqB,MAAO,UAAUhH,EAAMqC,OAAS,oBAAsB,oBAAsB,KAAMsF,QAAS,IAAMpI,KAAKmF,WAAW,sBACrHT,EAAUjE,EAAMkE,UAAU0D,KAAKC,QAAQvF,qBAK9C/C,KAAKoB,WAAapB,KAAKQ,uBAAyBR,KAAKY,mBACrDwF,EAAA,OAAKqB,MAAM,mCACTrB,EAAA,OAAKqB,MAAM,2BACTrB,EAAA,oBAEFA,EAAA,OAAKqB,MAAM,4BACTrB,EAAA,UAAQgC,QAAS,IAAMpI,KAAKiE,gBAAiBwD,MAAM,yBAEjDrB,EAAA,QAAM1B,UAAW,MAAO+C,MAAM,gEAA8D,eAG3F/C,EAAUjE,EAAMkE,UAAUY,UAKjCa,EAAA,OAAKqB,MAAM,wBACTrB,EAAA,UAAQgC,QAAS,IAAMpI,KAAKmE,mBAAoBsD,MAAM,mBAEpDrB,EAAA,QAAM1B,UAAW,MAAO+C,MAAM,8CAA4C,iBAQlFrB,EAAA,OAAKqB,MAAO,qBAAqBzH,KAAKoB,SAAW,eAAiB,mBAChEgF,EAAA,OACEqB,MAAOzH,KAAKwC,YAAc,sCAAwC,2BAClE8D,MAAO,CAAEiC,QAASvI,KAAKoB,UAAYpB,KAAKQ,sBAAwBR,KAAKY,mBAAqB,OAAS,OAAQ4H,SAAUxI,KAAKoB,SAAW,WAAa,aAEjJX,EAAMqC,OAAS,SAAW9C,KAAK6C,OAC9BuD,EAAA,gDAC8B,QAAO,gBACpBpG,KAAKwC,YAAW,oBACZxC,KAAKuG,gBAAe,mBACrBvG,KAAK0G,eAAc,4BACV1G,KAAK+G,wBAAuB,+BACzB/G,KAAKgH,0BAAyB,8BAC/BhH,KAAKmH,2BAGrC1G,EAAMqC,OAAS,qBAAuB9C,KAAK+C,mBAC1CqD,EAAA,6DAC8B,QAAO,gBACpBpG,KAAKwC,YAAW,oBACZxC,KAAKuG,gBAAe,mBACrBvG,KAAK0G,eAAc,4BACV1G,KAAK+G,wBAAuB,+BACzB/G,KAAKgH,0BAAyB,8BAC/BhH,KAAKmH,6BAIrCnH,KAAKoB,WAAaX,EAAMS,aACxBlB,KAAKQ,uBAAyBC,EAAMC,yBACpCV,KAAKY,qBAAuBH,EAAMI,wBACnCuF,EAAA,OAAKqB,MAAOzH,KAAKwC,YAAc,8BAAgC,oBAC7D4D,EAAA,QAAMqB,MAAM,YAGfhH,EAAMS,aACLkF,EAAA,OAAKqB,MAAOzH,KAAKwC,YAAc,uCAAyC,6BACtE4D,EAAA,mBACEE,MAAO,CACLmC,YAAczI,KAAKqB,aAAerB,KAAKoB,UAAapB,KAAKwC,YAAc,UAAY,SACnFkG,QAAS1I,KAAKqB,YAAc,IAAM,KACnC,8BAC2B,QAAO,oBAChBrB,KAAKuG,gBAAe,mBACrBvG,KAAK0G,eAAc,0BACZ1G,KAAK6G,sBAAqB,6BACvB7G,KAAK8G,wBAAuB,4BAC7B9G,KAAK+G,wBAAuB,+BACzB/G,KAAKgH,0BAAyB,8BAC/BhH,KAAKmH,yBAAwB,mBACxCnH,KAAKiH,gBACvB0B,QAAS3I,KAAK2I,QAAO,gBACN3I,KAAKwC,eAIzBxC,KAAKQ,sBACJ4F,EAAA,OAAKqB,MAAOzH,KAAKwC,YAAc,oDAAsD,0CACnF4D,EAAA,gCACEE,MAAO,CACLmC,YAAazI,KAAKkC,yBAA2BlC,KAAKwC,YAAc,UAAY,SAC5EkG,QAAS1I,KAAKkC,wBAA0B,IAAM,KAC/C,oBACkBlC,KAAKuG,gBAAe,mBACrBvG,KAAK0G,eAAc,0BACZ1G,KAAK6G,sBAAqB,6BACvB7G,KAAK8G,wBAAuB,4BAC7B9G,KAAK+G,wBAAuB,+BACzB/G,KAAKgH,0BAAyB,8BAC/BhH,KAAKmH,yBAAwB,mBACxCnH,KAAKiH,gBAAe,gBACvBjH,KAAKwC,eAIzBxC,KAAKY,oBACJwF,EAAA,OAAKqB,MAAOzH,KAAKwC,YAAc,kDAAoD,wCACjF4D,EAAA,8BACEE,MAAO,CACLmC,YAAazI,KAAKoC,uBAAyBpC,KAAKwC,YAAc,UAAY,SAC1EkG,QAAS1I,KAAKoC,sBAAwB,IAAM,KAC7C,oBACkBpC,KAAKuG,gBAAe,mBACrBvG,KAAK0G,eAAc,0BACZ1G,KAAK6G,sBAAqB,6BACvB7G,KAAK8G,wBAAuB,4BAC7B9G,KAAK+G,wBAAuB,+BACzB/G,KAAKgH,0BAAyB,8BAC/BhH,KAAKmH,yBAAwB,mBACxCnH,KAAKiH,gBAAe,gBACvBjH,KAAKwC,eAI1B4D,EAAA,yCAC8B,QAC5BqB,MAAOzH,KAAKwC,YAAc,+BAAiC,oBAC3D8D,MAAO,CACLmC,WACGzI,KAAKgE,cAAgBhE,KAAKoB,UAC1BpB,KAAKqB,aAAerB,KAAKoB,UACzBpB,KAAKkC,yBAA2BlC,KAAKQ,sBACrCR,KAAKoC,uBAAyBpC,KAAKY,oBACpCZ,KAAKwC,YACD,UACA,SACNkG,OAAQ1I,KAAKgE,aAAehE,KAAKqB,aAAerB,KAAKkC,yBAA2BlC,KAAKoC,sBAAwB,IAAM,KAErHwG,OAAQ5I,KAAK4I,OACbC,KAAM7I,KAAK6I,KAAI,aACH7I,KAAK8I,UAAS,YACf9I,KAAK+I,SAAQ,oBACL/I,KAAKgJ,iBAAgB,oBACrBhJ,KAAKuG,gBAAe,mBACrBvG,KAAK0G,eAAc,0BACZ1G,KAAK6G,sBAAqB,6BACvB7G,KAAK8G,wBAAuB,mBACtC9G,KAAKiH,gBAAe,kBACrBjH,KAAKiJ,cAAa,uBACbjJ,KAAKkJ,mBAAkB,iBAC7BlJ,KAAKmJ,aAAY,gBAClBnJ,KAAKwC,YAAW,eACjBxC,KAAKoJ,iBAGnBpJ,KAAKoB,WAAapB,KAAKQ,uBAAyBR,KAAKY,oBACtDZ,KAAKoB,UAAYX,EAAMS,aACvBlB,KAAKQ,sBAAwBC,EAAMC,yBACnCV,KAAKY,oBAAsBH,EAAMI,wBAClCuF,EAAA,OAAKqB,MAAM,mCACTrB,EAAA,UAAQgC,QAAS,IAAMpI,KAAKqE,gBAAiBoD,MAAM,wBAAwBnB,MAAO,CAAEiC,QAASvI,KAAKwC,YAAc,OAAS,SAEvH4D,EAAA,QAAM1B,UAAW,MAAO+C,MAAM,8CAC3BzH,KAAKsE,8BAEPtE,KAAKwE,kCAMdxE,KAAKoB,UAAYpB,KAAKkE,aAAekC,EAAA,eAAanC,cAAe,IAAMjE,KAAKiE,kB"}

package/dist/geotrek-rando-widget/p-8d2cad32.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["grwInformationDeskCss","GrwInformationDeskDetail","exports","class_1","prototype","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","_this","h","Host","photo_url","class","src","loading","name","onClick","translate","postal_code","municipality","street","concat","phone","href","email","website","description","innerHTML","grwPoiCss","GrwPoiDetail","class_2","componentDidLoad","swiperPoi","Swiper","swiperPoiRef","modules","Navigation","Pagination","Keyboard","navigation","prevEl","prevElPoiRef","nextEl","nextElPoiRef","pagination","el","paginationElPoiRef","allowTouchMove","keyboard","onfullscreenchange","displayFullscreen","enable","disable","handlePoiDescription","handleFullscreen","poi","attachments","url","requestFullscreen","defaultImageSrc","getAssetPath","_a","state","poiTypes","find","poiType","id","type","pictogram","ref","length","filter","attachment","map","thumbnail","grwSensitiveAreaDetailCss","GrwSensitiveAreaDetail","class_3","sensitiveArea","practices","sensitiveAreaPractice","index","practice","statePractice","toUpperCase","period","month","Date","toLocaleDateString","slice","contact","grwTouristicContentCardCss","GrwTouristicContentCard","class_4","swiperTouristicContentRef","swiperTouristicContent","prevElTouristicContentRef","nextElTouristicContentRef","paginationElTouristicContentRef","touristicContent","handleMouseOver","cardTouristicContentMouseOver","handleMouseLeave","cardTouristicContentMouseLeave","touristicContentCategory","touristicContentCategories","category","style","width","isLargeView","selectedTouristicContentId","isInsideHorizontalList","touristicContentCardPress","label","grwTouristicEventCardCss","GrwTouristicEvent","class_5","swiperTouristicEvent","swiperTouristicEventRef","prevElTouristicEventRef","nextElTouristicEventRef","paginationElTouristicEventRef","touristicEvent","touristicEventTypes","touristicEventType","touristicEventCardPress","grwTrekCardCss","GrwTrekCard","class_6","connectedCallback","currentTrek","trek","difficulty","difficulties","route","routes","themes","theme","includes","departureCity","cities","city","departure_city","onChange","disconnectedCallback","resetStoreOnDisconnected","reset","cardTrekMouseOver","cardTrekMouseLeave","colorPrimaryApp","colorOnSurface","colorSecondaryContainer","colorOnSecondaryContainer","colorSurfaceContainerLow","isStep","selectedStepId","selectedTrekId","trekCardPress","_b","_c","formatDuration","duration","formatLength","length_2d","formatAscent","ascent","_d","_e","_f","_g"],"sources":["src/components/grw-information-desk/grw-information-desk.scss?tag=grw-information-desk&encapsulation=shadow","src/components/grw-information-desk/grw-information-desk.tsx","src/components/grw-poi-detail/grw-poi.scss?tag=grw-poi&encapsulation=shadow","src/components/grw-poi-detail/grw-poi.tsx","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.scss?tag=grw-sensitive-area-detail&encapsulation=shadow","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.tsx","src/components/grw-touristic-content/grw-touristic-content-card.scss?tag=grw-touristic-content-card&encapsulation=shadow","src/components/grw-touristic-content/grw-touristic-content-card.tsx","src/components/grw-touristic-event/grw-touristic-event-card.scss?tag=grw-touristic-event-card&encapsulation=shadow","src/components/grw-touristic-event/grw-touristic-event-card.tsx","src/components/grw-trek-card/grw-trek-card.scss?tag=grw-trek-card&encapsulation=shadow","src/components/grw-trek-card/grw-trek-card.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\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid gray;\n  border-radius: 12px;\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n}\n\n.information-desk-img {\n  position: relative;\n  img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n}\n\n.information-desk-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n}\n\n.information-desk-name {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n}\n\n.information-desk-description {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.information-desk-description-short {\n  font-size: 14px;\n  line-height: 20px;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  overflow: hidden;\n}\n\n.handle-information-desk-description {\n  cursor: pointer;\n  color: var(--color-primary-app);\n  text-decoration: underline;\n  margin-top: 12px;\n}\n\n.phone-container,\n.mail-container,\n.link-container {\n  display: flex;\n  align-items: center;\n  span {\n    font-size: 16px;\n    margin-right: 8px;\n  }\n}\n\n.center-on-map-button {\n  cursor: pointer;\n  background-color: var(--color-primary-container);\n  color: var(--color-on-primary-container);\n  border-radius: 8px;\n  padding: 8px 16px;\n  box-shadow: var(--elevation-1);\n  height: 32px;\n  gap: 8px;\n  box-sizing: border-box;\n  text-align: start;\n  vertical-align: middle;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border: none;\n  font-size: 14px;\n  margin: 12px 0px;\n  &:hover {\n    box-shadow: var(--elevation-2);\n  }\n  span {\n    font-size: 18px;\n  }\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport { InformationDesk } from 'types/types';\n\n@Component({\n  tag: 'grw-information-desk',\n  styleUrl: 'grw-information-desk.scss',\n  shadow: true,\n})\nexport class GrwInformationDeskDetail {\n  @Event() centerOnMap: EventEmitter<{ latitude: number; longitude: number }>;\n  @State() displayShortDescription = true;\n  @Prop() informationDesk: InformationDesk;\n\n  handleInformationDeskDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleCenterOnMap() {\n    this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.informationDesk.photo_url && (\n          <div class=\"information-desk-img\">\n            <img src={this.informationDesk.photo_url} loading=\"lazy\" />\n          </div>\n        )}\n        <div class=\"information-desk-sub-container\">\n          {this.informationDesk.name && <div class=\"information-desk-name\">{this.informationDesk.name}</div>}\n          {this.informationDesk.latitude && this.informationDesk.longitude && (\n            <button class=\"center-on-map-button\" onClick={() => this.handleCenterOnMap()}>\n              {/* @ts-ignore */}\n              <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                location_searching\n              </span>\n              Centrer sur la carte\n            </button>\n          )}\n          {(this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (\n            <div>\n              {this.informationDesk.postal_code && this.informationDesk.postal_code}\n              {this.informationDesk.municipality && ` ${this.informationDesk.municipality}`}\n              {this.informationDesk.street && ` ${this.informationDesk.street}`}\n            </div>\n          )}\n          {this.informationDesk.phone && (\n            <div class=\"phone-container\">\n              {/* @ts-ignore */}\n              <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                call\n              </span>\n              <a href={`tel:${this.informationDesk.phone}`}>{this.informationDesk.phone}</a>\n            </div>\n          )}\n          {this.informationDesk.email && (\n            <div class=\"mail-container\">\n              {/* @ts-ignore */}\n              <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                mail\n              </span>\n              <a href={`mailto:${this.informationDesk.email}`}>{this.informationDesk.email}</a>\n            </div>\n          )}\n          {this.informationDesk.website && (\n            <div class=\"link-container\">\n              {/* @ts-ignore */}\n              <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                link\n              </span>\n              <a href={`${this.informationDesk.website}`}>{this.informationDesk.website}</a>\n            </div>\n          )}\n          {this.informationDesk.description && (\n            <div class=\"information-desk-description-container\">\n              <div class={this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description'} innerHTML={this.informationDesk.description}></div>\n              <div class=\"handle-information-desk-description\" onClick={() => this.handleInformationDeskDescription()}>\n                {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid gray;\n  border-radius: 12px;\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: 32px;\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.poi-type-img-container {\n  position: relative;\n  .poi-img,\n  .default-poi-img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n  .poi-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-poi-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .poi-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: 50%;\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.poi-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n}\n\n.poi-name {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.poi-description {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.poi-description-short {\n  font-size: 14px;\n  line-height: 20px;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  overflow: hidden;\n}\n\n.handle-poi-description {\n  cursor: pointer;\n  color: var(--color-primary-app);\n  text-decoration: underline;\n  margin-top: 12px;\n}\n","import { Component, Host, h, Prop, State, Build, getAssetPath } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { Poi } from 'types/types';\n\n@Component({\n  tag: 'grw-poi',\n  styleUrl: 'grw-poi.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\n    this.swiperPoi = new Swiper(this.swiperPoiRef, {\n      modules: [Navigation, Pagination, Keyboard],\n      navigation: {\n        prevEl: this.prevElPoiRef,\n        nextEl: this.nextElPoiRef,\n      },\n      pagination: { el: this.paginationElPoiRef },\n      allowTouchMove: false,\n      keyboard: false,\n    });\n    this.swiperPoiRef.onfullscreenchange = () => {\n      this.displayFullscreen = !this.displayFullscreen;\n      if (this.displayFullscreen) {\n        this.swiperPoi.keyboard.enable();\n      } else {\n        this.swiperPoi.keyboard.disable();\n      }\n    };\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div class=\"poi-type-img-container\">\n          <img class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} />\n          <div class=\"swiper\" ref={el => (this.swiperPoiRef = el)}>\n            <div class=\"swiper-wrapper\">\n              {this.poi.attachments.length > 0 ? (\n                this.poi.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div class=\"swiper-slide\">\n                      <img\n                        class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                        src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                        loading=\"lazy\"\n                        onClick={() => this.handleFullscreen()}\n                      />\n                    </div>\n                  ))\n              ) : (\n                <div class=\"swiper-slide\">\n                  <img class=\"default-poi-img\" src={defaultImageSrc} loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n            <div class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n            <div class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n          </div>\n        </div>\n        <div class=\"poi-sub-container\">\n          <div class=\"poi-name\">{this.poi.name}</div>\n          <div class={this.displayShortDescription ? 'poi-description-short' : 'poi-description'} innerHTML={this.poi.description}></div>\n          <div class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n            {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: flex;\n  flex-direction: column;\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n}\n\n.sensitive-area-title {\n  font-size: 22px;\n  line-height: 28px;\n  padding: 12px 0px;\n  font-weight: 400;\n}\n\n.sensitive-area-description {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.sensitive-area-period-container,\n.sensitive-area-practice-container,\n.sensitive-area-contact-container {\n  .sensitive-area-period-title,\n  .sensitive-area-practice-title,\n  .sensitive-area-contact-title {\n    font-size: 16px;\n    line-height: 24px;\n    padding: 12px 0px;\n  }\n  .sensitive-area-period-values,\n  .sensitive-area-practice-values {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport state from 'store/store';\nimport { SensitiveArea } from 'types/types';\n\n@Component({\n  tag: 'grw-sensitive-area-detail',\n  styleUrl: 'grw-sensitive-area-detail.scss',\n  shadow: true,\n})\nexport class GrwSensitiveAreaDetail {\n  @Prop() sensitiveArea: SensitiveArea;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"sensitive-area-title\">{this.sensitiveArea.name}</div>\n        <div class=\"sensitive-area-description\" innerHTML={this.sensitiveArea.description}></div>\n        {this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (\n          <div class=\"sensitive-area-practice-container\">\n            <div class=\"sensitive-area-practice-title\">Domaines d'activités concernés :</div>\n            <div class=\"sensitive-area-practice-values\">\n              {this.sensitiveArea.practices.map((sensitiveAreaPractice, index) => {\n                const practice = state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);\n                if (practice) {\n                  return <div innerHTML={`${practice.name.toUpperCase()}${index + 1 !== this.sensitiveArea.practices.length ? ' -&nbsp;' : ''}`}></div>;\n                }\n              })}\n            </div>\n          </div>\n        )}\n        {this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (\n          <div class=\"sensitive-area-period-container\">\n            <div class=\"sensitive-area-period-title\">Périodes de sensibilité</div>\n            <div class=\"sensitive-area-period-values\">\n              {this.sensitiveArea.period.map((month, index) => {\n                if (month) {\n                  return (\n                    <div\n                      innerHTML={`${new Date(0, index + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${\n                        this.sensitiveArea.period.slice(index + 1).find(month => month) ? ' -&nbsp;' : ''\n                      }`}\n                    ></div>\n                  );\n                }\n              })}\n            </div>\n          </div>\n        )}\n        <div class=\"sensitive-area-contact-container\">\n          <div class=\"sensitive-area-contact-title\">Contact</div>\n          <div innerHTML={this.sensitiveArea.contact} class=\"sensitive-area-contact-value\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: 32px;\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.touristic-content-type-img-container {\n  position: relative;\n  .touristic-content-img,\n  .default-touristic-content-img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n  .touristic-content-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-touristic-content-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .touristic-content-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: 50%;\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.touristic-content-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  .touristic-content-category-container {\n    display: flex;\n    align-items: center;\n    margin-bottom: 12px;\n    .touristic-content-category-name {\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n    }\n    img {\n      font-size: 24px;\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n      background-color: var(--color-primary-app);\n    }\n  }\n  .touristic-content-name {\n    font-size: 16px;\n    line-height: 24px;\n  }\n}\n\n.touristic-content-more-detail-container {\n  padding: 0px 12px 12px 12px;\n  .more-details-button {\n    cursor: pointer;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    border-radius: 8px;\n    padding: 8px 16px;\n    box-shadow: var(--elevation-1);\n    width: 100%;\n    height: 32px;\n    gap: 8px;\n    box-sizing: border-box;\n    text-align: start;\n    vertical-align: middle;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    border: none;\n    font-size: 14px;\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n    span {\n      font-size: 18px;\n    }\n  }\n}\n\n.touristic-content-card-container,\n.touristic-content-card-large-view-container {\n  cursor: pointer;\n  font-family: 'Roboto';\n  border-radius: 12px;\n  box-shadow: var(--elevation-1);\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  .image {\n    height: 100%;\n    object-fit: cover;\n    border-top-left-radius: 12px;\n    border-top-right-radius: 12px;\n  }\n}\n\n.touristic-content-container {\n  width: 100%;\n  max-width: 350px;\n  .image {\n    width: 100%;\n    max-height: 200px;\n  }\n}\n\n.touristic-content-card-large-view-container {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  .image {\n    width: 250px;\n  }\n}\n\n.is-inside-vertical-list {\n  cursor: pointer;\n  border: none;\n}\n\n.selected-touristic-content-card {\n  box-shadow: var(--elevation-2);\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { TouristicContent } from 'types/types';\n\n@Component({\n  tag: 'grw-touristic-content-card',\n  styleUrl: 'grw-touristic-content-card.scss',\n  shadow: true,\n})\nexport class GrwTouristicContentCard {\n  @Event() touristicContentCardPress: EventEmitter<number>;\n  swiperTouristicContent?: Swiper;\n  swiperTouristicContentRef?: HTMLDivElement;\n  prevElTouristicContentRef?: HTMLDivElement;\n  nextElTouristicContentRef?: HTMLDivElement;\n  paginationElTouristicContentRef?: HTMLDivElement;\n  @Prop() touristicContent: TouristicContent;\n  @Prop() isLargeView = false;\n  @Prop() isInsideHorizontalList = false;\n  @State() displayFullscreen = false;\n\n  @Event() cardTouristicContentMouseOver: EventEmitter<number>;\n  @Event() cardTouristicContentMouseLeave: EventEmitter;\n\n  componentDidLoad() {\n    if (this.swiperTouristicContentRef) {\n      this.swiperTouristicContent = new Swiper(this.swiperTouristicContentRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElTouristicContentRef,\n          nextEl: this.nextElTouristicContentRef,\n        },\n        pagination: { el: this.paginationElTouristicContentRef },\n        allowTouchMove: false,\n        keyboard: false,\n      });\n      this.swiperTouristicContentRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen;\n        if (this.displayFullscreen) {\n          this.swiperTouristicContent.keyboard.enable();\n        } else {\n          this.swiperTouristicContent.keyboard.disable();\n        }\n      };\n    }\n  }\n\n  handleFullscreen() {\n    if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n      this.swiperTouristicContentRef.requestFullscreen();\n    }\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTouristicContentMouseOver.emit(this.touristicContent.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTouristicContentMouseLeave.emit();\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    const touristicContentCategory = state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === this.touristicContent.category);\n    return (\n      <Host\n        style={{\n          width: this.isLargeView ? '100%' : 'auto',\n        }}\n      >\n        <div\n          class={\n            this.isLargeView\n              ? `touristic-content-card-large-view-container${state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''}${\n                  !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n                }`\n              : `touristic-content-card-container${state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''}${\n                  !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n                }`\n          }\n          onClick={() => {\n            if (!this.isInsideHorizontalList) {\n              this.touristicContentCardPress.emit(this.touristicContent.id);\n            }\n          }}\n        >\n          <div class=\"touristic-content-type-img-container\">\n            {this.isInsideHorizontalList ? (\n              <div class=\"swiper\" ref={el => (this.swiperTouristicContentRef = el)}>\n                <div class=\"swiper-wrapper\">\n                  {this.touristicContent.attachments.length > 0 ? (\n                    this.touristicContent.attachments\n                      .filter(attachment => attachment.type === 'image')\n                      .map(attachment => (\n                        <div class=\"swiper-slide\">\n                          <img\n                            class={`touristic-content-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                            src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                            loading=\"lazy\"\n                            onClick={() => this.handleFullscreen()}\n                          />\n                        </div>\n                      ))\n                  ) : (\n                    <div class=\"swiper-slide\">\n                      <img class=\"default-touristic-content-img\" src={defaultImageSrc} loading=\"lazy\" />\n                    </div>\n                  )}\n                </div>\n                <div class=\"swiper-pagination\" ref={el => (this.paginationElTouristicContentRef = el)}></div>\n                <div class=\"swiper-button-prev\" ref={el => (this.prevElTouristicContentRef = el)}></div>\n                <div class=\"swiper-button-next\" ref={el => (this.nextElTouristicContentRef = el)}></div>\n              </div>\n            ) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n              <img class=\"image\" src={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n            ) : (\n              <div></div>\n            )}\n          </div>\n          <div class=\"touristic-content-sub-container\">\n            <div class=\"touristic-content-category-container\">\n              <img src={touristicContentCategory.pictogram} />\n              <div class=\"touristic-content-category-name\">{touristicContentCategory.label}</div>\n            </div>\n            <div class=\"touristic-content-name\">{this.touristicContent.name}</div>\n          </div>\n          {this.isInsideHorizontalList && (\n            <div class=\"touristic-content-more-detail-container\">\n              <button class=\"more-details-button\" onClick={() => this.touristicContentCardPress.emit(this.touristicContent.id)}>\n                Plus de détails\n              </button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid gray;\n  border-radius: 12px;\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: 32px;\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.touristic-event-type-img-container {\n  position: relative;\n  .touristic-event-img,\n  .default-touristic-event-img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n  .touristic-event-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-touristic-event-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .touristic-event-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: 50%;\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.touristic-event-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  .touristic-event-type-container {\n    display: flex;\n    align-items: center;\n    margin-bottom: 12px;\n    .touristic-event-type-name {\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n    }\n    img {\n      font-size: 24px;\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n      background-color: var(--color-primary-app);\n    }\n  }\n  .touristic-event-name {\n    font-size: 16px;\n    line-height: 24px;\n  }\n}\n\n.touristic-event-more-detail-container {\n  padding: 0px 12px 12px 12px;\n  .more-details-button {\n    cursor: pointer;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    border-radius: 8px;\n    padding: 8px 16px;\n    box-shadow: var(--elevation-1);\n    width: 100%;\n    height: 32px;\n    gap: 8px;\n    box-sizing: border-box;\n    text-align: start;\n    vertical-align: middle;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    border: none;\n    font-size: 14px;\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n    span {\n      font-size: 18px;\n    }\n  }\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter } from '@stencil/core';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { TouristicEvent } from 'types/types';\n\n@Component({\n  tag: 'grw-touristic-event-card',\n  styleUrl: 'grw-touristic-event-card.scss',\n  shadow: true,\n})\nexport class GrwTouristicEvent {\n  @Event() touristicEventCardPress: EventEmitter<number>;\n  swiperTouristicEvent?: Swiper;\n  swiperTouristicEventRef?: HTMLDivElement;\n  prevElTouristicEventRef?: HTMLDivElement;\n  nextElTouristicEventRef?: HTMLDivElement;\n  paginationElTouristicEventRef?: HTMLDivElement;\n  @Prop() touristicEvent: TouristicEvent;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\n    this.swiperTouristicEvent = new Swiper(this.swiperTouristicEventRef, {\n      modules: [Navigation, Pagination, Keyboard],\n      navigation: {\n        prevEl: this.prevElTouristicEventRef,\n        nextEl: this.nextElTouristicEventRef,\n      },\n      pagination: { el: this.paginationElTouristicEventRef },\n      allowTouchMove: false,\n      keyboard: false,\n    });\n    this.swiperTouristicEventRef.onfullscreenchange = () => {\n      this.displayFullscreen = !this.displayFullscreen;\n      if (this.displayFullscreen) {\n        this.swiperTouristicEvent.keyboard.enable();\n      } else {\n        this.swiperTouristicEvent.keyboard.disable();\n      }\n    };\n  }\n\n  handleFullscreen() {\n    if (this.touristicEvent.attachments && this.touristicEvent.attachments[0] && this.touristicEvent.attachments[0].url) {\n      this.swiperTouristicEventRef.requestFullscreen();\n    }\n  }\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    const touristicEventTypes = state.touristicEventTypes.find(touristicEventType => touristicEventType.id === this.touristicEvent.type);\n    return (\n      <Host>\n        <div class=\"touristic-event-type-img-container\">\n          <div class=\"swiper\" ref={el => (this.swiperTouristicEventRef = el)}>\n            <div class=\"swiper-wrapper\">\n              {this.touristicEvent.attachments.length > 0 ? (\n                this.touristicEvent.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div class=\"swiper-slide\">\n                      <img\n                        class={`touristic-event-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                        src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                        loading=\"lazy\"\n                        onClick={() => this.handleFullscreen()}\n                      />\n                    </div>\n                  ))\n              ) : (\n                <div class=\"swiper-slide\">\n                  <img class=\"default-touristic-event-img\" src={defaultImageSrc} loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div class=\"swiper-pagination\" ref={el => (this.paginationElTouristicEventRef = el)}></div>\n            <div class=\"swiper-button-prev\" ref={el => (this.prevElTouristicEventRef = el)}></div>\n            <div class=\"swiper-button-next\" ref={el => (this.nextElTouristicEventRef = el)}></div>\n          </div>\n        </div>\n        <div class=\"touristic-event-sub-container\">\n          <div class=\"touristic-event-type-container\">\n            <img src={touristicEventTypes.pictogram} />\n            <div class=\"touristic-event-type-name\">{touristicEventTypes.type}</div>\n          </div>\n          <div class=\"touristic-event-name\">{this.touristicEvent.name}</div>\n        </div>\n        <div class=\"touristic-event-more-detail-container\">\n          <button class=\"more-details-button\" onClick={() => this.touristicEventCardPress.emit(this.touristicEvent.id)}>\n            Plus de détails\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n",".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\n.trek-card-container,\n.trek-card-large-view-container {\n  cursor: pointer;\n  font-family: 'Roboto';\n  border-radius: 12px;\n  box-shadow: var(--elevation-1);\n  background-color: var(--color-surface-container-low);\n  .image {\n    object-fit: cover;\n    border-top-left-radius: 12px;\n    border-top-right-radius: 12px;\n  }\n  .sub-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 8px 16px;\n    .name {\n      color: var(--color-on-surface);\n      font-size: 22px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 8px;\n    }\n    .departure {\n      color: var(--color-on-surface);\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: 500;\n      margin-bottom: 4px;\n    }\n    .themes-container {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      flex-wrap: wrap;\n      .theme {\n        background-color: var(--color-secondary-container);\n        color: var(--color-on-secondary-container);\n        border-radius: 8px;\n        padding: 8px 16px;\n        margin: 0px 8px 8px 0px;\n        box-shadow: var(--elevation-0);\n        border: 1px solid var(--color-outline);\n        height: 32px;\n        gap: 8px;\n        box-sizing: border-box;\n        text-align: start;\n        vertical-align: middle;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        text-wrap: nowrap;\n      }\n    }\n    .icons-labels-container {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      flex-wrap: wrap;\n      color: var(--color-on-surface);\n      font-size: 14px;\n      line-height: 20px;\n      font-weight: 500;\n      .row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        width: 100%;\n        &:not(:last-child) {\n          margin-bottom: 12px;\n        }\n        .icon-label {\n          &:nth-child(2) {\n            margin: 0px 4px;\n          }\n          display: flex;\n          align-items: center;\n          width: 50%;\n          img,\n          span {\n            font-size: 24px;\n            width: 24px;\n            height: 24px;\n            margin-right: 8px;\n          }\n        }\n        .practice {\n          img {\n            background-color: var(--color-primary-app);\n          }\n        }\n      }\n    }\n  }\n}\n\n.selected-trek-card {\n  box-shadow: var(--elevation-2);\n}\n\n.trek-card-container {\n  width: 100%;\n  max-width: 350px;\n  .image {\n    width: 100%;\n    max-height: 200px;\n  }\n}\n\n.trek-card-large-view-container {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  .image {\n    width: 250px;\n  }\n}\n\n.trek-step-card {\n  width: auto;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, Listen } from '@stencil/core';\nimport state, { onChange, reset } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\n\n@Component({\n  tag: 'grw-trek-card',\n  styleUrl: 'grw-trek-card.scss',\n  shadow: true,\n})\nexport class GrwTrekCard {\n  @Event() trekCardPress: EventEmitter<number>;\n  @State() currentTrek: Trek;\n  @State() difficulty: Difficulty;\n  @State() route: Route;\n  @State() practice: Practice;\n  @State() themes: Themes;\n  @State() departureCity: City;\n  @Prop() trek: Trek;\n  @Prop() colorPrimaryApp = '#6b0030';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() isLargeView = false;\n  @Prop() resetStoreOnDisconnected = true;\n  @Prop() isStep: false;\n\n  @Event() cardTrekMouseOver: EventEmitter<number>;\n  @Event() cardTrekMouseLeave: EventEmitter;\n\n  connectedCallback() {\n    this.currentTrek = this.trek ? this.trek : state.currentTrek;\n    if (this.currentTrek) {\n      this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n      this.route = state.routes.find(route => route.id === this.currentTrek.route);\n      this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n      this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n      this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n    }\n    onChange('currentTrek', () => {\n      this.currentTrek = this.trek ? this.trek : state.currentTrek;\n      if (this.currentTrek) {\n        this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n        this.route = state.routes.find(route => route.id === this.currentTrek.route);\n        this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n        this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n        this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.resetStoreOnDisconnected) {\n      reset();\n    }\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTrekMouseOver.emit(this.currentTrek.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTrekMouseLeave.emit();\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          'width': this.isLargeView ? '100%' : 'auto',\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        }}\n      >\n        {this.currentTrek && (\n          <div\n            class={\n              this.isStep\n                ? `trek-card-container trek-step-card${state.selectedStepId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n                : this.isLargeView\n                ? `trek-card-large-view-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n                : `trek-card-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n            }\n            onClick={() => this.trekCardPress.emit(this.currentTrek.id)}\n          >\n            {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (\n              <img class=\"image\" src={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n            )}\n            <div class=\"sub-container\">\n              {this.departureCity && <div class=\"departure\">{this.departureCity.name}</div>}\n              <div class=\"name\">{this.currentTrek?.name}</div>\n              {!this.isStep && (\n                <div class=\"themes-container\">\n                  {this.themes.map(theme => (\n                    <div class=\"theme\">{theme.label}</div>\n                  ))}\n                </div>\n              )}\n              <div class=\"icons-labels-container\">\n                <div class=\"row\">\n                  <div class=\"icon-label difficulty\">\n                    {this.difficulty?.pictogram && <img src={this.difficulty.pictogram} />}\n                    {this.difficulty?.label}\n                  </div>\n                  <div class=\"icon-label duration\">\n                    {/* @ts-ignore */}\n                    <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                      timelapse\n                    </span>\n                    {formatDuration(this.currentTrek.duration)}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"icon-label length\">\n                    {/* @ts-ignore */}\n                    <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                      open_in_full\n                    </span>\n                    {formatLength(this.currentTrek.length_2d)}\n                  </div>\n                  <div class=\"icon-label ascent\">\n                    {/* @ts-ignore */}\n                    <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                      moving\n                    </span>\n                    {formatAscent(this.currentTrek.ascent)}\n                  </div>\n                </div>\n                {!this.isStep && (\n                  <div class=\"row\">\n                    <div class=\"icon-label route\">\n                      {this.route?.pictogram && <img src={this.route.pictogram} />}\n                      {this.route?.route}\n                    </div>\n                    <div class=\"icon-label practice\">\n                      {this.practice?.pictogram && <img src={this.practice.pictogram} />}\n                      {this.practice?.name}\n                    </div>\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}