@geotrekce/geotrek-rando-widget 0.3.5 → 0.3.6

package/dist/geotrek-rando-widget/p-05cd2f4e.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-266b2cee.system.js","./p-291b7192.system.js","./p-fe1917d3.system.js","./p-ff9cac04.system.js"],(function(e){"use strict";var t,r,i,n,o,s,a,l,c,h,d;return{setters:[function(e){t=e.r;r=e.c;i=e.h;n=e.H;o=e.g},function(e){s=e.t},function(e){a=e.s;l=e.o;c=e.r},function(e){h=e.f;d=e.h}],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:64px}.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}.options-container{height:100%;position:absolute;width:100%;z-index:1100;top:0px}.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}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-container .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}.filters-container .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%}.filters-container .segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.filters-container .segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.filters-container .segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.filters-container .segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.filters-segment-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 64px - 32px)}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:absolute;z-index:1099}.divider{margin:16px;border-top:1px solid var(--color-outline)}.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% - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px)}.content-trek{height:100%}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{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{max-height:calc(100vh - 64px)}grw-trek-detail{max-height:calc(100vh - 64px - 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{width:50%}.large-view-app-map-container{position:relative;width:50%}.filters-options-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:64px;margin:0px 16px}.filters-options-container .filters-options-buttons-container{display:-ms-flexbox;display:flex}.filters-options-container .filters-options-buttons-container .filter-option-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;margin:8px 0px 0px 8px;padding:8px 16px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:none;-webkit-tap-highlight-color:transparent;line-height:20px;color:var(--color-primary);background-color:transparent}.segment-container{margin-bottom:64px}.filter-container:not(:last-child)::after{content:"";display:block;margin:16px;border-top:1px solid var(--color-outline)}';var u=e("grw_app",function(){function e(e){t(this,e);this.resetFilter=r(this,"resetFilter",7);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTreksMap=false;this.showTrekMap=false;this.showFilters=false;this.isLargeView=false;this.selectedSegment="selectedActivitiesFilters";this.currentTrekId=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}e.prototype.onTrekCardPress=function(e){var t=a.parentTrekId?a.parentTrekId:a.currentTrekSteps?this.currentTrekId:null;a.currentTrek=null;this.currentTrekId=e.detail;this.showTrek=true;this.showTrekMap=false;var r=new URL(window.location.toString());r.searchParams.set("trek",this.currentTrekId.toString());if(a.currentTrekSteps){r.searchParams.set("parentTrek",t.toString())}window.history.pushState({},"",r)};e.prototype.onParentTrekPress=function(e){a.currentTrek=null;this.currentTrekId=e.detail;this.showTrek=true;this.showTrekMap=false;var t=new URL(window.location.toString());t.searchParams.set("trek",this.currentTrekId.toString());t.searchParams.delete("parentTrek");window.history.pushState({},"",t)};e.prototype.onWindowResize=function(){this.handleView()};e.prototype.onCenterOnMap=function(){if(!this.isLargeView){this.showTrekMap=true}};e.prototype.watchPropHandler=function(){window.dispatchEvent(new window.Event("resize"))};e.prototype.componentWillLoad=function(){var e=new URL(window.location.toString());var t=e.searchParams.get("trek");var r=e.searchParams.get("parentTrek");if(t){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);a.parentTrekId=r?Number(r):null;this.currentTrekId=Number(t);this.showTrek=!this.showTrek}};e.prototype.componentDidLoad=function(){var e=this;l("trekNetworkError",(function(){if(a.trekNetworkError){var t=new URL(window.location.toString());t.searchParams.delete("trek");t.searchParams.delete("parentTrek");window.history.replaceState({},"",t);e.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};e.prototype.onTrekDetailsClose=function(){a.currentTrek=null;a.currentTrekSteps=null;a.parentTrekId=null;this.currentTrekId=null;this.showTrek=!this.showTrek};e.prototype.handleView=function(){this.isLargeView=this.appElement.getBoundingClientRect().width>=this.largeViewSize;this.showTreksMap=this.isLargeView;this.showTrekMap=this.isLargeView};e.prototype.handleFilters=function(){this.showFilters=!this.showFilters};e.prototype.handleBackButton=function(){if(window.history.state&&window.history.state.isInitialHistoryWithTrek){this.onTrekDetailsClose();var e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.pushState({},"",e)}else{window.history.back()}};e.prototype.handlePopState=function(){var e=new URL(window.location.toString());var t=Number(e.searchParams.get("trek"));if(t&&this.currentTrekId!==t){a.currentTrek=null;this.currentTrekId=t;this.showTrek=true}else if(!t){this.onTrekDetailsClose()}};e.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}};e.prototype.handleEraseFilters=function(){h.forEach((function(e){a[e.property].forEach((function(e){return e.selected=false}))}));a.selectedActivitiesFilters=0;a.selectedThemesFilters=0;a.selectedLocationFilters=0;a.currentTreks=d();this.resetFilter.emit()};e.prototype.handleOkFilters=function(){this.handleFilters()};e.prototype.disconnectedCallback=function(){c();window.removeEventListener("popstate",this.handlePopStateBind)};e.prototype.handleSelectedSegment=function(e){this.selectedSegment=e};e.prototype.handleSegment=function(e){return h.filter((function(t){return t.segment===e})).some((function(e){return a[e.property]&&a[e.property].length>0}))};e.prototype.render=function(){var e=this;return i(n,{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}},!a.currentTreks&&!a.currentTrek&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),!this.showTrek&&!a.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&&!a.currentTrek&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(a.currentTreks||a.currentTrek)&&i("div",{class:"app-container"},i("div",{class:this.isLargeView?"large-view-header-container":"header-container"},!this.showTrek?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 e.handleFilters()},class:"handle-filters-button"},i("span",{class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),s[a.language].filter))):i("div",{class:"arrow-back-container"},i("button",{onClick:function(){return e.handleBackButton()},class:"arrow-back-icon"},i("span",{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?"none":"flex",position:this.showTrek?"absolute":"relative"}},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})),this.showTrek&&!a.currentTrek&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),a.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})),i("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"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.showTrek&&a.currentTrek)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:function(){return e.handleShowMap()},class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{class:"material-symbols material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?s[a.language].showDetails:s[a.language].showRoute:this.showTreksMap?s[a.language].showList:s[a.language].showMap))),!this.showTrek&&this.showFilters&&i("div",{class:"options-container"},i("div",{class:"filters-container"},i("div",{class:"filters-options-container"},a.treksWithinBounds&&i("div",{class:"current-treks-within-bounds-length"},"".concat(a.treksWithinBounds.length," ").concat(a.treksWithinBounds.length>1?s[a.language].treks:s[a.language].trek)),i("div",{class:"filters-options-buttons-container"},i("button",{class:"filter-option-button",onClick:function(){return e.handleEraseFilters()}},s[a.language].erase),i("button",{class:"filter-option-button",onClick:function(){return e.handleOkFilters()}},s[a.language].ok))),i("div",{class:"segmented-buttons-container"},this.handleSegment("selectedActivitiesFilters")&&i("label",{class:"segment".concat(this.selectedSegment==="selectedActivitiesFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedActivitiesFilters")}},s[a.language].activities," ",a.selectedActivitiesFilters!==0&&"(".concat(a.selectedActivitiesFilters,")")),this.handleSegment("selectedThemesFilters")&&i("label",{class:"segment".concat(this.selectedSegment==="selectedThemesFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedThemesFilters")}},s[a.language].themes," ",a.selectedThemesFilters!==0&&"(".concat(a.selectedThemesFilters,")")),this.handleSegment("selectedLocationFilters")&&i("label",{class:"segment".concat(this.selectedSegment==="selectedLocationFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedLocationFilters")}},s[a.language].location," ",a.selectedLocationFilters!==0&&"(".concat(a.selectedLocationFilters,")"))),i("div",{class:"filters-segment-container"},this.selectedSegment==="selectedActivitiesFilters"&&i("div",{class:"segment-container"},a["practices"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].practice,filterType:"practices",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),a["difficulties"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].difficulty,filterType:"difficulties",filterNameProperty:"label",segment:"selectedActivitiesFilters"})),a["durations"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].duration,filterType:"durations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),a["lengths"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].length,filterType:"lengths",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),a["elevations"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].elevation,filterType:"elevations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),a["routes"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].routes,filterType:"routes",filterNameProperty:"route",segment:"selectedActivitiesFilters"})),a["accessibilities"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].accessibility,filterType:"accessibilities",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),a["labels"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].activities,filterType:"labels",filterNameProperty:"name",segment:"selectedActivitiesFilters"}))),this.selectedSegment==="selectedThemesFilters"&&i("div",{class:"segment-container"},a["themes"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].themes,filterType:"themes",filterNameProperty:"label",segment:"selectedThemesFilters"}))),this.selectedSegment==="selectedLocationFilters"&&i("div",{class:"segment-container"},a["districts"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].districts,filterType:"districts",filterNameProperty:"name",segment:"selectedLocationFilters"})),a["cities"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:s[a.language].cities,filterType:"cities",filterNameProperty:"name",segment:"selectedLocationFilters"}))))),i("div",{onClick:function(){return e.handleFilters()},class:"back-filters-container"})))};Object.defineProperty(e.prototype,"appElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return e}());u.style=p}}}));
-//# sourceMappingURL=p-05cd2f4e.system.entry.js.map

package/dist/geotrek-rando-widget/p-05cd2f4e.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["grwAppCss","GrwApp","exports","this","largeViewSize","handlePopStateBind","handlePopState","bind","class_1","prototype","onTrekCardPress","event","parentTrek","state","parentTrekId","currentTrekSteps","currentTrekId","currentTrek","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onParentTrekPress","delete","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","trekParam","get","replaceState","isInitialHistoryWithTrek","Number","componentDidLoad","_this","onChange","trekNetworkError","urlRedirect","onTrekDetailsClose","addEventListener","appElement","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","handleEraseFilters","filters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","currentTreks","handleFiltersAndSearch","resetFilter","emit","handleOkFilters","disconnectedCallback","reset","removeEventListener","handleSelectedSegment","selectedSegment","handleSegment","segment","some","length","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","translate","language","concat","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","showDetails","showRoute","showList","showMap","treksWithinBounds","trek","erase","ok","activities","filterName","practice","filterType","filterNameProperty","difficulty","duration","elevation","accessibility"],"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: 64px;\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.options-container {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n  top: 0px;\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.large-view-header-container {\n  .handle-search-filters-container {\n    justify-content: flex-start;\n  }\n}\n\n.filters-container {\n  background-color: var(--color-background);\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1100;\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}\n\n.filters-segment-container {\n  overflow-y: scroll;\n  padding-bottom: 32px;\n  max-height: calc(100% - 64px - 32px);\n}\n\n.back-filters-container {\n  background-color: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 1099;\n}\n\n.divider {\n  margin: 16px;\n  border-top: 1px solid var(--color-outline);\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% - 64px);\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - 64px);\n}\n\n.content-trek {\n  height: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\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 {\n  max-height: calc(100vh - 64px);\n}\n\ngrw-trek-detail {\n  max-height: calc(100vh - 64px - 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  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.filters-options-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 64px;\n  margin: 0px 16px;\n  .filters-options-buttons-container {\n    display: flex;\n    .filter-option-button {\n      cursor: pointer;\n      user-select: none;\n      font-size: 14px;\n      font-weight: 500;\n      margin: 8px 0px 0px 8px;\n      padding: 8px 16px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: var(--elevation-0);\n      border: none;\n      -webkit-tap-highlight-color: transparent;\n      line-height: 20px;\n      color: var(--color-primary);\n      background-color: transparent;\n    }\n  }\n}\n\n.segment-container {\n  margin-bottom: 64px;\n}\n\n.filter-container {\n  &:not(:last-child) {\n    &::after {\n      content: '';\n      display: block;\n      margin: 16px;\n      border-top: 1px solid var(--color-outline);\n    }\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\nimport { filters, handleFiltersAndSearch } 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  @Event() resetFilter: EventEmitter;\n  @State() showTrek = false;\n  @State() showTreksMap = false;\n  @State() showTrekMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() selectedSegment = 'selectedActivitiesFilters';\n  @State() currentTrekId: 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  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\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('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    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    const parentTrekId = url.searchParams.get('parentTrek');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\n      state.parentTrekId = parentTrekId ? Number(parentTrekId) : null;\n      this.currentTrekId = Number(trekParam);\n      this.showTrek = !this.showTrek;\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        window.history.replaceState({}, '', urlRedirect);\n        this.onTrekDetailsClose();\n      }\n    });\n    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onTrekDetailsClose() {\n    state.currentTrek = null;\n    state.currentTrekSteps = null;\n    state.parentTrekId = null;\n    this.currentTrekId = null;\n    this.showTrek = !this.showTrek;\n  }\n\n  handleView() {\n    this.isLargeView = this.appElement.getBoundingClientRect().width >= this.largeViewSize;\n    this.showTreksMap = 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.isInitialHistoryWithTrek) {\n      this.onTrekDetailsClose();\n      const url = new URL(window.location.toString());\n      url.searchParams.delete('trek');\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    if (trekParam && this.currentTrekId !== trekParam) {\n      state.currentTrek = null;\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam) {\n      this.onTrekDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else {\n      this.showTreksMap = !this.showTreksMap;\n    }\n  }\n\n  handleEraseFilters() {\n    filters.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 = handleFiltersAndSearch();\n    this.resetFilter.emit();\n  }\n\n  handleOkFilters() {\n    this.handleFilters();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  handleSelectedSegment(selectedSegment) {\n    this.selectedSegment = selectedSegment;\n  }\n\n  handleSegment(segment) {\n    return filters.filter(filter => filter.segment === segment).some(filter => state[filter.property] && state[filter.property].length > 0);\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        }}\n      >\n        {!state.currentTreks && !state.currentTrek && (\n          <div class=\"init-loader-container\">\n            <span class=\"loader\"></span>\n          </div>\n        )}\n        {!this.showTrek && !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        {(state.currentTreks || state.currentTrek) && (\n          <div class=\"app-container\">\n            <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n              {!this.showTrek ? (\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                      <span class=\"material-symbols material-symbols-outlined margin-right-icon\">filter_list</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                    <span class=\"material-symbols material-symbols-outlined\">arrow_back</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 ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\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              </div>\n              {this.showTrek && !state.currentTrek && (\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              <grw-map\n                reset-store-on-disconnected=\"false\"\n                class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n                style={{\n                  visibility: (this.showTreksMap && !this.showTrek) || (this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                  zIndex: this.showTrekMap ? '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.showTrek && state.currentTrek)) && (\n              <div class=\"map-visibility-button-container\">\n                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  <span class=\"material-symbols material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n                  {this.showTrek\n                    ? this.showTrekMap\n                      ? translate[state.language].showDetails\n                      : translate[state.language].showRoute\n                    : this.showTreksMap\n                    ? translate[state.language].showList\n                    : translate[state.language].showMap}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && (\n          <div class=\"options-container\">\n            <div class=\"filters-container\">\n              <div class=\"filters-options-container\">\n                {state.treksWithinBounds && (\n                  <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n                    state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n                  }`}</div>\n                )}\n                <div class=\"filters-options-buttons-container\">\n                  <button class=\"filter-option-button\" onClick={() => this.handleEraseFilters()}>\n                    {translate[state.language].erase}\n                  </button>\n                  <button class=\"filter-option-button\" onClick={() => this.handleOkFilters()}>\n                    {translate[state.language].ok}\n                  </button>\n                </div>\n              </div>\n              <div class=\"segmented-buttons-container\">\n                {this.handleSegment('selectedActivitiesFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedActivitiesFilters')}\n                  >\n                    {translate[state.language].activities} {state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`}\n                  </label>\n                )}\n                {this.handleSegment('selectedThemesFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedThemesFilters')}\n                  >\n                    {translate[state.language].themes} {state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`}\n                  </label>\n                )}\n                {this.handleSegment('selectedLocationFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedLocationFilters')}\n                  >\n                    {translate[state.language].location} {state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`}\n                  </label>\n                )}\n              </div>\n              <div class=\"filters-segment-container\">\n                {this.selectedSegment === 'selectedActivitiesFilters' && (\n                  <div class=\"segment-container\">\n                    {state['practices'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].practice}\n                          filterType=\"practices\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['difficulties'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].difficulty}\n                          filterType=\"difficulties\"\n                          filterNameProperty=\"label\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['durations'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].duration}\n                          filterType=\"durations\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['lengths'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                      </div>\n                    )}\n                    {state['elevations'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].elevation}\n                          filterType=\"elevations\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['routes'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                      </div>\n                    )}\n                    {state['accessibilities'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].accessibility}\n                          filterType=\"accessibilities\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['labels'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].activities}\n                          filterType=\"labels\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n                {this.selectedSegment === 'selectedThemesFilters' && (\n                  <div class=\"segment-container\">\n                    {state['themes'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].themes} filterType=\"themes\" filterNameProperty=\"label\" segment=\"selectedThemesFilters\"></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n                {this.selectedSegment === 'selectedLocationFilters' && (\n                  <div class=\"segment-container\">\n                    {state['districts'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].districts}\n                          filterType=\"districts\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedLocationFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['cities'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].cities} filterType=\"cities\" filterNameProperty=\"name\" segment=\"selectedLocationFilters\"></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            </div>\n            <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-1266b9a7.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-266b2cee.system.js","./p-fe1917d3.system.js"],(function(e){"use strict";var t,n,l,a;return{setters:[function(e){t=e.r;n=e.h;l=e.H},function(e){a=e.s}],execute:function(){var s='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}:host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host span{font-size:18px}:host #language-select{border:none;background-color:var(--color-background)}:host #language-select:focus-visible{outline:none}';var r=e("grw_select_language",function(){function e(e){t(this,e)}e.prototype.handleSelect=function(e){a.treks=null;a.currentTreks=null;a.currentTrek=null;a.language=e.target.value};e.prototype.render=function(){var e=this;return n(l,null,n("span",{class:"material-symbols material-symbols-outlined margin-right-icon"},"translate"),n("select",{onInput:function(t){return e.handleSelect(t)},name:"languages",id:"language-select"},a.languages.map((function(e){return n("option",{selected:e===a.language,value:e.toLocaleLowerCase()},e.toLocaleUpperCase())}))))};return e}());r.style=s}}}));
-//# sourceMappingURL=p-1266b9a7.system.entry.js.map

