@geotrekce/geotrek-rando-widget 0.2.12 → 0.2.13

package/dist/geotrek-rando-widget/p-e8ecd0eb.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as r,g as o}from"./p-b4e1f9ae.js";import{t as a}from"./p-a1530528.js";import{o as n,s,r as l}from"./p-764c52b8.js";const c='.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:100vw;max-height:100vh}.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)}.header-container .header-top,.large-view-header-container .header-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:64px}.header-container .arrow-back-icon,.large-view-header-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:12px}.header-container .arrow-back-icon:hover,.large-view-header-container .arrow-back-icon:hover{-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}.header-container .header-left-container,.large-view-header-container .header-left-container{margin-left:8px}.header-container .header-right-container,.large-view-header-container .header-right-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:8px}.header-container .header-right-container .margin-right-icon,.large-view-header-container .header-right-container .margin-right-icon{margin-right:8px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{font-size:24px;font-weight:400;line-height:40px;color:var(--color-on-surface);text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.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-filters-button{-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;font-family:"Material Symbols Outlined"}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-options-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 48px - 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 - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px - 64px)}.content-trek{height:calc(100% - 64px)}.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-family:"Material Symbols Outlined";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 - 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-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:48px}.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}';const h=class{constructor(t){e(this,t);this.resetFilter=i(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.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.urlLayer=undefined;this.center=undefined;this.zoom=undefined;this.attribution=undefined;this.linkName="GEOTREK";this.linkTarget="https://geotrek.fr";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.colorDepartureIcon="#006b3b";this.colorArrivalIcon="#85003b";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false}onTrekCardPress(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;this.showTrekMap=false;const i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",i)}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 i=e.searchParams.get("trek");if(i){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(i);this.showTrek=!this.showTrek}}componentDidLoad(){n("trekNetworkError",(()=>{if(s.trekNetworkError){const e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.replaceState({},"",e);this.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()}onTrekDetailsClose(){s.currentTrek=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 i=Number(e.searchParams.get("trek"));if(i&&this.currentTrekId!==i){this.currentTrekId=i;this.showTrek=true}else if(!i){this.onTrekDetailsClose()}}handleShowMap(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}}handleEraseFilters(){this.resetFilter.emit();s.currentTreks=s.treks}handleOkFilters(){this.handleFilters()}disconnectedCallback(){l();window.removeEventListener("popstate",this.handlePopStateBind)}render(){return t(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}},!s.currentTreks&&!s.currentTrek&&t("div",{class:"init-loader-container"},t("span",{class:"loader"})),!this.showTrek&&!s.treks&&t("grw-treks-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals,routes:this.routes,practices:this.practices}),this.showTrek&&this.currentTrekId&&!s.currentTrek&&t("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(s.currentTreks||s.currentTrek)&&t("div",{class:"app-container"},t("div",{class:this.isLargeView?"large-view-header-container":"header-container"},t("div",{class:"header-top"},t("div",{class:"header-left-container"},this.showTrek?t("button",{onClick:()=>this.handleBackButton(),class:"arrow-back-icon"},t("span",{class:"material-symbols-outlined"},"arrow_back")):t("div",{class:"attribution-container"},t("a",{target:"_blank",href:this.linkTarget},this.linkName))),t("div",{class:"header-right-container"},s.languages.length>1&&t("grw-select-language",null))),!this.showTrek&&t("div",{class:"handle-search-filters-container"},t("div",{class:"handle-search-container"},t("grw-search",null)),t("div",{class:"handle-filters-container"},t("button",{onClick:()=>this.handleFilters(),class:"handle-filters-button"},t("span",{class:"material-symbols-outlined margin-right-icon"},"filter_list"),a[s.language].filter)))),t("div",{class:`content-container ${this.showTrek?"content-trek":"content-treks"}`},t("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"}},t("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&&!s.currentTrek&&t("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},t("span",{class:"loader"})),s.currentTrek&&t("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},t("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","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-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView})),t("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"},"url-layer":this.urlLayer,center:this.center,zoom:this.zoom,attribution:this.attribution,"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-departure-icon":this.colorDepartureIcon,"color-arrival-icon":this.colorArrivalIcon,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek||this.showTrek&&s.currentTrek)&&t("div",{class:"map-visibility-button-container"},t("button",{onClick:()=>this.handleShowMap(),class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},t("span",{class:"material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?a[s.language].showDetails:a[s.language].showRoute:this.showTreksMap?a[s.language].showList:a[s.language].showMap))),!this.showTrek&&this.showFilters&&t("div",{class:"options-container"},t("div",{class:"filters-container"},t("div",{class:"filters-options-buttons-container"},t("button",{class:"filter-option-button",onClick:()=>this.handleEraseFilters()},"Effacer"),t("button",{class:"filter-option-button",onClick:()=>this.handleOkFilters()},"Ok")),t("div",{class:"filters-options-container"},t("grw-filter",{filterName:a[s.language].practice,filterType:"practices",filterNameProperty:"name"}),t("div",{class:"divider"}),t("grw-filter",{filterName:a[s.language].difficulty,filterType:"difficulties",filterNameProperty:"label"}),t("div",{class:"divider"}),t("grw-filter",{filterName:a[s.language].duration,filterType:"durations",filterNameProperty:"name"}),t("div",{class:"divider"}),t("grw-filter",{filterName:a[s.language].length,filterType:"lengths",filterNameProperty:"name"}),t("div",{class:"divider"}),t("grw-filter",{filterName:a[s.language].elevation,filterType:"elevations",filterNameProperty:"name"}),t("div",{class:"divider"}),t("grw-filter",{filterName:a[s.language].themes,filterType:"themes",filterNameProperty:"label"}),t("div",{class:"divider"}),t("grw-filter",{filterName:a[s.language].routes,filterType:"routes",filterNameProperty:"route"}),t("div",{class:"divider"}),t("grw-filter",{filterName:a[s.language].accessibility,filterType:"accessibilities",filterNameProperty:"name"}),t("div",{class:"divider"}),t("grw-filter",{filterName:a[s.language].others,filterType:"labels",filterNameProperty:"name"}),t("div",{class:"divider"}),t("grw-filter",{filterName:a[s.language].cities,filterType:"cities",filterNameProperty:"name"}))),t("div",{onClick:()=>this.handleFilters(),class:"back-filters-container"})))}get appElement(){return o(this)}static get watchers(){return{isLargeView:["watchPropHandler"]}}};h.style=c;export{h as grw_app};
+//# sourceMappingURL=p-e8ecd0eb.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","onTrekCardPress","event","currentTrekId","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","trekParam","get","replaceState","isInitialHistoryWithTrek","Number","componentDidLoad","onChange","state","trekNetworkError","urlRedirect","delete","onTrekDetailsClose","addEventListener","currentTrek","appElement","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","handleEraseFilters","resetFilter","emit","currentTreks","treks","handleOkFilters","disconnectedCallback","reset","removeEventListener","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","target","href","linkTarget","linkName","length","translate","language","filter","display","position","visibility","zIndex","weather","urlLayer","center","zoom","attribution","colorTrekLine","colorDepartureIcon","colorArrivalIcon","colorSensitiveArea","colorPoiIcon","useGradient","showDetails","showRoute","showList","showMap","filterName","practice","filterType","filterNameProperty","difficulty","duration","elevation","accessibility","others"],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":[".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: 100vw;\n  max-height: 100vh;\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  .header-top {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    height: 64px;\n  }\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: 12px;\n    &:hover {\n      box-shadow: var(--elevation-1);\n    }\n  }\n  .header-left-container {\n    margin-left: 8px;\n  }\n  .header-right-container {\n    display: flex;\n    align-items: center;\n    margin-right: 8px;\n    .margin-right-icon {\n      margin-right: 8px;\n    }\n  }\n  .attribution-container {\n    a {\n      font-size: 24px;\n      font-weight: 400;\n      line-height: 40px;\n      color: var(--color-on-surface);\n      text-decoration: none;\n    }\n  }\n}\n\n.options-container {\n  height: calc(100% - 64px);\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n  top: 64px;\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  .handle-filters-button {\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      font-family: 'Material Symbols Outlined';\n    }\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}\n\n.filters-options-container {\n  overflow-y: scroll;\n  padding-bottom: 32px;\n  max-height: calc(100% - 48px - 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 - 64px);\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - 64px - 64px);\n}\n\n.content-trek {\n  height: calc(100% - 64px);\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-family: 'Material Symbols Outlined';\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 - 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-buttons-container {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  height: 48px;\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","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';\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() 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() urlLayer: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() attribution: string;\n  @Prop() linkName = 'GEOTREK';\n  @Prop() linkTarget = 'https://geotrek.fr';\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() colorDepartureIcon = '#006b3b';\n  @Prop() colorArrivalIcon = '#85003b';\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    this.currentTrekId = event.detail;\n    this.showTrek = !this.showTrek;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  @Listen('centerOnMap', { target: 'window' })\n  onCenterOnMap() {\n    if (!this.isLargeView) {\n      this.showTrekMap = true;\n    }\n  }\n\n  @Watch('isLargeView')\n  watchPropHandler() {\n    window.dispatchEvent(new window.Event('resize'));\n  }\n\n  componentWillLoad() {\n    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\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        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    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      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    this.resetFilter.emit();\n    state.currentTreks = state.treks;\n  }\n\n  handleOkFilters() {\n    this.handleFilters();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\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              <div class=\"header-top\">\n                <div class=\"header-left-container\">\n                  {this.showTrek ? (\n                    <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                      <span class=\"material-symbols-outlined\">arrow_back</span>\n                    </button>\n                  ) : (\n                    <div class=\"attribution-container\">\n                      <a target=\"_blank\" href={this.linkTarget}>\n                        {this.linkName}\n                      </a>\n                    </div>\n                  )}\n                </div>\n                <div class=\"header-right-container\">{state.languages.length > 1 && <grw-select-language></grw-select-language>}</div>\n              </div>\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-outlined margin-right-icon\">filter_list</span>\n                      {translate[state.language].filter}\n                    </button>\n                  </div>\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-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                url-layer={this.urlLayer}\n                center={this.center}\n                zoom={this.zoom}\n                attribution={this.attribution}\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-departure-icon={this.colorDepartureIcon}\n                color-arrival-icon={this.colorArrivalIcon}\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-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-buttons-container\">\n                <button class=\"filter-option-button\" onClick={() => this.handleEraseFilters()}>\n                  Effacer\n                </button>\n                <button class=\"filter-option-button\" onClick={() => this.handleOkFilters()}>\n                  Ok\n                </button>\n              </div>\n              <div class=\"filters-options-container\">\n                <grw-filter filterName={translate[state.language].practice} filterType=\"practices\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].difficulty} filterType=\"difficulties\" filterNameProperty=\"label\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].duration} filterType=\"durations\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].elevation} filterType=\"elevations\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].themes} filterType=\"themes\" filterNameProperty=\"label\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].accessibility} filterType=\"accessibilities\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].others} filterType=\"labels\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].cities} filterType=\"cities\" filterNameProperty=\"name\"></grw-filter>\n              </div>\n            </div>\n            <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"iJAAA,MAAMA,EAAY,ooO,MCSLC,EAAM,M,kEAoDjBC,KAAAC,cAAgB,KAChBD,KAAAE,mBAA2CF,KAAKG,eAAeC,KAAKJ,M,cAlDhD,M,kBACI,M,iBACD,M,iBACA,M,iBACA,M,2CAEI,O,eACC,Q,kCAER,K,sSAaD,U,gBACE,qB,aACH,M,qBAEQ,U,oBACD,U,kBACF,U,oBACE,U,yBACK,U,2BACE,U,2BACA,U,6BACE,U,6BACA,U,+BACE,U,qBACV,U,+BACU,U,8BACD,U,wBACN,U,cACV,U,mBAEK,U,wBACK,U,sBACF,U,wBACE,U,kBACN,U,iBACD,K,CAMtBK,gBAAgBC,GACdN,KAAKO,cAAgBD,EAAME,OAC3BR,KAAKS,UAAYT,KAAKS,SACtBT,KAAKU,YAAc,MACnB,MAAMC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaC,IAAI,OAAQjB,KAAKO,cAAcQ,YAChDF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,CAInCS,iBACEpB,KAAKqB,Y,CAIPC,gBACE,IAAKtB,KAAKuB,YAAa,CACrBvB,KAAKU,YAAc,I,EAKvBc,mBACEX,OAAOY,cAAc,IAAIZ,OAAOa,MAAM,U,CAGxCC,oBACE,MAAMhB,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpC,MAAMa,EAAYjB,EAAIK,aAAaa,IAAI,QACvC,GAAID,EAAW,CACbf,OAAOK,QAAQY,aAAa,CAAEC,yBAA0B,MAAQ,GAAIpB,GACpEX,KAAKO,cAAgByB,OAAOJ,GAC5B5B,KAAKS,UAAYT,KAAKS,Q,EAI1BwB,mBACEC,EAAS,oBAAoB,KAC3B,GAAIC,EAAMC,iBAAkB,CAC1B,MAAMC,EAAc,IAAIzB,IAAIC,OAAOC,SAASC,YAC5CsB,EAAYrB,aAAasB,OAAO,QAChCzB,OAAOK,QAAQY,aAAa,GAAI,GAAIO,GACpCrC,KAAKuC,oB,KAGT1B,OAAO2B,iBAAiB,WAAYxC,KAAKE,mBAAoB,OAC7DF,KAAKqB,Y,CAGPkB,qBACEJ,EAAMM,YAAc,KACpBzC,KAAKO,cAAgB,KACrBP,KAAKS,UAAYT,KAAKS,Q,CAGxBY,aACErB,KAAKuB,YAAcvB,KAAK0C,WAAWC,wBAAwBC,OAAS5C,KAAKC,cACzED,KAAK6C,aAAe7C,KAAKuB,YACzBvB,KAAKU,YAAcV,KAAKuB,W,CAG1BuB,gBACE9C,KAAK+C,aAAe/C,KAAK+C,W,CAG3BC,mBACE,GAAInC,OAAOK,QAAQiB,OAAStB,OAAOK,QAAQiB,MAAMJ,yBAA0B,CACzE/B,KAAKuC,qBACL,MAAM5B,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAasB,OAAO,QACxBzB,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,KAC5B,CACLE,OAAOK,QAAQ+B,M,EAInB9C,iBACE,MAAMQ,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpC,MAAMa,EAAYI,OAAOrB,EAAIK,aAAaa,IAAI,SAC9C,GAAID,GAAa5B,KAAKO,gBAAkBqB,EAAW,CACjD5B,KAAKO,cAAgBqB,EACrB5B,KAAKS,SAAW,I,MACX,IAAKmB,EAAW,CACrB5B,KAAKuC,oB,EAITW,gBACE,GAAIlD,KAAKO,cAAe,CACtBP,KAAKU,aAAeV,KAAKU,W,KACpB,CACLV,KAAK6C,cAAgB7C,KAAK6C,Y,EAI9BM,qBACEnD,KAAKoD,YAAYC,OACjBlB,EAAMmB,aAAenB,EAAMoB,K,CAG7BC,kBACExD,KAAK8C,e,CAGPW,uBACEC,IACA7C,OAAO8C,oBAAoB,WAAY3D,KAAKE,mB,CAG9C0D,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,sBAAuB/D,KAAKgE,gBAC5B,qBAAsBhE,KAAKiE,eAC3B,kBAAmBjE,KAAKkE,aACxB,qBAAsBlE,KAAKmE,eAC3B,0BAA2BnE,KAAKoE,oBAChC,6BAA8BpE,KAAKqE,sBACnC,4BAA6BrE,KAAKsE,sBAClC,+BAAgCtE,KAAKuE,wBACrC,8BAA+BvE,KAAKwE,wBACpC,iCAAkCxE,KAAKyE,0BACvC,qBAAsBzE,KAAK0E,gBAC3B,iCAAkC1E,KAAK2E,0BACvC,gCAAiC3E,KAAK4E,yBACtC,yBAA0B5E,KAAK6E,mBAC/B,cAAe7E,KAAK8E,SACpB,cAAe9E,KAAK+E,SACpB,eAAgB/E,KAAKgF,aAGrB7C,EAAMmB,eAAiBnB,EAAMM,aAC7BoB,EAAA,OAAKoB,MAAM,yBACTpB,EAAA,QAAMoB,MAAM,aAGdjF,KAAKS,WAAa0B,EAAMoB,OACxBM,EAAA,sBACEqB,IAAKlF,KAAKkF,IACVC,UAAWnF,KAAKmF,UAAS,UAChBnF,KAAKoF,OACdC,OAAQrF,KAAKqF,OACbC,UAAWtF,KAAKsF,UAChBC,WAAYvF,KAAKuF,WACjBC,OAAQxF,KAAKwF,OACbC,QAASzF,KAAKyF,QACdC,OAAQ1F,KAAK0F,OACbC,UAAW3F,KAAK2F,YAGnB3F,KAAKS,UAAYT,KAAKO,gBAAkB4B,EAAMM,aAC7CoB,EAAA,qBAAmBqB,IAAKlF,KAAKkF,IAAKC,UAAWnF,KAAKmF,UAAS,UAAWnF,KAAKO,iBAE3E4B,EAAMmB,cAAgBnB,EAAMM,cAC5BoB,EAAA,OAAKoB,MAAM,iBACTpB,EAAA,OAAKoB,MAAOjF,KAAKuB,YAAc,8BAAgC,oBAC7DsC,EAAA,OAAKoB,MAAM,cACTpB,EAAA,OAAKoB,MAAM,yBACRjF,KAAKS,SACJoD,EAAA,UAAQ+B,QAAS,IAAM5F,KAAKgD,mBAAoBiC,MAAM,mBACpDpB,EAAA,QAAMoB,MAAM,6BAA2B,eAGzCpB,EAAA,OAAKoB,MAAM,yBACTpB,EAAA,KAAGgC,OAAO,SAASC,KAAM9F,KAAK+F,YAC3B/F,KAAKgG,YAKdnC,EAAA,OAAKoB,MAAM,0BAA0B9C,EAAMgD,UAAUc,OAAS,GAAKpC,EAAA,+BAEnE7D,KAAKS,UACLoD,EAAA,OAAKoB,MAAM,mCACTpB,EAAA,OAAKoB,MAAM,2BACTpB,EAAA,oBAEFA,EAAA,OAAKoB,MAAM,4BACTpB,EAAA,UAAQ+B,QAAS,IAAM5F,KAAK8C,gBAAiBmC,MAAM,yBACjDpB,EAAA,QAAMoB,MAAM,+CAA6C,eACxDiB,EAAU/D,EAAMgE,UAAUC,WAOrCvC,EAAA,OAAKoB,MAAO,qBAAqBjF,KAAKS,SAAW,eAAiB,mBAChEoD,EAAA,OACEoB,MAAOjF,KAAKuB,YAAc,sCAAwC,2BAClEwC,MAAO,CAAEsC,QAASrG,KAAKS,SAAW,OAAS,OAAQ6F,SAAUtG,KAAKS,SAAW,WAAa,aAE1FoD,EAAA,gDAC8B,QAAO,gBACpB7D,KAAKuB,YAAW,oBACZvB,KAAKgE,gBAAe,mBACrBhE,KAAKmE,eAAc,4BACVnE,KAAKwE,wBAAuB,+BACzBxE,KAAKyE,0BAAyB,8BAC/BzE,KAAK4E,4BAGrC5E,KAAKS,WAAa0B,EAAMM,aACvBoB,EAAA,OAAKoB,MAAOjF,KAAKuB,YAAc,8BAAgC,oBAC7DsC,EAAA,QAAMoB,MAAM,YAGf9C,EAAMM,aACLoB,EAAA,OAAKoB,MAAOjF,KAAKuB,YAAc,uCAAyC,6BACtEsC,EAAA,mBACEE,MAAO,CACLwC,YAAcvG,KAAKU,aAAeV,KAAKS,UAAaT,KAAKuB,YAAc,UAAY,SACnFiF,QAASxG,KAAKU,YAAc,IAAM,KACnC,8BAC2B,QAAO,oBAChBV,KAAKgE,gBAAe,mBACrBhE,KAAKmE,eAAc,0BACZnE,KAAKsE,sBAAqB,6BACvBtE,KAAKuE,wBAAuB,4BAC7BvE,KAAKwE,wBAAuB,+BACzBxE,KAAKyE,0BAAyB,mBAC1CzE,KAAK0E,gBACvB+B,QAASzG,KAAKyG,QAAO,gBACNzG,KAAKuB,eAI1BsC,EAAA,yCAC8B,QAC5BoB,MAAOjF,KAAKuB,YAAc,+BAAiC,oBAC3DwC,MAAO,CACLwC,WAAavG,KAAK6C,eAAiB7C,KAAKS,UAAcT,KAAKU,aAAeV,KAAKS,UAAaT,KAAKuB,YAAc,UAAY,SAC3HiF,OAAQxG,KAAKU,YAAc,IAAM,KAClC,YACUV,KAAK0G,SAChBC,OAAQ3G,KAAK2G,OACbC,KAAM5G,KAAK4G,KACXC,YAAa7G,KAAK6G,YAAW,oBACV7G,KAAKgE,gBAAe,mBACrBhE,KAAKmE,eAAc,0BACZnE,KAAKsE,sBAAqB,6BACvBtE,KAAKuE,wBAAuB,mBACtCvE,KAAK0E,gBAAe,kBACrB1E,KAAK8G,cAAa,uBACb9G,KAAK+G,mBAAkB,qBACzB/G,KAAKgH,iBAAgB,uBACnBhH,KAAKiH,mBAAkB,iBAC7BjH,KAAKkH,aAAY,gBAClBlH,KAAKuB,YAAW,eACjBvB,KAAKmH,iBAGpBnH,KAAKS,UAAaT,KAAKS,UAAY0B,EAAMM,cAC1CoB,EAAA,OAAKoB,MAAM,mCACTpB,EAAA,UAAQ+B,QAAS,IAAM5F,KAAKkD,gBAAiB+B,MAAM,wBAAwBlB,MAAO,CAAEsC,QAASrG,KAAKuB,YAAc,OAAS,SACvHsC,EAAA,QAAMoB,MAAM,6BAA6BjF,KAAKS,SAAYT,KAAKU,YAAc,YAAc,MAASV,KAAK6C,aAAe,OAAS,OAChI7C,KAAKS,SACFT,KAAKU,YACHwF,EAAU/D,EAAMgE,UAAUiB,YAC1BlB,EAAU/D,EAAMgE,UAAUkB,UAC5BrH,KAAK6C,aACLqD,EAAU/D,EAAMgE,UAAUmB,SAC1BpB,EAAU/D,EAAMgE,UAAUoB,YAMtCvH,KAAKS,UAAYT,KAAK+C,aACtBc,EAAA,OAAKoB,MAAM,qBACTpB,EAAA,OAAKoB,MAAM,qBACTpB,EAAA,OAAKoB,MAAM,qCACTpB,EAAA,UAAQoB,MAAM,uBAAuBW,QAAS,IAAM5F,KAAKmD,sBAAoB,WAG7EU,EAAA,UAAQoB,MAAM,uBAAuBW,QAAS,IAAM5F,KAAKwD,mBAAiB,OAI5EK,EAAA,OAAKoB,MAAM,6BACTpB,EAAA,cAAY2D,WAAYtB,EAAU/D,EAAMgE,UAAUsB,SAAUC,WAAW,YAAYC,mBAAmB,SACtG9D,EAAA,OAAKoB,MAAM,YACXpB,EAAA,cAAY2D,WAAYtB,EAAU/D,EAAMgE,UAAUyB,WAAYF,WAAW,eAAeC,mBAAmB,UAC3G9D,EAAA,OAAKoB,MAAM,YACXpB,EAAA,cAAY2D,WAAYtB,EAAU/D,EAAMgE,UAAU0B,SAAUH,WAAW,YAAYC,mBAAmB,SACtG9D,EAAA,OAAKoB,MAAM,YACXpB,EAAA,cAAY2D,WAAYtB,EAAU/D,EAAMgE,UAAUF,OAAQyB,WAAW,UAAUC,mBAAmB,SAClG9D,EAAA,OAAKoB,MAAM,YACXpB,EAAA,cAAY2D,WAAYtB,EAAU/D,EAAMgE,UAAU2B,UAAWJ,WAAW,aAAaC,mBAAmB,SACxG9D,EAAA,OAAKoB,MAAM,YACXpB,EAAA,cAAY2D,WAAYtB,EAAU/D,EAAMgE,UAAUX,OAAQkC,WAAW,SAASC,mBAAmB,UACjG9D,EAAA,OAAKoB,MAAM,YACXpB,EAAA,cAAY2D,WAAYtB,EAAU/D,EAAMgE,UAAUT,OAAQgC,WAAW,SAASC,mBAAmB,UACjG9D,EAAA,OAAKoB,MAAM,YACXpB,EAAA,cAAY2D,WAAYtB,EAAU/D,EAAMgE,UAAU4B,cAAeL,WAAW,kBAAkBC,mBAAmB,SACjH9D,EAAA,OAAKoB,MAAM,YACXpB,EAAA,cAAY2D,WAAYtB,EAAU/D,EAAMgE,UAAU6B,OAAQN,WAAW,SAASC,mBAAmB,SACjG9D,EAAA,OAAKoB,MAAM,YACXpB,EAAA,cAAY2D,WAAYtB,EAAU/D,EAAMgE,UAAUd,OAAQqC,WAAW,SAASC,mBAAmB,WAGrG9D,EAAA,OAAK+B,QAAS,IAAM5F,KAAK8C,gBAAiBmC,MAAM,4B"}

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

@@ -0,0 +1,2 @@
+System.register(["./p-266b2cee.system.js","./p-93dc4557.system.js","./p-458ec23b.system.js"],(function(e){"use strict";var r,t,i,o,a,n,s,l,c;return{setters:[function(e){r=e.r;t=e.c;i=e.h;o=e.H;a=e.g},function(e){n=e.t},function(e){s=e.o;l=e.s;c=e.r}],execute:function(){var h='.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:100vw;max-height:100vh}.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)}.header-container .header-top,.large-view-header-container .header-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:64px}.header-container .arrow-back-icon,.large-view-header-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:12px}.header-container .arrow-back-icon:hover,.large-view-header-container .arrow-back-icon:hover{-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}.header-container .header-left-container,.large-view-header-container .header-left-container{margin-left:8px}.header-container .header-right-container,.large-view-header-container .header-right-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:8px}.header-container .header-right-container .margin-right-icon,.large-view-header-container .header-right-container .margin-right-icon{margin-right:8px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{font-size:24px;font-weight:400;line-height:40px;color:var(--color-on-surface);text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.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-filters-button{-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;font-family:"Material Symbols Outlined"}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-options-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 48px - 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 - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px - 64px)}.content-trek{height:calc(100% - 64px)}.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-family:"Material Symbols Outlined";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 - 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-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:48px}.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}';var d=e("grw_app",function(){function e(e){r(this,e);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.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.urlLayer=undefined;this.center=undefined;this.zoom=undefined;this.attribution=undefined;this.linkName="GEOTREK";this.linkTarget="https://geotrek.fr";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.colorDepartureIcon="#006b3b";this.colorArrivalIcon="#85003b";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false}e.prototype.onTrekCardPress=function(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;this.showTrekMap=false;var r=new URL(window.location.toString());r.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",r)};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 r=e.searchParams.get("trek");if(r){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(r);this.showTrek=!this.showTrek}};e.prototype.componentDidLoad=function(){var e=this;s("trekNetworkError",(function(){if(l.trekNetworkError){var r=new URL(window.location.toString());r.searchParams.delete("trek");window.history.replaceState({},"",r);e.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};e.prototype.onTrekDetailsClose=function(){l.currentTrek=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 r=Number(e.searchParams.get("trek"));if(r&&this.currentTrekId!==r){this.currentTrekId=r;this.showTrek=true}else if(!r){this.onTrekDetailsClose()}};e.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}};e.prototype.handleEraseFilters=function(){this.resetFilter.emit();l.currentTreks=l.treks};e.prototype.handleOkFilters=function(){this.handleFilters()};e.prototype.disconnectedCallback=function(){c();window.removeEventListener("popstate",this.handlePopStateBind)};e.prototype.render=function(){var e=this;return i(o,{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}},!l.currentTreks&&!l.currentTrek&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),!this.showTrek&&!l.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&&!l.currentTrek&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(l.currentTreks||l.currentTrek)&&i("div",{class:"app-container"},i("div",{class:this.isLargeView?"large-view-header-container":"header-container"},i("div",{class:"header-top"},i("div",{class:"header-left-container"},this.showTrek?i("button",{onClick:function(){return e.handleBackButton()},class:"arrow-back-icon"},i("span",{class:"material-symbols-outlined"},"arrow_back")):i("div",{class:"attribution-container"},i("a",{target:"_blank",href:this.linkTarget},this.linkName))),i("div",{class:"header-right-container"},l.languages.length>1&&i("grw-select-language",null))),!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-outlined margin-right-icon"},"filter_list"),n[l.language].filter)))),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&&!l.currentTrek&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),l.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-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"},"url-layer":this.urlLayer,center:this.center,zoom:this.zoom,attribution:this.attribution,"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-departure-icon":this.colorDepartureIcon,"color-arrival-icon":this.colorArrivalIcon,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek||this.showTrek&&l.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-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?n[l.language].showDetails:n[l.language].showRoute:this.showTreksMap?n[l.language].showList:n[l.language].showMap))),!this.showTrek&&this.showFilters&&i("div",{class:"options-container"},i("div",{class:"filters-container"},i("div",{class:"filters-options-buttons-container"},i("button",{class:"filter-option-button",onClick:function(){return e.handleEraseFilters()}},"Effacer"),i("button",{class:"filter-option-button",onClick:function(){return e.handleOkFilters()}},"Ok")),i("div",{class:"filters-options-container"},i("grw-filter",{filterName:n[l.language].practice,filterType:"practices",filterNameProperty:"name"}),i("div",{class:"divider"}),i("grw-filter",{filterName:n[l.language].difficulty,filterType:"difficulties",filterNameProperty:"label"}),i("div",{class:"divider"}),i("grw-filter",{filterName:n[l.language].duration,filterType:"durations",filterNameProperty:"name"}),i("div",{class:"divider"}),i("grw-filter",{filterName:n[l.language].length,filterType:"lengths",filterNameProperty:"name"}),i("div",{class:"divider"}),i("grw-filter",{filterName:n[l.language].elevation,filterType:"elevations",filterNameProperty:"name"}),i("div",{class:"divider"}),i("grw-filter",{filterName:n[l.language].themes,filterType:"themes",filterNameProperty:"label"}),i("div",{class:"divider"}),i("grw-filter",{filterName:n[l.language].routes,filterType:"routes",filterNameProperty:"route"}),i("div",{class:"divider"}),i("grw-filter",{filterName:n[l.language].accessibility,filterType:"accessibilities",filterNameProperty:"name"}),i("div",{class:"divider"}),i("grw-filter",{filterName:n[l.language].others,filterType:"labels",filterNameProperty:"name"}),i("div",{class:"divider"}),i("grw-filter",{filterName:n[l.language].cities,filterType:"cities",filterNameProperty:"name"}))),i("div",{onClick:function(){return e.handleFilters()},class:"back-filters-container"})))};Object.defineProperty(e.prototype,"appElement",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return e}());d.style=h}}}));
+//# sourceMappingURL=p-fd346455.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["grwAppCss","GrwApp","exports","this","largeViewSize","handlePopStateBind","handlePopState","bind","class_1","prototype","onTrekCardPress","event","currentTrekId","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","trekParam","get","replaceState","isInitialHistoryWithTrek","Number","componentDidLoad","_this","onChange","state","trekNetworkError","urlRedirect","delete","onTrekDetailsClose","addEventListener","currentTrek","appElement","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","handleEraseFilters","resetFilter","emit","currentTreks","treks","handleOkFilters","disconnectedCallback","reset","removeEventListener","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","target","href","linkTarget","linkName","length","translate","language","filter","concat","display","position","visibility","zIndex","weather","urlLayer","center","zoom","attribution","colorTrekLine","colorDepartureIcon","colorArrivalIcon","colorSensitiveArea","colorPoiIcon","useGradient","showDetails","showRoute","showList","showMap","filterName","practice","filterType","filterNameProperty","difficulty","duration","elevation","accessibility","others"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":[".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: 100vw;\n  max-height: 100vh;\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  .header-top {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    height: 64px;\n  }\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: 12px;\n    &:hover {\n      box-shadow: var(--elevation-1);\n    }\n  }\n  .header-left-container {\n    margin-left: 8px;\n  }\n  .header-right-container {\n    display: flex;\n    align-items: center;\n    margin-right: 8px;\n    .margin-right-icon {\n      margin-right: 8px;\n    }\n  }\n  .attribution-container {\n    a {\n      font-size: 24px;\n      font-weight: 400;\n      line-height: 40px;\n      color: var(--color-on-surface);\n      text-decoration: none;\n    }\n  }\n}\n\n.options-container {\n  height: calc(100% - 64px);\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n  top: 64px;\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  .handle-filters-button {\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      font-family: 'Material Symbols Outlined';\n    }\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}\n\n.filters-options-container {\n  overflow-y: scroll;\n  padding-bottom: 32px;\n  max-height: calc(100% - 48px - 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 - 64px);\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - 64px - 64px);\n}\n\n.content-trek {\n  height: calc(100% - 64px);\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-family: 'Material Symbols Outlined';\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 - 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-buttons-container {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  height: 48px;\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","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';\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() 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() urlLayer: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() attribution: string;\n  @Prop() linkName = 'GEOTREK';\n  @Prop() linkTarget = 'https://geotrek.fr';\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() colorDepartureIcon = '#006b3b';\n  @Prop() colorArrivalIcon = '#85003b';\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    this.currentTrekId = event.detail;\n    this.showTrek = !this.showTrek;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  @Listen('centerOnMap', { target: 'window' })\n  onCenterOnMap() {\n    if (!this.isLargeView) {\n      this.showTrekMap = true;\n    }\n  }\n\n  @Watch('isLargeView')\n  watchPropHandler() {\n    window.dispatchEvent(new window.Event('resize'));\n  }\n\n  componentWillLoad() {\n    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\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        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    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      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    this.resetFilter.emit();\n    state.currentTreks = state.treks;\n  }\n\n  handleOkFilters() {\n    this.handleFilters();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\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              <div class=\"header-top\">\n                <div class=\"header-left-container\">\n                  {this.showTrek ? (\n                    <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                      <span class=\"material-symbols-outlined\">arrow_back</span>\n                    </button>\n                  ) : (\n                    <div class=\"attribution-container\">\n                      <a target=\"_blank\" href={this.linkTarget}>\n                        {this.linkName}\n                      </a>\n                    </div>\n                  )}\n                </div>\n                <div class=\"header-right-container\">{state.languages.length > 1 && <grw-select-language></grw-select-language>}</div>\n              </div>\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-outlined margin-right-icon\">filter_list</span>\n                      {translate[state.language].filter}\n                    </button>\n                  </div>\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-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                url-layer={this.urlLayer}\n                center={this.center}\n                zoom={this.zoom}\n                attribution={this.attribution}\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-departure-icon={this.colorDepartureIcon}\n                color-arrival-icon={this.colorArrivalIcon}\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-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-buttons-container\">\n                <button class=\"filter-option-button\" onClick={() => this.handleEraseFilters()}>\n                  Effacer\n                </button>\n                <button class=\"filter-option-button\" onClick={() => this.handleOkFilters()}>\n                  Ok\n                </button>\n              </div>\n              <div class=\"filters-options-container\">\n                <grw-filter filterName={translate[state.language].practice} filterType=\"practices\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].difficulty} filterType=\"difficulties\" filterNameProperty=\"label\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].duration} filterType=\"durations\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].elevation} filterType=\"elevations\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].themes} filterType=\"themes\" filterNameProperty=\"label\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].accessibility} filterType=\"accessibilities\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].others} filterType=\"labels\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].cities} filterType=\"cities\" filterNameProperty=\"name\"></grw-filter>\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/types/components/grw-app/grw-app.d.ts

@@ -47,6 +47,7 @@ export declare class GrwApp {
   colorArrivalIcon: string;
   colorSensitiveArea: string;
   colorPoiIcon: string;
+  useGradient: boolean;
   largeViewSize: number;
   handlePopStateBind: (event: any) => void;
   onTrekCardPress(event: CustomEvent<number>): void;

package/dist/types/components/grw-map/grw-map.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import L from 'leaflet';
+import 'leaflet-rotate';
 import 'leaflet.locatecontrol';
 import '@raruto/leaflet-elevation/dist/leaflet-elevation.min.js';
 export declare class GrwMap {
@@ -21,6 +22,7 @@ export declare class GrwMap {
   colorArrivalIcon: string;
   colorSensitiveArea: string;
   colorPoiIcon: string;
+  useGradient: boolean;
   resetStoreOnDisconnected: boolean;
   isLargeView: boolean;
   map: L.Map;
@@ -28,7 +30,6 @@ export declare class GrwMap {
   bounds: any;
   treksLayer: L.GeoJSON<any>;
   currentTrekLayer: L.GeoJSON<any>;
-  currentDepartureArrivalLayer: L.GeoJSON<any>;
   currentPointsReferenceLayer: L.GeoJSON<any>;
   currentParkingLayer: L.GeoJSON<any>;
   currentSensitiveAreasLayer: L.GeoJSON<any>;

package/dist/types/components.d.ts

@@ -46,6 +46,7 @@ export namespace Components {
         "structures": string;
         "themes": string;
         "urlLayer": string;
+        "useGradient": boolean;
         "weather": boolean;
         "zoom": number;
     }
@@ -73,6 +74,7 @@ export namespace Components {
         "isLargeView": boolean;
         "resetStoreOnDisconnected": boolean;
         "urlLayer": string;
+        "useGradient": boolean;
         "zoom": number;
     }
     interface GrwPoiDetail {
@@ -290,6 +292,7 @@ declare namespace LocalJSX {
         "structures"?: string;
         "themes"?: string;
         "urlLayer"?: string;
+        "useGradient"?: boolean;
         "weather"?: boolean;
         "zoom"?: number;
     }
@@ -319,6 +322,7 @@ declare namespace LocalJSX {
         "onTrekCardPress"?: (event: GrwMapCustomEvent<number>) => void;
         "resetStoreOnDisconnected"?: boolean;
         "urlLayer"?: string;
+        "useGradient"?: boolean;
         "zoom"?: number;
     }
     interface GrwPoiDetail {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geotrekce/geotrek-rando-widget",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "description": "Geotrek rando widget",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -30,6 +30,7 @@
     "@raruto/leaflet-elevation": "^2.4.0",
     "@stencil/core": "^3.4.1",
     "leaflet": "^1.9.4",
+    "leaflet-rotate": "^0.2.8",
     "leaflet.locatecontrol": "^0.79.0",
     "swiper": "^9.4.1"
   },