package/dist/geotrek-rando-widget/p-1266b9a7.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["grwSelectLanguageCss","GrwSelectLanguage","exports","class_1","prototype","handleSelect","event","state","treks","currentTreks","currentTrek","language","target","value","render","_this","this","h","Host","class","onInput","name","id","languages","map","selected","toLocaleLowerCase","toLocaleUpperCase"],"sources":["src/components/grw-select-language/grw-select-language.scss?tag=grw-select-language&encapsulation=shadow","src/components/grw-select-language/grw-select-language.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  align-items: center;\n  span {\n    font-size: 18px;\n  }\n  #language-select {\n    border: none;\n    background-color: var(--color-background);\n    &:focus-visible {\n      outline: none;\n    }\n  }\n}\n","import { Component, Host, h } from '@stencil/core';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-select-language',\n  styleUrl: 'grw-select-language.scss',\n  shadow: true,\n})\nexport class GrwSelectLanguage {\n  handleSelect(event) {\n    state.treks = null;\n    state.currentTreks = null;\n    state.currentTrek = null;\n    state.language = event.target.value;\n  }\n\n  render() {\n    return (\n      <Host>\n        <span class=\"material-symbols material-symbols-outlined margin-right-icon\">translate</span>\n        <select onInput={event => this.handleSelect(event)} name=\"languages\" id=\"language-select\">\n          {state.languages.map(language => (\n            <option selected={language === state.language} value={language.toLocaleLowerCase()}>\n              {language.toLocaleUpperCase()}\n            </option>\n          ))}\n        </select>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gMAAA,IAAMA,EAAuB,kY,ICQhBC,EAAiBC,EAAA,iC,wBAC5BC,EAAAC,UAAAC,aAAA,SAAaC,GACXC,EAAMC,MAAQ,KACdD,EAAME,aAAe,KACrBF,EAAMG,YAAc,KACpBH,EAAMI,SAAWL,EAAMM,OAAOC,K,EAGhCV,EAAAC,UAAAU,OAAA,eAAAC,EAAAC,KACE,OACEC,EAACC,EAAI,KACHD,EAAA,QAAME,MAAM,gEAA8D,aAC1EF,EAAA,UAAQG,QAAS,SAAAd,GAAS,OAAAS,EAAKV,aAAaC,EAAlB,EAA0Be,KAAK,YAAYC,GAAG,mBACrEf,EAAMgB,UAAUC,KAAI,SAAAb,GAAQ,OAC3BM,EAAA,UAAQQ,SAAUd,IAAaJ,EAAMI,SAAUE,MAAOF,EAASe,qBAC5Df,EAASgB,oBAFe,K,WAbT,I"}

package/dist/geotrek-rando-widget/p-148f5f1d.system.js

@@ -1,2 +0,0 @@
-System.register(["./p-266b2cee.system.js"],(function(r,e){"use strict";var o,n,t,a,i,c;return{setters:[function(e){o=e.p;n=e.w;t=e.d;a=e.N;i=e.a;c=e.b;r("setNonce",e.s)}],execute:function(){function r(r){var e,o,n;return(n=(o=(e=r.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||o===void 0?void 0:o.getAttribute("content"))!==null&&n!==void 0?n:undefined}var s=function(r){return"__sc_import_".concat(r.replace(/\s|-/g,"_"))};var l=function(){{o.$cssShim$=n.__cssshim}var r=Array.from(t.querySelectorAll("script")).find((function(r){return new RegExp("/".concat(a,"(\\.esm)?\\.js($|\\?|#)")).test(r.src)||r.getAttribute("data-stencil-namespace")===a}));var c=(r||{})["data-opts"]||{};if("onbeforeload"in r&&!history.scrollRestoration){return{then:function(){}}}{c.resourcesUrl=new URL(".",new URL(r.getAttribute("data-resources-url")||r.src,n.location.href)).href;{p(c.resourcesUrl,r)}if(!n.customElements){return e.import("./p-2a99981a.system.js").then((function(){return c}))}}return i(c)};var p=function(e,i){var c=s(a);try{n[c]=new Function("w","return import(w);//".concat(Math.random()))}catch(p){var l=new Map;n[c]=function(a){var s;var p=new URL(a,e).href;var u=l.get(p);if(!u){var d=t.createElement("script");d.type="module";d.crossOrigin=i.crossOrigin;d.src=URL.createObjectURL(new Blob(["import * as m from '".concat(p,"'; window.").concat(c,".m = m;")],{type:"application/javascript"}));var y=(s=o.$nonce$)!==null&&s!==void 0?s:r(t);if(y!=null){d.setAttribute("nonce",y)}u=new Promise((function(r){d.onload=function(){r(n[c].m);d.remove()}}));l.set(p,u);t.head.appendChild(d)}return u}}};l().then((function(r){return c([["p-05cd2f4e.system",[[0,"grw-app",{appWidth:[1,"app-width"],appHeight:[1,"app-height"],api:[1],languages:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],center:[1],zoom:[2],nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],weather:[4],colorPrimaryApp:[1,"color-primary-app"],colorOnPrimary:[1,"color-on-primary"],colorSurface:[1,"color-surface"],colorOnSurface:[1,"color-on-surface"],colorSurfaceVariant:[1,"color-surface-variant"],colorOnSurfaceVariant:[1,"color-on-surface-variant"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],colorSurfaceContainerHigh:[1,"color-surface-container-high"],colorSurfaceContainerLow:[1,"color-surface-container-low"],fabBackgroundColor:[1,"fab-background-color"],fabColor:[1,"fab-color"],colorTrekLine:[1,"color-trek-line"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],showTrek:[32],showTreksMap:[32],showTrekMap:[32],showFilters:[32],isLargeView:[32],selectedSegment:[32],currentTrekId:[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]],["p-1266b9a7.system",[[1,"grw-select-language"]]],["p-42a3c374.system",[[1,"grw-information-desk",{informationDesk:[16],displayShortDescription:[32]}],[1,"grw-poi",{poi:[16],displayShortDescription:[32],displayFullscreen:[32]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}],[1,"grw-touristic-content",{touristicContent:[16],displayFullscreen:[32]}],[1,"grw-trek-card",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isStep:[4,"is-step"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],departureCity:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-6d738828.system",[[1,"grw-trek-detail",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],weather:[4],isLargeView:[4,"is-large-view"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],labels:[32],sources:[32],accessibilities:[32],accessibilityLevel:[32],displayFullscreen:[32],cities:[32],options:[32]}],[1,"grw-treks-list",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],treksToDisplay:[32]}],[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterNameProperty:[1,"filter-name-property"],segment:[1]},[[8,"resetFilter","onResetFilter"]]],[1,"grw-map",{nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],center:[1],zoom:[2],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorBackground:[1,"color-background"],colorTrekLine:[1,"color-trek-line"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isLargeView:[4,"is-large-view"],mapIsReady:[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","oncardTrekMouseLeave"]]],[1,"grw-search"],[1,"grw-trek-provider",{languages:[1],api:[1],trekId:[1,"trek-id"]}],[1,"grw-treks-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1]}]]]],r)}))}}}));
-//# sourceMappingURL=p-148f5f1d.system.js.map

package/dist/geotrek-rando-widget/p-148f5f1d.system.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["queryNonceMetaTagContent","doc","_a","_b","_c","head","querySelector","getAttribute","undefined","getDynamicImportFunction","namespace","concat","replace","patchBrowser","plt","$cssShim$","win","__cssshim","scriptElm","Array","from","querySelectorAll","find","s","RegExp","NAMESPACE","test","src","opts","history","scrollRestoration","then","resourcesUrl","URL","location","href","patchDynamicImport","customElements","module","import","promiseResolve","base","orgScriptElm","importFunctionName","Function","Math","random","e","moduleMap_1","Map","url","mod","get","script_1","createElement","type","crossOrigin","createObjectURL","Blob","nonce","$nonce$","setAttribute","Promise","resolve","onload","m","remove","set","appendChild","options","bootstrapLazy","appWidth","appHeight","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","center","zoom","nameLayer","urlLayer","attributionLayer","weather","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","showTrek","showTreksMap","showTrekMap","showFilters","isLargeView","selectedSegment","currentTrekId","informationDesk","displayShortDescription","poi","displayFullscreen","sensitiveArea","touristicContent","trek","resetStoreOnDisconnected","isStep","currentTrek","difficulty","route","practice","departureCity","labels","sources","accessibilities","accessibilityLevel","treksToDisplay","filterType","filterName","filterNameProperty","segment","mapIsReady","trekId"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-370f741f.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as r,g as s}from"./p-b4e1f9ae.js";import{t as n}from"./p-e653caed.js";import{s as o,o as a,r as l}from"./p-5a6577cd.js";import{f as c,h}from"./p-d0083a9b.js";const d='.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:64px}.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}.options-container{height:100%;position:absolute;width:100%;z-index:1100;top:0px}.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}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-container .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}.filters-container .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%}.filters-container .segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.filters-container .segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.filters-container .segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.filters-container .segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.filters-segment-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 64px - 32px)}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:absolute;z-index:1099}.divider{margin:16px;border-top:1px solid var(--color-outline)}.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% - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px)}.content-trek{height:100%}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{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{max-height:calc(100vh - 64px)}grw-trek-detail{max-height:calc(100vh - 64px - 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{width:50%}.large-view-app-map-container{position:relative;width:50%}.filters-options-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:64px;margin:0px 16px}.filters-options-container .filters-options-buttons-container{display:-ms-flexbox;display:flex}.filters-options-container .filters-options-buttons-container .filter-option-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;margin:8px 0px 0px 8px;padding:8px 16px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:none;-webkit-tap-highlight-color:transparent;line-height:20px;color:var(--color-primary);background-color:transparent}.segment-container{margin-bottom:64px}.filter-container:not(:last-child)::after{content:"";display:block;margin:16px;border-top:1px solid var(--color-outline)}';const p=class{constructor(i){e(this,i);this.resetFilter=t(this,"resetFilter",7);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTreksMap=false;this.showTrekMap=false;this.showFilters=false;this.isLargeView=false;this.selectedSegment="selectedActivitiesFilters";this.currentTrekId=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}onTrekCardPress(e){const t=o.parentTrekId?o.parentTrekId:o.currentTrekSteps?this.currentTrekId:null;o.currentTrek=null;this.currentTrekId=e.detail;this.showTrek=true;this.showTrekMap=false;const i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());if(o.currentTrekSteps){i.searchParams.set("parentTrek",t.toString())}window.history.pushState({},"",i)}onParentTrekPress(e){o.currentTrek=null;this.currentTrekId=e.detail;this.showTrek=true;this.showTrekMap=false;const t=new URL(window.location.toString());t.searchParams.set("trek",this.currentTrekId.toString());t.searchParams.delete("parentTrek");window.history.pushState({},"",t)}onWindowResize(){this.handleView()}onCenterOnMap(){if(!this.isLargeView){this.showTrekMap=true}}watchPropHandler(){window.dispatchEvent(new window.Event("resize"))}componentWillLoad(){const e=new URL(window.location.toString());const t=e.searchParams.get("trek");const i=e.searchParams.get("parentTrek");if(t){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);o.parentTrekId=i?Number(i):null;this.currentTrekId=Number(t);this.showTrek=!this.showTrek}}componentDidLoad(){a("trekNetworkError",(()=>{if(o.trekNetworkError){const e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.delete("parentTrek");window.history.replaceState({},"",e);this.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()}onTrekDetailsClose(){o.currentTrek=null;o.currentTrekSteps=null;o.parentTrekId=null;this.currentTrekId=null;this.showTrek=!this.showTrek}handleView(){this.isLargeView=this.appElement.getBoundingClientRect().width>=this.largeViewSize;this.showTreksMap=this.isLargeView;this.showTrekMap=this.isLargeView}handleFilters(){this.showFilters=!this.showFilters}handleBackButton(){if(window.history.state&&window.history.state.isInitialHistoryWithTrek){this.onTrekDetailsClose();const e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.pushState({},"",e)}else{window.history.back()}}handlePopState(){const e=new URL(window.location.toString());const t=Number(e.searchParams.get("trek"));if(t&&this.currentTrekId!==t){o.currentTrek=null;this.currentTrekId=t;this.showTrek=true}else if(!t){this.onTrekDetailsClose()}}handleShowMap(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}}handleEraseFilters(){c.forEach((e=>{o[e.property].forEach((e=>e.selected=false))}));o.selectedActivitiesFilters=0;o.selectedThemesFilters=0;o.selectedLocationFilters=0;o.currentTreks=h();this.resetFilter.emit()}handleOkFilters(){this.handleFilters()}disconnectedCallback(){l();window.removeEventListener("popstate",this.handlePopStateBind)}handleSelectedSegment(e){this.selectedSegment=e}handleSegment(e){return c.filter((t=>t.segment===e)).some((e=>o[e.property]&&o[e.property].length>0))}render(){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}},!o.currentTreks&&!o.currentTrek&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),!this.showTrek&&!o.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&&!o.currentTrek&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(o.currentTreks||o.currentTrek)&&i("div",{class:"app-container"},i("div",{class:this.isLargeView?"large-view-header-container":"header-container"},!this.showTrek?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",{class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),n[o.language].filter))):i("div",{class:"arrow-back-container"},i("button",{onClick:()=>this.handleBackButton(),class:"arrow-back-icon"},i("span",{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?"none":"flex",position:this.showTrek?"absolute":"relative"}},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})),this.showTrek&&!o.currentTrek&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),o.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})),i("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"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.showTrek&&o.currentTrek)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:()=>this.handleShowMap(),class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{class:"material-symbols material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?n[o.language].showDetails:n[o.language].showRoute:this.showTreksMap?n[o.language].showList:n[o.language].showMap))),!this.showTrek&&this.showFilters&&i("div",{class:"options-container"},i("div",{class:"filters-container"},i("div",{class:"filters-options-container"},o.treksWithinBounds&&i("div",{class:"current-treks-within-bounds-length"},`${o.treksWithinBounds.length} ${o.treksWithinBounds.length>1?n[o.language].treks:n[o.language].trek}`),i("div",{class:"filters-options-buttons-container"},i("button",{class:"filter-option-button",onClick:()=>this.handleEraseFilters()},n[o.language].erase),i("button",{class:"filter-option-button",onClick:()=>this.handleOkFilters()},n[o.language].ok))),i("div",{class:"segmented-buttons-container"},this.handleSegment("selectedActivitiesFilters")&&i("label",{class:`segment${this.selectedSegment==="selectedActivitiesFilters"?" selected-segment":""}`,onClick:()=>this.handleSelectedSegment("selectedActivitiesFilters")},n[o.language].activities," ",o.selectedActivitiesFilters!==0&&`(${o.selectedActivitiesFilters})`),this.handleSegment("selectedThemesFilters")&&i("label",{class:`segment${this.selectedSegment==="selectedThemesFilters"?" selected-segment":""}`,onClick:()=>this.handleSelectedSegment("selectedThemesFilters")},n[o.language].themes," ",o.selectedThemesFilters!==0&&`(${o.selectedThemesFilters})`),this.handleSegment("selectedLocationFilters")&&i("label",{class:`segment${this.selectedSegment==="selectedLocationFilters"?" selected-segment":""}`,onClick:()=>this.handleSelectedSegment("selectedLocationFilters")},n[o.language].location," ",o.selectedLocationFilters!==0&&`(${o.selectedLocationFilters})`)),i("div",{class:"filters-segment-container"},this.selectedSegment==="selectedActivitiesFilters"&&i("div",{class:"segment-container"},o["practices"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].practice,filterType:"practices",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),o["difficulties"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].difficulty,filterType:"difficulties",filterNameProperty:"label",segment:"selectedActivitiesFilters"})),o["durations"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].duration,filterType:"durations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),o["lengths"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].length,filterType:"lengths",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),o["elevations"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].elevation,filterType:"elevations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),o["routes"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].routes,filterType:"routes",filterNameProperty:"route",segment:"selectedActivitiesFilters"})),o["accessibilities"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].accessibility,filterType:"accessibilities",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),o["labels"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].activities,filterType:"labels",filterNameProperty:"name",segment:"selectedActivitiesFilters"}))),this.selectedSegment==="selectedThemesFilters"&&i("div",{class:"segment-container"},o["themes"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].themes,filterType:"themes",filterNameProperty:"label",segment:"selectedThemesFilters"}))),this.selectedSegment==="selectedLocationFilters"&&i("div",{class:"segment-container"},o["districts"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].districts,filterType:"districts",filterNameProperty:"name",segment:"selectedLocationFilters"})),o["cities"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].cities,filterType:"cities",filterNameProperty:"name",segment:"selectedLocationFilters"}))))),i("div",{onClick:()=>this.handleFilters(),class:"back-filters-container"})))}get appElement(){return s(this)}static get watchers(){return{isLargeView:["watchPropHandler"]}}};p.style=d;export{p as grw_app};
-//# sourceMappingURL=p-370f741f.entry.js.map

package/dist/geotrek-rando-widget/p-370f741f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","onTrekCardPress","event","parentTrek","state","parentTrekId","currentTrekSteps","currentTrekId","currentTrek","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onParentTrekPress","delete","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","trekParam","get","replaceState","isInitialHistoryWithTrek","Number","componentDidLoad","onChange","trekNetworkError","urlRedirect","onTrekDetailsClose","addEventListener","appElement","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","handleEraseFilters","filters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","currentTreks","handleFiltersAndSearch","resetFilter","emit","handleOkFilters","disconnectedCallback","reset","removeEventListener","handleSelectedSegment","selectedSegment","handleSegment","segment","some","length","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","translate","language","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","showDetails","showRoute","showList","showMap","treksWithinBounds","trek","erase","ok","activities","filterName","practice","filterType","filterNameProperty","difficulty","duration","elevation","accessibility"],"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: 64px;\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.options-container {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n  top: 0px;\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.large-view-header-container {\n  .handle-search-filters-container {\n    justify-content: flex-start;\n  }\n}\n\n.filters-container {\n  background-color: var(--color-background);\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1100;\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}\n\n.filters-segment-container {\n  overflow-y: scroll;\n  padding-bottom: 32px;\n  max-height: calc(100% - 64px - 32px);\n}\n\n.back-filters-container {\n  background-color: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 1099;\n}\n\n.divider {\n  margin: 16px;\n  border-top: 1px solid var(--color-outline);\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% - 64px);\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - 64px);\n}\n\n.content-trek {\n  height: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\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 {\n  max-height: calc(100vh - 64px);\n}\n\ngrw-trek-detail {\n  max-height: calc(100vh - 64px - 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  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.filters-options-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 64px;\n  margin: 0px 16px;\n  .filters-options-buttons-container {\n    display: flex;\n    .filter-option-button {\n      cursor: pointer;\n      user-select: none;\n      font-size: 14px;\n      font-weight: 500;\n      margin: 8px 0px 0px 8px;\n      padding: 8px 16px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: var(--elevation-0);\n      border: none;\n      -webkit-tap-highlight-color: transparent;\n      line-height: 20px;\n      color: var(--color-primary);\n      background-color: transparent;\n    }\n  }\n}\n\n.segment-container {\n  margin-bottom: 64px;\n}\n\n.filter-container {\n  &:not(:last-child) {\n    &::after {\n      content: '';\n      display: block;\n      margin: 16px;\n      border-top: 1px solid var(--color-outline);\n    }\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\nimport { filters, handleFiltersAndSearch } 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  @Event() resetFilter: EventEmitter;\n  @State() showTrek = false;\n  @State() showTreksMap = false;\n  @State() showTrekMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() selectedSegment = 'selectedActivitiesFilters';\n  @State() currentTrekId: 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  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\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('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    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    const parentTrekId = url.searchParams.get('parentTrek');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\n      state.parentTrekId = parentTrekId ? Number(parentTrekId) : null;\n      this.currentTrekId = Number(trekParam);\n      this.showTrek = !this.showTrek;\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        window.history.replaceState({}, '', urlRedirect);\n        this.onTrekDetailsClose();\n      }\n    });\n    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onTrekDetailsClose() {\n    state.currentTrek = null;\n    state.currentTrekSteps = null;\n    state.parentTrekId = null;\n    this.currentTrekId = null;\n    this.showTrek = !this.showTrek;\n  }\n\n  handleView() {\n    this.isLargeView = this.appElement.getBoundingClientRect().width >= this.largeViewSize;\n    this.showTreksMap = 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.isInitialHistoryWithTrek) {\n      this.onTrekDetailsClose();\n      const url = new URL(window.location.toString());\n      url.searchParams.delete('trek');\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    if (trekParam && this.currentTrekId !== trekParam) {\n      state.currentTrek = null;\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam) {\n      this.onTrekDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else {\n      this.showTreksMap = !this.showTreksMap;\n    }\n  }\n\n  handleEraseFilters() {\n    filters.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 = handleFiltersAndSearch();\n    this.resetFilter.emit();\n  }\n\n  handleOkFilters() {\n    this.handleFilters();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  handleSelectedSegment(selectedSegment) {\n    this.selectedSegment = selectedSegment;\n  }\n\n  handleSegment(segment) {\n    return filters.filter(filter => filter.segment === segment).some(filter => state[filter.property] && state[filter.property].length > 0);\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        }}\n      >\n        {!state.currentTreks && !state.currentTrek && (\n          <div class=\"init-loader-container\">\n            <span class=\"loader\"></span>\n          </div>\n        )}\n        {!this.showTrek && !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        {(state.currentTreks || state.currentTrek) && (\n          <div class=\"app-container\">\n            <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n              {!this.showTrek ? (\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                      <span class=\"material-symbols material-symbols-outlined margin-right-icon\">filter_list</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                    <span class=\"material-symbols material-symbols-outlined\">arrow_back</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 ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\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              </div>\n              {this.showTrek && !state.currentTrek && (\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              <grw-map\n                reset-store-on-disconnected=\"false\"\n                class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n                style={{\n                  visibility: (this.showTreksMap && !this.showTrek) || (this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                  zIndex: this.showTrekMap ? '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.showTrek && state.currentTrek)) && (\n              <div class=\"map-visibility-button-container\">\n                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  <span class=\"material-symbols material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n                  {this.showTrek\n                    ? this.showTrekMap\n                      ? translate[state.language].showDetails\n                      : translate[state.language].showRoute\n                    : this.showTreksMap\n                    ? translate[state.language].showList\n                    : translate[state.language].showMap}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && (\n          <div class=\"options-container\">\n            <div class=\"filters-container\">\n              <div class=\"filters-options-container\">\n                {state.treksWithinBounds && (\n                  <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n                    state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n                  }`}</div>\n                )}\n                <div class=\"filters-options-buttons-container\">\n                  <button class=\"filter-option-button\" onClick={() => this.handleEraseFilters()}>\n                    {translate[state.language].erase}\n                  </button>\n                  <button class=\"filter-option-button\" onClick={() => this.handleOkFilters()}>\n                    {translate[state.language].ok}\n                  </button>\n                </div>\n              </div>\n              <div class=\"segmented-buttons-container\">\n                {this.handleSegment('selectedActivitiesFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedActivitiesFilters')}\n                  >\n                    {translate[state.language].activities} {state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`}\n                  </label>\n                )}\n                {this.handleSegment('selectedThemesFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedThemesFilters')}\n                  >\n                    {translate[state.language].themes} {state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`}\n                  </label>\n                )}\n                {this.handleSegment('selectedLocationFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedLocationFilters')}\n                  >\n                    {translate[state.language].location} {state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`}\n                  </label>\n                )}\n              </div>\n              <div class=\"filters-segment-container\">\n                {this.selectedSegment === 'selectedActivitiesFilters' && (\n                  <div class=\"segment-container\">\n                    {state['practices'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].practice}\n                          filterType=\"practices\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['difficulties'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].difficulty}\n                          filterType=\"difficulties\"\n                          filterNameProperty=\"label\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['durations'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].duration}\n                          filterType=\"durations\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['lengths'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                      </div>\n                    )}\n                    {state['elevations'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].elevation}\n                          filterType=\"elevations\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['routes'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                      </div>\n                    )}\n                    {state['accessibilities'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].accessibility}\n                          filterType=\"accessibilities\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['labels'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].activities}\n                          filterType=\"labels\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n                {this.selectedSegment === 'selectedThemesFilters' && (\n                  <div class=\"segment-container\">\n                    {state['themes'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].themes} filterType=\"themes\" filterNameProperty=\"label\" segment=\"selectedThemesFilters\"></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n                {this.selectedSegment === 'selectedLocationFilters' && (\n                  <div class=\"segment-container\">\n                    {state['districts'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].districts}\n                          filterType=\"districts\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedLocationFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['cities'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].cities} filterType=\"cities\" filterNameProperty=\"name\" segment=\"selectedLocationFilters\"></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            </div>\n            <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-42a3c374.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","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","grwTouristicContentCss","GrwTouristicContent","class_4","swiperTouristicContent","swiperTouristicContentRef","prevElTouristicContentRef","nextElTouristicContentRef","paginationElTouristicContentRef","touristicContent","touristicContentCategory","touristicContentCategories","category","label","grwTrekCardCss","GrwTrekCard","class_5","connectedCallback","currentTrek","trek","difficulty","difficulties","route","routes","themes","theme","includes","departureCity","cities","city","departure_city","onChange","disconnectedCallback","resetStoreOnDisconnected","reset","handleMouseOver","cardTrekMouseOver","handleMouseLeave","cardTrekMouseLeave","style","width","isLargeView","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.scss?tag=grw-touristic-content&encapsulation=shadow","src/components/grw-touristic-content/grw-touristic-content.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              <span class=\"material-symbols material-symbols-outlined\">location_searching</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              <span class=\"material-symbols material-symbols-outlined\">call</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              <span class=\"material-symbols material-symbols-outlined\">mail</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              <span class=\"material-symbols material-symbols-outlined\">link</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  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-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","import { Build, Component, Host, Prop, State, getAssetPath, h } 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',\n  styleUrl: 'grw-touristic-content.scss',\n  shadow: true,\n})\nexport class GrwTouristicContent {\n  swiperTouristicContent?: Swiper;\n  swiperTouristicContentRef?: HTMLDivElement;\n  prevElTouristicContentRef?: HTMLDivElement;\n  nextElTouristicContentRef?: HTMLDivElement;\n  paginationElTouristicContentRef?: HTMLDivElement;\n  @Prop() touristicContent: TouristicContent;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\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  handleFullscreen() {\n    if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n      this.swiperTouristicContentRef.requestFullscreen();\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        <div class=\"touristic-content-type-img-container\">\n          {/* <img class=\"touristic-content-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} /> */}\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        </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      </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  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                    <span class=\"material-symbols material-symbols-outlined\">timelapse</span>\n                    {formatDuration(this.currentTrek.duration)}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"icon-label length\">\n                    <span class=\"material-symbols material-symbols-outlined\">open_in_full</span>\n                    {formatLength(this.currentTrek.length_2d)}\n                  </div>\n                  <div class=\"icon-label ascent\">\n                    <span class=\"material-symbols material-symbols-outlined\">moving</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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"}