@geotrekce/geotrek-rando-widget 0.3.2 → 0.3.4

package/dist/geotrek-rando-widget/p-29f817ac.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as r,g as s}from"./p-b4e1f9ae.js";import{t as n}from"./p-5d5f6ab5.js";import{s as o,o as a,r as l}from"./p-3c8ed548.js";import{f as c,h}from"./p-e0651ca9.js";const d='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial;max-width: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);height:64px}.header-container .arrow-back-container,.large-view-header-container .arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.header-container .arrow-back-container .arrow-back-icon,.large-view-header-container .arrow-back-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:0px;text-align:left}.options-container{height:100%;position:absolute;width:100%;z-index:1100;top:0px}.handle-search-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-search-filters-container .handle-filters-button{margin-left:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-search-filters-container .handle-filters-button span{font-size:18px}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-container .segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.filters-container .segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.filters-container .segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.filters-container .segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.filters-container .segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.filters-container .segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.filters-segment-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 64px - 32px)}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:absolute;z-index:1099}.divider{margin:16px;border-top:1px solid var(--color-outline)}.init-loader-container,.loader-container,.large-view-loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px)}.content-trek{height:100%}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}grw-treks-list{max-height:calc(100vh - 64px)}grw-trek-detail{max-height:calc(100vh - 64px - 48px)}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}.filters-options-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:64px;margin:0px 16px}.filters-options-container .filters-options-buttons-container{display:-ms-flexbox;display:flex}.filters-options-container .filters-options-buttons-container .filter-option-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;margin:8px 0px 0px 8px;padding:8px 16px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:none;-webkit-tap-highlight-color:transparent;line-height:20px;color:var(--color-primary);background-color:transparent}.segment-container{margin-bottom:64px}.filter-container:not(:last-child)::after{content:"";display:block;margin:16px;border-top:1px solid var(--color-outline)}';const p=class{constructor(i){e(this,i);this.resetFilter=t(this,"resetFilter",7);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTreksMap=false;this.showTrekMap=false;this.showFilters=false;this.isLargeView=false;this.selectedSegment="selectedActivitiesFilters";this.currentTrekId=undefined;this.appWidth="100%";this.appHeight="100vh";this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.center=undefined;this.zoom=undefined;this.nameLayer=undefined;this.urlLayer=undefined;this.attributionLayer=undefined;this.weather=false;this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false}onTrekCardPress(e){o.currentTrek=null;this.currentTrekId=e.detail;this.showTrek=true;this.showTrekMap=false;const t=new URL(window.location.toString());t.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",t)}onWindowResize(){this.handleView()}onCenterOnMap(){if(!this.isLargeView){this.showTrekMap=true}}watchPropHandler(){window.dispatchEvent(new window.Event("resize"))}componentWillLoad(){const e=new URL(window.location.toString());const t=e.searchParams.get("trek");if(t){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(t);this.showTrek=!this.showTrek}}componentDidLoad(){a("trekNetworkError",(()=>{if(o.trekNetworkError){const e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.replaceState({},"",e);this.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()}onTrekDetailsClose(){o.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 t=Number(e.searchParams.get("trek"));if(t&&this.currentTrekId!==t){o.currentTrek=null;this.currentTrekId=t;this.showTrek=true}else if(!t){this.onTrekDetailsClose()}}handleShowMap(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}}handleEraseFilters(){c.forEach((e=>{o[e.property].forEach((e=>e.selected=false))}));o.selectedActivitiesFilters=0;o.selectedThemesFilters=0;o.selectedLocationFilters=0;o.currentTreks=h();this.resetFilter.emit()}handleOkFilters(){this.handleFilters()}disconnectedCallback(){l();window.removeEventListener("popstate",this.handlePopStateBind)}handleSelectedSegment(e){this.selectedSegment=e}handleSegment(e){return c.filter((t=>t.segment===e)).some((e=>o[e.property]&&o[e.property].length>0))}render(){return i(r,{style:{"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--color-primary-container":this.colorPrimaryContainer,"--color-on-primary-container":this.colorOnPrimaryContainer,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-background":this.colorBackground,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor,"--app-width":this.appWidth,"--app-height":this.appHeight}},!o.currentTreks&&!o.currentTrek&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),!this.showTrek&&!o.treks&&i("grw-treks-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals,routes:this.routes,practices:this.practices}),this.showTrek&&this.currentTrekId&&!o.currentTrek&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(o.currentTreks||o.currentTrek)&&i("div",{class:"app-container"},i("div",{class:this.isLargeView?"large-view-header-container":"header-container"},!this.showTrek?i("div",{class:"handle-search-filters-container"},i("div",{class:"handle-search-container"},i("grw-search",null)),i("div",{class:"handle-filters-container"},i("button",{onClick:()=>this.handleFilters(),class:"handle-filters-button"},i("span",{class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),n[o.language].filter))):i("div",{class:"arrow-back-container"},i("button",{onClick:()=>this.handleBackButton(),class:"arrow-back-icon"},i("span",{class:"material-symbols material-symbols-outlined"},"arrow_back")))),i("div",{class:`content-container ${this.showTrek?"content-trek":"content-treks"}`},i("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek?"none":"flex",position:this.showTrek?"absolute":"relative"}},i("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),this.showTrek&&!o.currentTrek&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),o.currentTrek&&i("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},i("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView})),i("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"1":"0"},center:this.center,zoom:this.zoom,"name-layer":this.nameLayer,"url-layer":this.urlLayer,"attribution-layer":this.attributionLayer,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek||this.showTrek&&o.currentTrek)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:()=>this.handleShowMap(),class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{class:"material-symbols material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?n[o.language].showDetails:n[o.language].showRoute:this.showTreksMap?n[o.language].showList:n[o.language].showMap))),!this.showTrek&&this.showFilters&&i("div",{class:"options-container"},i("div",{class:"filters-container"},i("div",{class:"filters-options-container"},o.treksWithinBounds&&i("div",{class:"current-treks-within-bounds-length"},`${o.treksWithinBounds.length} ${o.treksWithinBounds.length>1?n[o.language].treks:n[o.language].trek}`),i("div",{class:"filters-options-buttons-container"},i("button",{class:"filter-option-button",onClick:()=>this.handleEraseFilters()},n[o.language].erase),i("button",{class:"filter-option-button",onClick:()=>this.handleOkFilters()},n[o.language].ok))),i("div",{class:"segmented-buttons-container"},this.handleSegment("selectedActivitiesFilters")&&i("label",{class:`segment${this.selectedSegment==="selectedActivitiesFilters"?" selected-segment":""}`,onClick:()=>this.handleSelectedSegment("selectedActivitiesFilters")},n[o.language].activities," ",o.selectedActivitiesFilters!==0&&`(${o.selectedActivitiesFilters})`),this.handleSegment("selectedThemesFilters")&&i("label",{class:`segment${this.selectedSegment==="selectedThemesFilters"?" selected-segment":""}`,onClick:()=>this.handleSelectedSegment("selectedThemesFilters")},n[o.language].themes," ",o.selectedThemesFilters!==0&&`(${o.selectedThemesFilters})`),this.handleSegment("selectedLocationFilters")&&i("label",{class:`segment${this.selectedSegment==="selectedLocationFilters"?" selected-segment":""}`,onClick:()=>this.handleSelectedSegment("selectedLocationFilters")},n[o.language].location," ",o.selectedLocationFilters!==0&&`(${o.selectedLocationFilters})`)),i("div",{class:"filters-segment-container"},this.selectedSegment==="selectedActivitiesFilters"&&i("div",{class:"segment-container"},o["practices"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].practice,filterType:"practices",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),o["difficulties"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].difficulty,filterType:"difficulties",filterNameProperty:"label",segment:"selectedActivitiesFilters"})),o["durations"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].duration,filterType:"durations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),o["lengths"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].length,filterType:"lengths",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),o["elevations"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].elevation,filterType:"elevations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),o["routes"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].routes,filterType:"routes",filterNameProperty:"route",segment:"selectedActivitiesFilters"})),o["accessibilities"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].accessibility,filterType:"accessibilities",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),o["labels"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].activities,filterType:"labels",filterNameProperty:"name",segment:"selectedActivitiesFilters"}))),this.selectedSegment==="selectedThemesFilters"&&i("div",{class:"segment-container"},o["themes"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].themes,filterType:"themes",filterNameProperty:"label",segment:"selectedThemesFilters"}))),this.selectedSegment==="selectedLocationFilters"&&i("div",{class:"segment-container"},o["districts"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].districts,filterType:"districts",filterNameProperty:"name",segment:"selectedLocationFilters"})),o["cities"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:n[o.language].cities,filterType:"cities",filterNameProperty:"name",segment:"selectedLocationFilters"}))))),i("div",{onClick:()=>this.handleFilters(),class:"back-filters-container"})))}get appElement(){return s(this)}static get watchers(){return{isLargeView:["watchPropHandler"]}}};p.style=d;export{p as grw_app};
-//# sourceMappingURL=p-29f817ac.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","onTrekCardPress","event","state","currentTrek","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","trekNetworkError","urlRedirect","delete","onTrekDetailsClose","addEventListener","appElement","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","handleEraseFilters","filters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","currentTreks","handleFiltersAndSearch","resetFilter","emit","handleOkFilters","disconnectedCallback","reset","removeEventListener","handleSelectedSegment","selectedSegment","handleSegment","segment","some","length","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","translate","language","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","showDetails","showRoute","showList","showMap","treksWithinBounds","trek","erase","ok","activities","filterName","practice","filterType","filterNameProperty","difficulty","duration","elevation","accessibility"],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  font-family: 'Roboto';\n  color: var(--color-on-surface);\n  overflow: hidden;\n  line-height: initial;\n  max-width: 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  height: 64px;\n  .arrow-back-container {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    margin: 0px 16px;\n    .arrow-back-icon {\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n      color: var(--color-on-surface);\n      border: none;\n      background-color: var(--color-background);\n      border-radius: 50%;\n      height: 48px;\n      width: 48px;\n      padding: 0px;\n      text-align: left;\n    }\n  }\n}\n\n.options-container {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n  top: 0px;\n}\n\n.handle-search-filters-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0px 16px;\n  height: 64px;\n  .handle-filters-button {\n    margin-left: 16px;\n    user-select: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background-color: var(--color-background);\n    color: var(--color-on-surface);\n    padding: 12px 24px;\n    border-radius: 20px;\n    box-sizing: border-box;\n    position: relative;\n    gap: 8px;\n    white-space: nowrap;\n    line-height: 20px;\n    letter-spacing: 0.10000000149011612px;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: var(--elevation-1);\n    transition: box-shadow 0.2s ease-in-out 0s;\n    span {\n      font-size: 18px;\n    }\n  }\n}\n\n.large-view-header-container {\n  .handle-search-filters-container {\n    justify-content: flex-start;\n  }\n}\n\n.filters-container {\n  background-color: var(--color-background);\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1100;\n  .segmented-buttons-container {\n    display: flex;\n    justify-content: center;\n    width: calc(100% - 32px);\n    height: 40px;\n    margin: 16px;\n    border: 1px solid var(--color-outline);\n    border-radius: 20px;\n    line-height: 20px;\n    .segment {\n      cursor: pointer;\n      user-select: none;\n      font-size: 14px;\n      font-weight: 500;\n      -webkit-tap-highlight-color: transparent;\n      color: var(--color-on-surface-variant);\n      background-color: transparent;\n      border-radius: 0px;\n      min-width: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n      &:first-child {\n        border-top-left-radius: 20px;\n        border-bottom-left-radius: 20px;\n      }\n      &:not(:last-child) {\n        border-right: 1px solid var(--color-outline);\n      }\n      &:last-child {\n        border-top-right-radius: 20px;\n        border-bottom-right-radius: 20px;\n      }\n    }\n    .selected-segment {\n      color: var(--color-on-secondary-container);\n      background-color: var(--color-secondary-container);\n    }\n  }\n}\n\n.filters-segment-container {\n  overflow-y: scroll;\n  padding-bottom: 32px;\n  max-height: calc(100% - 64px - 32px);\n}\n\n.back-filters-container {\n  background-color: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 1099;\n}\n\n.divider {\n  margin: 16px;\n  border-top: 1px solid var(--color-outline);\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  background-color: var(--color-background);\n  .loader {\n    width: 48px;\n    height: 48px;\n    border: 5px solid var(--color-primary-container);\n    border-bottom-color: var(--color-on-primary-container);\n    border-radius: 50%;\n    display: inline-block;\n    box-sizing: border-box;\n    animation: rotation 1s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}\n\n.content-container {\n  position: relative;\n  display: flex;\n  height: calc(100% - 64px);\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - 64px);\n}\n\n.content-trek {\n  height: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  z-index: 4;\n  .map-visibility-button {\n    cursor: pointer;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    text-decoration: none;\n    padding: 16px;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    box-shadow: var(--elevation-1);\n    border-radius: 12px;\n    height: 56px;\n    font-size: 16px;\n    width: unset;\n    &:hover {\n      box-shadow: var(--elevation-4);\n    }\n    span {\n      font-size: 24px;\n      margin-right: 8px;\n      color: var(--color-on-primary-container);\n    }\n  }\n}\n\n.init-loader-container,\n.loader-container {\n  width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n  width: 100%;\n}\n\ngrw-treks-list {\n  max-height: calc(100vh - 64px);\n}\n\ngrw-trek-detail {\n  max-height: calc(100vh - 64px - 48px);\n}\n\n.app-map-container {\n  width: 100%;\n  position: absolute;\n}\n\n.large-view-loader-container {\n  width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.filters-options-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 64px;\n  margin: 0px 16px;\n  .filters-options-buttons-container {\n    display: flex;\n    .filter-option-button {\n      cursor: pointer;\n      user-select: none;\n      font-size: 14px;\n      font-weight: 500;\n      margin: 8px 0px 0px 8px;\n      padding: 8px 16px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: var(--elevation-0);\n      border: none;\n      -webkit-tap-highlight-color: transparent;\n      line-height: 20px;\n      color: var(--color-primary);\n      background-color: transparent;\n    }\n  }\n}\n\n.segment-container {\n  margin-bottom: 64px;\n}\n\n.filter-container {\n  &:not(:last-child) {\n    &::after {\n      content: '';\n      display: block;\n      margin: 16px;\n      border-top: 1px solid var(--color-outline);\n    }\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\nimport { filters, handleFiltersAndSearch } from 'utils/utils';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() appElement: HTMLElement;\n  @Event() resetFilter: EventEmitter;\n  @State() showTrek = false;\n  @State() showTreksMap = false;\n  @State() showTrekMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() selectedSegment = 'selectedActivitiesFilters';\n  @State() currentTrekId: number;\n  @Prop() appWidth: string = '100%';\n  @Prop() appHeight: string = '100vh';\n  @Prop() api: string;\n  @Prop() languages = 'fr';\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() nameLayer: string;\n  @Prop() urlLayer: string;\n  @Prop() attributionLayer: string;\n  @Prop() weather = false;\n\n  @Prop() colorPrimaryApp = '#6750a4';\n  @Prop() colorOnPrimary = '#ffffff';\n  @Prop() colorSurface = '#1c1b1f';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSurfaceVariant = '#fef7ff';\n  @Prop() colorOnSurfaceVariant = '#1c1b1f';\n  @Prop() colorPrimaryContainer = '#eaddff';\n  @Prop() colorOnPrimaryContainer = '#21005e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorBackground = '#fef7ff';\n  @Prop() colorSurfaceContainerHigh = '#ece6f0';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n\n  @Prop() colorTrekLine = '#6b0030';\n  @Prop() colorSensitiveArea = '#4974a5';\n  @Prop() colorPoiIcon = '#974c6e';\n  @Prop() useGradient = false;\n\n  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = event.detail;\n    this.showTrek = true;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    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      state.currentTrek = null;\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam) {\n      this.onTrekDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else {\n      this.showTreksMap = !this.showTreksMap;\n    }\n  }\n\n  handleEraseFilters() {\n    filters.forEach(filter => {\n      state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n    });\n    state.selectedActivitiesFilters = 0;\n    state.selectedThemesFilters = 0;\n    state.selectedLocationFilters = 0;\n    state.currentTreks = handleFiltersAndSearch();\n    this.resetFilter.emit();\n  }\n\n  handleOkFilters() {\n    this.handleFilters();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  handleSelectedSegment(selectedSegment) {\n    this.selectedSegment = selectedSegment;\n  }\n\n  handleSegment(segment) {\n    return filters.filter(filter => filter.segment === segment).some(filter => state[filter.property] && state[filter.property].length > 0);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-primary': this.colorOnPrimary,\n          '--color-surface': this.colorSurface,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-surface-variant': this.colorSurfaceVariant,\n          '--color-on-surface-variant': this.colorOnSurfaceVariant,\n          '--color-primary-container': this.colorPrimaryContainer,\n          '--color-on-primary-container': this.colorOnPrimaryContainer,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-background': this.colorBackground,\n          '--color-surface-container-high': this.colorSurfaceContainerHigh,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n          '--fab-background-color': this.fabBackgroundColor,\n          '--fab-color': this.fabColor,\n          '--app-width': this.appWidth,\n          '--app-height': this.appHeight,\n        }}\n      >\n        {!state.currentTreks && !state.currentTrek && (\n          <div class=\"init-loader-container\">\n            <span class=\"loader\"></span>\n          </div>\n        )}\n        {!this.showTrek && !state.treks && (\n          <grw-treks-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n            routes={this.routes}\n            practices={this.practices}\n          ></grw-treks-provider>\n        )}\n        {this.showTrek && this.currentTrekId && !state.currentTrek && (\n          <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n        )}\n        {(state.currentTreks || state.currentTrek) && (\n          <div class=\"app-container\">\n            <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n              {!this.showTrek ? (\n                <div class=\"handle-search-filters-container\">\n                  <div class=\"handle-search-container\">\n                    <grw-search></grw-search>\n                  </div>\n                  <div class=\"handle-filters-container\">\n                    <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n                      <span class=\"material-symbols material-symbols-outlined margin-right-icon\">filter_list</span>\n                      {translate[state.language].filter}\n                    </button>\n                  </div>\n                </div>\n              ) : (\n                <div class=\"arrow-back-container\">\n                  <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                    <span class=\"material-symbols material-symbols-outlined\">arrow_back</span>\n                  </button>\n                </div>\n              )}\n            </div>\n\n            <div class={`content-container ${this.showTrek ? 'content-trek' : 'content-treks'}`}>\n              <div\n                class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n                style={{ display: this.showTrek ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\n                <grw-treks-list\n                  reset-store-on-disconnected=\"false\"\n                  is-large-view={this.isLargeView}\n                  color-primary-app={this.colorPrimaryApp}\n                  color-on-surface={this.colorOnSurface}\n                  color-secondary-container={this.colorSecondaryContainer}\n                  color-on-secondary-container={this.colorOnSecondaryContainer}\n                  color-surface-container-low={this.colorSurfaceContainerLow}\n                ></grw-treks-list>\n              </div>\n              {this.showTrek && !state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n                  <span class=\"loader\"></span>\n                </div>\n              )}\n              {state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n                  <grw-trek-detail\n                    style={{\n                      visibility: (!this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTrekMap ? '1' : '0',\n                    }}\n                    reset-store-on-disconnected=\"false\"\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    weather={this.weather}\n                    is-large-view={this.isLargeView}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              <grw-map\n                reset-store-on-disconnected=\"false\"\n                class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n                style={{\n                  visibility: (this.showTreksMap && !this.showTrek) || (this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                  zIndex: this.showTrekMap ? '1' : '0',\n                }}\n                center={this.center}\n                zoom={this.zoom}\n                name-layer={this.nameLayer}\n                url-layer={this.urlLayer}\n                attribution-layer={this.attributionLayer}\n                color-primary-app={this.colorPrimaryApp}\n                color-on-surface={this.colorOnSurface}\n                color-primary-container={this.colorPrimaryContainer}\n                color-on-primary-container={this.colorOnPrimaryContainer}\n                color-background={this.colorBackground}\n                color-trek-line={this.colorTrekLine}\n                color-sensitive-area={this.colorSensitiveArea}\n                color-poi-icon={this.colorPoiIcon}\n                is-large-view={this.isLargeView}\n                use-gradient={this.useGradient}\n              ></grw-map>\n            </div>\n            {(!this.showTrek || (this.showTrek && state.currentTrek)) && (\n              <div class=\"map-visibility-button-container\">\n                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  <span class=\"material-symbols material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n                  {this.showTrek\n                    ? this.showTrekMap\n                      ? translate[state.language].showDetails\n                      : translate[state.language].showRoute\n                    : this.showTreksMap\n                    ? translate[state.language].showList\n                    : translate[state.language].showMap}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && (\n          <div class=\"options-container\">\n            <div class=\"filters-container\">\n              <div class=\"filters-options-container\">\n                {state.treksWithinBounds && (\n                  <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n                    state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n                  }`}</div>\n                )}\n                <div class=\"filters-options-buttons-container\">\n                  <button class=\"filter-option-button\" onClick={() => this.handleEraseFilters()}>\n                    {translate[state.language].erase}\n                  </button>\n                  <button class=\"filter-option-button\" onClick={() => this.handleOkFilters()}>\n                    {translate[state.language].ok}\n                  </button>\n                </div>\n              </div>\n              <div class=\"segmented-buttons-container\">\n                {this.handleSegment('selectedActivitiesFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedActivitiesFilters')}\n                  >\n                    {translate[state.language].activities} {state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`}\n                  </label>\n                )}\n                {this.handleSegment('selectedThemesFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedThemesFilters')}\n                  >\n                    {translate[state.language].themes} {state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`}\n                  </label>\n                )}\n                {this.handleSegment('selectedLocationFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedLocationFilters')}\n                  >\n                    {translate[state.language].location} {state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`}\n                  </label>\n                )}\n              </div>\n              <div class=\"filters-segment-container\">\n                {this.selectedSegment === 'selectedActivitiesFilters' && (\n                  <div class=\"segment-container\">\n                    {state['practices'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].practice}\n                          filterType=\"practices\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['difficulties'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].difficulty}\n                          filterType=\"difficulties\"\n                          filterNameProperty=\"label\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['durations'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].duration}\n                          filterType=\"durations\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['lengths'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                      </div>\n                    )}\n                    {state['elevations'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].elevation}\n                          filterType=\"elevations\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['routes'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                      </div>\n                    )}\n                    {state['accessibilities'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].accessibility}\n                          filterType=\"accessibilities\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['labels'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].activities}\n                          filterType=\"labels\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n                {this.selectedSegment === 'selectedThemesFilters' && (\n                  <div class=\"segment-container\">\n                    {state['themes'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].themes} filterType=\"themes\" filterNameProperty=\"label\" segment=\"selectedThemesFilters\"></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n                {this.selectedSegment === 'selectedLocationFilters' && (\n                  <div class=\"segment-container\">\n                    {state['districts'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].districts}\n                          filterType=\"districts\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedLocationFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['cities'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].cities} filterType=\"cities\" filterNameProperty=\"name\" segment=\"selectedLocationFilters\"></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            </div>\n            <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-System.register(["./p-266b2cee.system.js","./p-93f67955.system.js","./p-c45eb7b7.system.js","./p-8956507a.system.js"],(function(e){"use strict";var t,i,r,n,o,s,a,l,c,h,d;return{setters:[function(e){t=e.r;i=e.c;r=e.h;n=e.H;o=e.g},function(e){s=e.t},function(e){a=e.s;l=e.o;c=e.r},function(e){h=e.f;d=e.h}],execute:function(){var p='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial;max-width: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);height:64px}.header-container .arrow-back-container,.large-view-header-container .arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.header-container .arrow-back-container .arrow-back-icon,.large-view-header-container .arrow-back-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:0px;text-align:left}.options-container{height:100%;position:absolute;width:100%;z-index:1100;top:0px}.handle-search-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-search-filters-container .handle-filters-button{margin-left:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-search-filters-container .handle-filters-button span{font-size:18px}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-container .segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.filters-container .segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.filters-container .segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.filters-container .segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.filters-container .segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.filters-container .segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.filters-segment-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 64px - 32px)}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:absolute;z-index:1099}.divider{margin:16px;border-top:1px solid var(--color-outline)}.init-loader-container,.loader-container,.large-view-loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px)}.content-trek{height:100%}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}grw-treks-list{max-height:calc(100vh - 64px)}grw-trek-detail{max-height:calc(100vh - 64px - 48px)}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}.filters-options-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:64px;margin:0px 16px}.filters-options-container .filters-options-buttons-container{display:-ms-flexbox;display:flex}.filters-options-container .filters-options-buttons-container .filter-option-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;margin:8px 0px 0px 8px;padding:8px 16px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:none;-webkit-tap-highlight-color:transparent;line-height:20px;color:var(--color-primary);background-color:transparent}.segment-container{margin-bottom:64px}.filter-container:not(:last-child)::after{content:"";display:block;margin:16px;border-top:1px solid var(--color-outline)}';var f=e("grw_app",function(){function e(e){t(this,e);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.selectedSegment="selectedActivitiesFilters";this.currentTrekId=undefined;this.appWidth="100%";this.appHeight="100vh";this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.center=undefined;this.zoom=undefined;this.nameLayer=undefined;this.urlLayer=undefined;this.attributionLayer=undefined;this.weather=false;this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false}e.prototype.onTrekCardPress=function(e){a.currentTrek=null;this.currentTrekId=e.detail;this.showTrek=true;this.showTrekMap=false;var t=new URL(window.location.toString());t.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",t)};e.prototype.onWindowResize=function(){this.handleView()};e.prototype.onCenterOnMap=function(){if(!this.isLargeView){this.showTrekMap=true}};e.prototype.watchPropHandler=function(){window.dispatchEvent(new window.Event("resize"))};e.prototype.componentWillLoad=function(){var e=new URL(window.location.toString());var t=e.searchParams.get("trek");if(t){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(t);this.showTrek=!this.showTrek}};e.prototype.componentDidLoad=function(){var e=this;l("trekNetworkError",(function(){if(a.trekNetworkError){var t=new URL(window.location.toString());t.searchParams.delete("trek");window.history.replaceState({},"",t);e.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};e.prototype.onTrekDetailsClose=function(){a.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 t=Number(e.searchParams.get("trek"));if(t&&this.currentTrekId!==t){a.currentTrek=null;this.currentTrekId=t;this.showTrek=true}else if(!t){this.onTrekDetailsClose()}};e.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}};e.prototype.handleEraseFilters=function(){h.forEach((function(e){a[e.property].forEach((function(e){return e.selected=false}))}));a.selectedActivitiesFilters=0;a.selectedThemesFilters=0;a.selectedLocationFilters=0;a.currentTreks=d();this.resetFilter.emit()};e.prototype.handleOkFilters=function(){this.handleFilters()};e.prototype.disconnectedCallback=function(){c();window.removeEventListener("popstate",this.handlePopStateBind)};e.prototype.handleSelectedSegment=function(e){this.selectedSegment=e};e.prototype.handleSegment=function(e){return h.filter((function(t){return t.segment===e})).some((function(e){return a[e.property]&&a[e.property].length>0}))};e.prototype.render=function(){var e=this;return r(n,{style:{"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--color-primary-container":this.colorPrimaryContainer,"--color-on-primary-container":this.colorOnPrimaryContainer,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-background":this.colorBackground,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor,"--app-width":this.appWidth,"--app-height":this.appHeight}},!a.currentTreks&&!a.currentTrek&&r("div",{class:"init-loader-container"},r("span",{class:"loader"})),!this.showTrek&&!a.treks&&r("grw-treks-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals,routes:this.routes,practices:this.practices}),this.showTrek&&this.currentTrekId&&!a.currentTrek&&r("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(a.currentTreks||a.currentTrek)&&r("div",{class:"app-container"},r("div",{class:this.isLargeView?"large-view-header-container":"header-container"},!this.showTrek?r("div",{class:"handle-search-filters-container"},r("div",{class:"handle-search-container"},r("grw-search",null)),r("div",{class:"handle-filters-container"},r("button",{onClick:function(){return e.handleFilters()},class:"handle-filters-button"},r("span",{class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),s[a.language].filter))):r("div",{class:"arrow-back-container"},r("button",{onClick:function(){return e.handleBackButton()},class:"arrow-back-icon"},r("span",{class:"material-symbols material-symbols-outlined"},"arrow_back")))),r("div",{class:"content-container ".concat(this.showTrek?"content-trek":"content-treks")},r("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"}},r("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),this.showTrek&&!a.currentTrek&&r("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},r("span",{class:"loader"})),a.currentTrek&&r("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},r("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView})),r("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"1":"0"},center:this.center,zoom:this.zoom,"name-layer":this.nameLayer,"url-layer":this.urlLayer,"attribution-layer":this.attributionLayer,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek||this.showTrek&&a.currentTrek)&&r("div",{class:"map-visibility-button-container"},r("button",{onClick:function(){return e.handleShowMap()},class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},r("span",{class:"material-symbols material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?s[a.language].showDetails:s[a.language].showRoute:this.showTreksMap?s[a.language].showList:s[a.language].showMap))),!this.showTrek&&this.showFilters&&r("div",{class:"options-container"},r("div",{class:"filters-container"},r("div",{class:"filters-options-container"},a.treksWithinBounds&&r("div",{class:"current-treks-within-bounds-length"},"".concat(a.treksWithinBounds.length," ").concat(a.treksWithinBounds.length>1?s[a.language].treks:s[a.language].trek)),r("div",{class:"filters-options-buttons-container"},r("button",{class:"filter-option-button",onClick:function(){return e.handleEraseFilters()}},s[a.language].erase),r("button",{class:"filter-option-button",onClick:function(){return e.handleOkFilters()}},s[a.language].ok))),r("div",{class:"segmented-buttons-container"},this.handleSegment("selectedActivitiesFilters")&&r("label",{class:"segment".concat(this.selectedSegment==="selectedActivitiesFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedActivitiesFilters")}},s[a.language].activities," ",a.selectedActivitiesFilters!==0&&"(".concat(a.selectedActivitiesFilters,")")),this.handleSegment("selectedThemesFilters")&&r("label",{class:"segment".concat(this.selectedSegment==="selectedThemesFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedThemesFilters")}},s[a.language].themes," ",a.selectedThemesFilters!==0&&"(".concat(a.selectedThemesFilters,")")),this.handleSegment("selectedLocationFilters")&&r("label",{class:"segment".concat(this.selectedSegment==="selectedLocationFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedLocationFilters")}},s[a.language].location," ",a.selectedLocationFilters!==0&&"(".concat(a.selectedLocationFilters,")"))),r("div",{class:"filters-segment-container"},this.selectedSegment==="selectedActivitiesFilters"&&r("div",{class:"segment-container"},a["practices"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].practice,filterType:"practices",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),a["difficulties"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].difficulty,filterType:"difficulties",filterNameProperty:"label",segment:"selectedActivitiesFilters"})),a["durations"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].duration,filterType:"durations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),a["lengths"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].length,filterType:"lengths",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),a["elevations"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].elevation,filterType:"elevations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),a["routes"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].routes,filterType:"routes",filterNameProperty:"route",segment:"selectedActivitiesFilters"})),a["accessibilities"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].accessibility,filterType:"accessibilities",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),a["labels"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].activities,filterType:"labels",filterNameProperty:"name",segment:"selectedActivitiesFilters"}))),this.selectedSegment==="selectedThemesFilters"&&r("div",{class:"segment-container"},a["themes"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].themes,filterType:"themes",filterNameProperty:"label",segment:"selectedThemesFilters"}))),this.selectedSegment==="selectedLocationFilters"&&r("div",{class:"segment-container"},a["districts"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].districts,filterType:"districts",filterNameProperty:"name",segment:"selectedLocationFilters"})),a["cities"].length>0&&r("div",{class:"filter-container"},r("grw-filter",{filterName:s[a.language].cities,filterType:"cities",filterNameProperty:"name",segment:"selectedLocationFilters"}))))),r("div",{onClick:function(){return e.handleFilters()},class:"back-filters-container"})))};Object.defineProperty(e.prototype,"appElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return e}());f.style=p}}}));
-//# sourceMappingURL=p-33b7a4a8.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["grwAppCss","GrwApp","exports","this","largeViewSize","handlePopStateBind","handlePopState","bind","class_1","prototype","onTrekCardPress","event","state","currentTrek","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","trekNetworkError","urlRedirect","delete","onTrekDetailsClose","addEventListener","appElement","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","handleEraseFilters","filters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","currentTreks","handleFiltersAndSearch","resetFilter","emit","handleOkFilters","disconnectedCallback","reset","removeEventListener","handleSelectedSegment","selectedSegment","handleSegment","segment","some","length","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","translate","language","concat","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","showDetails","showRoute","showList","showMap","treksWithinBounds","trek","erase","ok","activities","filterName","practice","filterType","filterNameProperty","difficulty","duration","elevation","accessibility"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  font-family: 'Roboto';\n  color: var(--color-on-surface);\n  overflow: hidden;\n  line-height: initial;\n  max-width: 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  height: 64px;\n  .arrow-back-container {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    margin: 0px 16px;\n    .arrow-back-icon {\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n      color: var(--color-on-surface);\n      border: none;\n      background-color: var(--color-background);\n      border-radius: 50%;\n      height: 48px;\n      width: 48px;\n      padding: 0px;\n      text-align: left;\n    }\n  }\n}\n\n.options-container {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n  top: 0px;\n}\n\n.handle-search-filters-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0px 16px;\n  height: 64px;\n  .handle-filters-button {\n    margin-left: 16px;\n    user-select: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background-color: var(--color-background);\n    color: var(--color-on-surface);\n    padding: 12px 24px;\n    border-radius: 20px;\n    box-sizing: border-box;\n    position: relative;\n    gap: 8px;\n    white-space: nowrap;\n    line-height: 20px;\n    letter-spacing: 0.10000000149011612px;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: var(--elevation-1);\n    transition: box-shadow 0.2s ease-in-out 0s;\n    span {\n      font-size: 18px;\n    }\n  }\n}\n\n.large-view-header-container {\n  .handle-search-filters-container {\n    justify-content: flex-start;\n  }\n}\n\n.filters-container {\n  background-color: var(--color-background);\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1100;\n  .segmented-buttons-container {\n    display: flex;\n    justify-content: center;\n    width: calc(100% - 32px);\n    height: 40px;\n    margin: 16px;\n    border: 1px solid var(--color-outline);\n    border-radius: 20px;\n    line-height: 20px;\n    .segment {\n      cursor: pointer;\n      user-select: none;\n      font-size: 14px;\n      font-weight: 500;\n      -webkit-tap-highlight-color: transparent;\n      color: var(--color-on-surface-variant);\n      background-color: transparent;\n      border-radius: 0px;\n      min-width: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n      &:first-child {\n        border-top-left-radius: 20px;\n        border-bottom-left-radius: 20px;\n      }\n      &:not(:last-child) {\n        border-right: 1px solid var(--color-outline);\n      }\n      &:last-child {\n        border-top-right-radius: 20px;\n        border-bottom-right-radius: 20px;\n      }\n    }\n    .selected-segment {\n      color: var(--color-on-secondary-container);\n      background-color: var(--color-secondary-container);\n    }\n  }\n}\n\n.filters-segment-container {\n  overflow-y: scroll;\n  padding-bottom: 32px;\n  max-height: calc(100% - 64px - 32px);\n}\n\n.back-filters-container {\n  background-color: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 1099;\n}\n\n.divider {\n  margin: 16px;\n  border-top: 1px solid var(--color-outline);\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  background-color: var(--color-background);\n  .loader {\n    width: 48px;\n    height: 48px;\n    border: 5px solid var(--color-primary-container);\n    border-bottom-color: var(--color-on-primary-container);\n    border-radius: 50%;\n    display: inline-block;\n    box-sizing: border-box;\n    animation: rotation 1s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}\n\n.content-container {\n  position: relative;\n  display: flex;\n  height: calc(100% - 64px);\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - 64px);\n}\n\n.content-trek {\n  height: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  z-index: 4;\n  .map-visibility-button {\n    cursor: pointer;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    text-decoration: none;\n    padding: 16px;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    box-shadow: var(--elevation-1);\n    border-radius: 12px;\n    height: 56px;\n    font-size: 16px;\n    width: unset;\n    &:hover {\n      box-shadow: var(--elevation-4);\n    }\n    span {\n      font-size: 24px;\n      margin-right: 8px;\n      color: var(--color-on-primary-container);\n    }\n  }\n}\n\n.init-loader-container,\n.loader-container {\n  width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n  width: 100%;\n}\n\ngrw-treks-list {\n  max-height: calc(100vh - 64px);\n}\n\ngrw-trek-detail {\n  max-height: calc(100vh - 64px - 48px);\n}\n\n.app-map-container {\n  width: 100%;\n  position: absolute;\n}\n\n.large-view-loader-container {\n  width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.filters-options-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 64px;\n  margin: 0px 16px;\n  .filters-options-buttons-container {\n    display: flex;\n    .filter-option-button {\n      cursor: pointer;\n      user-select: none;\n      font-size: 14px;\n      font-weight: 500;\n      margin: 8px 0px 0px 8px;\n      padding: 8px 16px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: var(--elevation-0);\n      border: none;\n      -webkit-tap-highlight-color: transparent;\n      line-height: 20px;\n      color: var(--color-primary);\n      background-color: transparent;\n    }\n  }\n}\n\n.segment-container {\n  margin-bottom: 64px;\n}\n\n.filter-container {\n  &:not(:last-child) {\n    &::after {\n      content: '';\n      display: block;\n      margin: 16px;\n      border-top: 1px solid var(--color-outline);\n    }\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\nimport { filters, handleFiltersAndSearch } from 'utils/utils';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() appElement: HTMLElement;\n  @Event() resetFilter: EventEmitter;\n  @State() showTrek = false;\n  @State() showTreksMap = false;\n  @State() showTrekMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() selectedSegment = 'selectedActivitiesFilters';\n  @State() currentTrekId: number;\n  @Prop() appWidth: string = '100%';\n  @Prop() appHeight: string = '100vh';\n  @Prop() api: string;\n  @Prop() languages = 'fr';\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() nameLayer: string;\n  @Prop() urlLayer: string;\n  @Prop() attributionLayer: string;\n  @Prop() weather = false;\n\n  @Prop() colorPrimaryApp = '#6750a4';\n  @Prop() colorOnPrimary = '#ffffff';\n  @Prop() colorSurface = '#1c1b1f';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSurfaceVariant = '#fef7ff';\n  @Prop() colorOnSurfaceVariant = '#1c1b1f';\n  @Prop() colorPrimaryContainer = '#eaddff';\n  @Prop() colorOnPrimaryContainer = '#21005e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorBackground = '#fef7ff';\n  @Prop() colorSurfaceContainerHigh = '#ece6f0';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n\n  @Prop() colorTrekLine = '#6b0030';\n  @Prop() colorSensitiveArea = '#4974a5';\n  @Prop() colorPoiIcon = '#974c6e';\n  @Prop() useGradient = false;\n\n  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = event.detail;\n    this.showTrek = true;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    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      state.currentTrek = null;\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam) {\n      this.onTrekDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else {\n      this.showTreksMap = !this.showTreksMap;\n    }\n  }\n\n  handleEraseFilters() {\n    filters.forEach(filter => {\n      state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n    });\n    state.selectedActivitiesFilters = 0;\n    state.selectedThemesFilters = 0;\n    state.selectedLocationFilters = 0;\n    state.currentTreks = handleFiltersAndSearch();\n    this.resetFilter.emit();\n  }\n\n  handleOkFilters() {\n    this.handleFilters();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  handleSelectedSegment(selectedSegment) {\n    this.selectedSegment = selectedSegment;\n  }\n\n  handleSegment(segment) {\n    return filters.filter(filter => filter.segment === segment).some(filter => state[filter.property] && state[filter.property].length > 0);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-primary': this.colorOnPrimary,\n          '--color-surface': this.colorSurface,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-surface-variant': this.colorSurfaceVariant,\n          '--color-on-surface-variant': this.colorOnSurfaceVariant,\n          '--color-primary-container': this.colorPrimaryContainer,\n          '--color-on-primary-container': this.colorOnPrimaryContainer,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-background': this.colorBackground,\n          '--color-surface-container-high': this.colorSurfaceContainerHigh,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n          '--fab-background-color': this.fabBackgroundColor,\n          '--fab-color': this.fabColor,\n          '--app-width': this.appWidth,\n          '--app-height': this.appHeight,\n        }}\n      >\n        {!state.currentTreks && !state.currentTrek && (\n          <div class=\"init-loader-container\">\n            <span class=\"loader\"></span>\n          </div>\n        )}\n        {!this.showTrek && !state.treks && (\n          <grw-treks-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n            routes={this.routes}\n            practices={this.practices}\n          ></grw-treks-provider>\n        )}\n        {this.showTrek && this.currentTrekId && !state.currentTrek && (\n          <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n        )}\n        {(state.currentTreks || state.currentTrek) && (\n          <div class=\"app-container\">\n            <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n              {!this.showTrek ? (\n                <div class=\"handle-search-filters-container\">\n                  <div class=\"handle-search-container\">\n                    <grw-search></grw-search>\n                  </div>\n                  <div class=\"handle-filters-container\">\n                    <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n                      <span class=\"material-symbols material-symbols-outlined margin-right-icon\">filter_list</span>\n                      {translate[state.language].filter}\n                    </button>\n                  </div>\n                </div>\n              ) : (\n                <div class=\"arrow-back-container\">\n                  <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                    <span class=\"material-symbols material-symbols-outlined\">arrow_back</span>\n                  </button>\n                </div>\n              )}\n            </div>\n\n            <div class={`content-container ${this.showTrek ? 'content-trek' : 'content-treks'}`}>\n              <div\n                class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n                style={{ display: this.showTrek ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\n                <grw-treks-list\n                  reset-store-on-disconnected=\"false\"\n                  is-large-view={this.isLargeView}\n                  color-primary-app={this.colorPrimaryApp}\n                  color-on-surface={this.colorOnSurface}\n                  color-secondary-container={this.colorSecondaryContainer}\n                  color-on-secondary-container={this.colorOnSecondaryContainer}\n                  color-surface-container-low={this.colorSurfaceContainerLow}\n                ></grw-treks-list>\n              </div>\n              {this.showTrek && !state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n                  <span class=\"loader\"></span>\n                </div>\n              )}\n              {state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n                  <grw-trek-detail\n                    style={{\n                      visibility: (!this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTrekMap ? '1' : '0',\n                    }}\n                    reset-store-on-disconnected=\"false\"\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    weather={this.weather}\n                    is-large-view={this.isLargeView}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              <grw-map\n                reset-store-on-disconnected=\"false\"\n                class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n                style={{\n                  visibility: (this.showTreksMap && !this.showTrek) || (this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                  zIndex: this.showTrekMap ? '1' : '0',\n                }}\n                center={this.center}\n                zoom={this.zoom}\n                name-layer={this.nameLayer}\n                url-layer={this.urlLayer}\n                attribution-layer={this.attributionLayer}\n                color-primary-app={this.colorPrimaryApp}\n                color-on-surface={this.colorOnSurface}\n                color-primary-container={this.colorPrimaryContainer}\n                color-on-primary-container={this.colorOnPrimaryContainer}\n                color-background={this.colorBackground}\n                color-trek-line={this.colorTrekLine}\n                color-sensitive-area={this.colorSensitiveArea}\n                color-poi-icon={this.colorPoiIcon}\n                is-large-view={this.isLargeView}\n                use-gradient={this.useGradient}\n              ></grw-map>\n            </div>\n            {(!this.showTrek || (this.showTrek && state.currentTrek)) && (\n              <div class=\"map-visibility-button-container\">\n                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  <span class=\"material-symbols material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n                  {this.showTrek\n                    ? this.showTrekMap\n                      ? translate[state.language].showDetails\n                      : translate[state.language].showRoute\n                    : this.showTreksMap\n                    ? translate[state.language].showList\n                    : translate[state.language].showMap}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && (\n          <div class=\"options-container\">\n            <div class=\"filters-container\">\n              <div class=\"filters-options-container\">\n                {state.treksWithinBounds && (\n                  <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n                    state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n                  }`}</div>\n                )}\n                <div class=\"filters-options-buttons-container\">\n                  <button class=\"filter-option-button\" onClick={() => this.handleEraseFilters()}>\n                    {translate[state.language].erase}\n                  </button>\n                  <button class=\"filter-option-button\" onClick={() => this.handleOkFilters()}>\n                    {translate[state.language].ok}\n                  </button>\n                </div>\n              </div>\n              <div class=\"segmented-buttons-container\">\n                {this.handleSegment('selectedActivitiesFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedActivitiesFilters')}\n                  >\n                    {translate[state.language].activities} {state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`}\n                  </label>\n                )}\n                {this.handleSegment('selectedThemesFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedThemesFilters')}\n                  >\n                    {translate[state.language].themes} {state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`}\n                  </label>\n                )}\n                {this.handleSegment('selectedLocationFilters') && (\n                  <label\n                    class={`segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`}\n                    onClick={() => this.handleSelectedSegment('selectedLocationFilters')}\n                  >\n                    {translate[state.language].location} {state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`}\n                  </label>\n                )}\n              </div>\n              <div class=\"filters-segment-container\">\n                {this.selectedSegment === 'selectedActivitiesFilters' && (\n                  <div class=\"segment-container\">\n                    {state['practices'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].practice}\n                          filterType=\"practices\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['difficulties'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].difficulty}\n                          filterType=\"difficulties\"\n                          filterNameProperty=\"label\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['durations'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].duration}\n                          filterType=\"durations\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['lengths'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                      </div>\n                    )}\n                    {state['elevations'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].elevation}\n                          filterType=\"elevations\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['routes'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                      </div>\n                    )}\n                    {state['accessibilities'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].accessibility}\n                          filterType=\"accessibilities\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['labels'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].activities}\n                          filterType=\"labels\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedActivitiesFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n                {this.selectedSegment === 'selectedThemesFilters' && (\n                  <div class=\"segment-container\">\n                    {state['themes'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].themes} filterType=\"themes\" filterNameProperty=\"label\" segment=\"selectedThemesFilters\"></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n                {this.selectedSegment === 'selectedLocationFilters' && (\n                  <div class=\"segment-container\">\n                    {state['districts'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter\n                          filterName={translate[state.language].districts}\n                          filterType=\"districts\"\n                          filterNameProperty=\"name\"\n                          segment=\"selectedLocationFilters\"\n                        ></grw-filter>\n                      </div>\n                    )}\n                    {state['cities'].length > 0 && (\n                      <div class=\"filter-container\">\n                        <grw-filter filterName={translate[state.language].cities} filterType=\"cities\" filterNameProperty=\"name\" segment=\"selectedLocationFilters\"></grw-filter>\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            </div>\n            <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-3c8ed548.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["appendToMap","map","propName","value","items","get","set","includes","push","debounce","fn","ms","timeoutId","args","clearTimeout","setTimeout","isConnected","maybeElement","cleanupElements","key","keys","filter","stencilSubscription","getRenderingRef","elmsToUpdate","Map","dispose","clear","elm","elements","forceUpdate","reset","forEach","elms","unwrap","val","createObservableMap","defaultState","shouldUpdate","a","b","unwrappedState","states","Object","entries","handlers","_a","cb","oldValue","state","Proxy","_","ownKeys","Array","from","getOwnPropertyDescriptor","enumerable","configurable","has","on","eventName","callback","removeFromArray","onChange","unSet","newValue","unReset","use","subscriptions","unsubs","reduce","subscription","unsub","array","item","index","indexOf","length","createStore","api","languages","language","treks","currentTreks","treksWithinBounds","currentMapTreksBounds","difficulties","routes","practices","themes","cities","durations","lengths","elevations","currentSensitiveAreas","labels","districts","sources","accessibilities","accessibilitiesLevel","poiTypes","currentTrek","currentPois","currentInformationDesks","treksNetworkError","trekNetworkError","searchValue","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","selectedTrekId","currentTrekSteps"],"sources":["./node_modules/@stencil/store/dist/index.mjs","./src/store/store.ts"],"sourcesContent":["import { getRenderingRef, forceUpdate } from '@stencil/core';\n\nconst appendToMap = (map, propName, value) => {\n    const items = map.get(propName);\n    if (!items) {\n        map.set(propName, [value]);\n    }\n    else if (!items.includes(value)) {\n        items.push(value);\n    }\n};\nconst debounce = (fn, ms) => {\n    let timeoutId;\n    return (...args) => {\n        if (timeoutId) {\n            clearTimeout(timeoutId);\n        }\n        timeoutId = setTimeout(() => {\n            timeoutId = 0;\n            fn(...args);\n        }, ms);\n    };\n};\n\n/**\n * Check if a possible element isConnected.\n * The property might not be there, so we check for it.\n *\n * We want it to return true if isConnected is not a property,\n * otherwise we would remove these elements and would not update.\n *\n * Better leak in Edge than to be useless.\n */\nconst isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;\nconst cleanupElements = debounce((map) => {\n    for (let key of map.keys()) {\n        map.set(key, map.get(key).filter(isConnected));\n    }\n}, 2000);\nconst stencilSubscription = () => {\n    if (typeof getRenderingRef !== 'function') {\n        // If we are not in a stencil project, we do nothing.\n        // This function is not really exported by @stencil/core.\n        return {};\n    }\n    const elmsToUpdate = new Map();\n    return {\n        dispose: () => elmsToUpdate.clear(),\n        get: (propName) => {\n            const elm = getRenderingRef();\n            if (elm) {\n                appendToMap(elmsToUpdate, propName, elm);\n            }\n        },\n        set: (propName) => {\n            const elements = elmsToUpdate.get(propName);\n            if (elements) {\n                elmsToUpdate.set(propName, elements.filter(forceUpdate));\n            }\n            cleanupElements(elmsToUpdate);\n        },\n        reset: () => {\n            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));\n            cleanupElements(elmsToUpdate);\n        },\n    };\n};\n\nconst unwrap = (val) => (typeof val === 'function' ? val() : val);\nconst createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {\n    const unwrappedState = unwrap(defaultState);\n    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));\n    const handlers = {\n        dispose: [],\n        get: [],\n        set: [],\n        reset: [],\n    };\n    const reset = () => {\n        var _a;\n        // When resetting the state, the default state may be a function - unwrap it to invoke it.\n        // otherwise, the state won't be properly reset\n        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));\n        handlers.reset.forEach((cb) => cb());\n    };\n    const dispose = () => {\n        // Call first dispose as resetting the state would\n        // cause less updates ;)\n        handlers.dispose.forEach((cb) => cb());\n        reset();\n    };\n    const get = (propName) => {\n        handlers.get.forEach((cb) => cb(propName));\n        return states.get(propName);\n    };\n    const set = (propName, value) => {\n        const oldValue = states.get(propName);\n        if (shouldUpdate(value, oldValue, propName)) {\n            states.set(propName, value);\n            handlers.set.forEach((cb) => cb(propName, value, oldValue));\n        }\n    };\n    const state = (typeof Proxy === 'undefined'\n        ? {}\n        : new Proxy(unwrappedState, {\n            get(_, propName) {\n                return get(propName);\n            },\n            ownKeys(_) {\n                return Array.from(states.keys());\n            },\n            getOwnPropertyDescriptor() {\n                return {\n                    enumerable: true,\n                    configurable: true,\n                };\n            },\n            has(_, propName) {\n                return states.has(propName);\n            },\n            set(_, propName, value) {\n                set(propName, value);\n                return true;\n            },\n        }));\n    const on = (eventName, callback) => {\n        handlers[eventName].push(callback);\n        return () => {\n            removeFromArray(handlers[eventName], callback);\n        };\n    };\n    const onChange = (propName, cb) => {\n        const unSet = on('set', (key, newValue) => {\n            if (key === propName) {\n                cb(newValue);\n            }\n        });\n        // We need to unwrap the defaultState because it might be a function.\n        // Otherwise we might not be sending the right reset value.\n        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));\n        return () => {\n            unSet();\n            unReset();\n        };\n    };\n    const use = (...subscriptions) => {\n        const unsubs = subscriptions.reduce((unsubs, subscription) => {\n            if (subscription.set) {\n                unsubs.push(on('set', subscription.set));\n            }\n            if (subscription.get) {\n                unsubs.push(on('get', subscription.get));\n            }\n            if (subscription.reset) {\n                unsubs.push(on('reset', subscription.reset));\n            }\n            if (subscription.dispose) {\n                unsubs.push(on('dispose', subscription.dispose));\n            }\n            return unsubs;\n        }, []);\n        return () => unsubs.forEach((unsub) => unsub());\n    };\n    const forceUpdate = (key) => {\n        const oldValue = states.get(key);\n        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));\n    };\n    return {\n        state,\n        get,\n        set,\n        on,\n        onChange,\n        use,\n        dispose,\n        reset,\n        forceUpdate,\n    };\n};\nconst removeFromArray = (array, item) => {\n    const index = array.indexOf(item);\n    if (index >= 0) {\n        array[index] = array[array.length - 1];\n        array.length--;\n    }\n};\n\nconst createStore = (defaultState, shouldUpdate) => {\n    const map = createObservableMap(defaultState, shouldUpdate);\n    map.use(stencilSubscription());\n    return map;\n};\n\nexport { createObservableMap, createStore };\n","import { createStore } from '@stencil/store';\nimport { LatLngBounds } from 'leaflet';\nimport {\n  Accessibilities,\n  accessibilitiesLevel,\n  Difficulties,\n  Durations,\n  InformationDesks,\n  Labels,\n  Pois,\n  PoiTypes,\n  Practices,\n  Routes,\n  SensitiveAreas,\n  Sources,\n  Themes,\n  Cities,\n  Trek,\n  Treks,\n  Lengths,\n  Elevations,\n  Districts,\n} from 'types/types';\n\nconst { state, onChange, reset } = createStore<{\n  api: string;\n  languages: string[];\n  language: string;\n  treks: Treks;\n  treksWithinBounds: Treks;\n  currentMapTreksBounds: LatLngBounds;\n  currentTreks: Treks;\n  difficulties: Difficulties;\n  routes: Routes;\n  practices: Practices;\n  themes: Themes;\n  cities: Cities;\n  durations: Durations;\n  lengths: Lengths;\n  elevations: Elevations;\n  labels: Labels;\n  districts: Districts;\n  sources: Sources;\n  accessibilities: Accessibilities;\n  accessibilitiesLevel: accessibilitiesLevel;\n  poiTypes: PoiTypes;\n  currentTrek: Trek;\n  currentSensitiveAreas: SensitiveAreas;\n  currentPois: Pois;\n  currentInformationDesks: InformationDesks;\n  treksNetworkError: boolean;\n  trekNetworkError: boolean;\n  searchValue: string;\n  selectedActivitiesFilters: number;\n  selectedThemesFilters: number;\n  selectedLocationFilters: number;\n  selectedTrekId: number;\n  currentTrekSteps: Treks;\n}>({\n  api: null,\n  languages: null,\n  language: null,\n  treks: null,\n  currentTreks: null,\n  treksWithinBounds: null,\n  currentMapTreksBounds: null,\n  difficulties: null,\n  routes: null,\n  practices: null,\n  themes: null,\n  cities: null,\n  durations: null,\n  lengths: null,\n  elevations: null,\n  currentSensitiveAreas: null,\n  labels: null,\n  districts: null,\n  sources: null,\n  accessibilities: null,\n  accessibilitiesLevel: null,\n  poiTypes: null,\n  currentTrek: null,\n  currentPois: null,\n  currentInformationDesks: null,\n  treksNetworkError: false,\n  trekNetworkError: false,\n  searchValue: null,\n  selectedActivitiesFilters: 0,\n  selectedThemesFilters: 0,\n  selectedLocationFilters: 0,\n  selectedTrekId: null,\n  currentTrekSteps: null,\n});\n\nexport { onChange, reset };\n\nexport default state;\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-c45eb7b7.system.js

@@ -1,2 +0,0 @@
-System.register(["./p-266b2cee.system.js"],(function(e){"use strict";var n,t;return{setters:[function(e){n=e.e;t=e.f}],execute:function(){var r=function(e,n,t){var r=e.get(n);if(!r){e.set(n,[t])}else if(!r.includes(t)){r.push(t)}};var u=function(e,n){var t;return function(){var r=[];for(var u=0;u<arguments.length;u++){r[u]=arguments[u]}if(t){clearTimeout(t)}t=setTimeout((function(){t=0;e.apply(void 0,r)}),n)}};var i=function(e){return!("isConnected"in e)||e.isConnected};var s=u((function(e){for(var n=0,t=e.keys();n<t.length;n++){var r=t[n];e.set(r,e.get(r).filter(i))}}),2e3);var o=function(){if(typeof n!=="function"){return{}}var e=new Map;return{dispose:function(){return e.clear()},get:function(t){var u=n();if(u){r(e,t,u)}},set:function(n){var r=e.get(n);if(r){e.set(n,r.filter(t))}s(e)},reset:function(){e.forEach((function(e){return e.forEach(t)}));s(e)}}};var l=function(e){return typeof e==="function"?e():e};var c=function(e,n){if(n===void 0){n=function(e,n){return e!==n}}var t=l(e);var r=new Map(Object.entries(t!==null&&t!==void 0?t:{}));var u={dispose:[],get:[],set:[],reset:[]};var i=function(){var n;r=new Map(Object.entries((n=l(e))!==null&&n!==void 0?n:{}));u.reset.forEach((function(e){return e()}))};var s=function(){u.dispose.forEach((function(e){return e()}));i()};var o=function(e){u.get.forEach((function(n){return n(e)}));return r.get(e)};var c=function(e,t){var i=r.get(e);if(n(t,i,e)){r.set(e,t);u.set.forEach((function(n){return n(e,t,i)}))}};var a=typeof Proxy==="undefined"?{}:new Proxy(t,{get:function(e,n){return o(n)},ownKeys:function(e){return Array.from(r.keys())},getOwnPropertyDescriptor:function(){return{enumerable:true,configurable:true}},has:function(e,n){return r.has(n)},set:function(e,n,t){c(n,t);return true}});var v=function(e,n){u[e].push(n);return function(){f(u[e],n)}};var p=function(n,t){var r=v("set",(function(e,r){if(e===n){t(r)}}));var u=v("reset",(function(){return t(l(e)[n])}));return function(){r();u()}};var d=function(){var e=[];for(var n=0;n<arguments.length;n++){e[n]=arguments[n]}var t=e.reduce((function(e,n){if(n.set){e.push(v("set",n.set))}if(n.get){e.push(v("get",n.get))}if(n.reset){e.push(v("reset",n.reset))}if(n.dispose){e.push(v("dispose",n.dispose))}return e}),[]);return function(){return t.forEach((function(e){return e()}))}};var g=function(e){var n=r.get(e);u.set.forEach((function(t){return t(e,n,n)}))};return{state:a,get:o,set:c,on:v,onChange:p,use:d,dispose:s,reset:i,forceUpdate:g}};var f=function(e,n){var t=e.indexOf(n);if(t>=0){e[t]=e[e.length-1];e.length--}};var a=function(e,n){var t=c(e,n);t.use(o());return t};var v=a({api:null,languages:null,language:null,treks:null,currentTreks:null,treksWithinBounds:null,currentMapTreksBounds:null,difficulties:null,routes:null,practices:null,themes:null,cities:null,durations:null,lengths:null,elevations:null,currentSensitiveAreas:null,labels:null,districts:null,sources:null,accessibilities:null,accessibilitiesLevel:null,poiTypes:null,currentTrek:null,currentPois:null,currentInformationDesks:null,treksNetworkError:false,trekNetworkError:false,searchValue:null,selectedActivitiesFilters:0,selectedThemesFilters:0,selectedLocationFilters:0,selectedTrekId:null,currentTrekSteps:null}),p=v.state,d=v.onChange,g=v.reset;e({s:p,o:d,r:g})}}}));
-//# sourceMappingURL=p-c45eb7b7.system.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["appendToMap","map","propName","value","items","get","set","includes","push","debounce","fn","ms","timeoutId","args","_i","arguments","length","clearTimeout","setTimeout","apply","isConnected","maybeElement","cleanupElements","_b","keys","key","filter","stencilSubscription","getRenderingRef","elmsToUpdate","Map","dispose","clear","elm","elements","forceUpdate","reset","forEach","elms","unwrap","val","createObservableMap","defaultState","shouldUpdate","a","b","unwrappedState","states","Object","entries","handlers","_a","cb","oldValue","state","Proxy","_","ownKeys","Array","from","getOwnPropertyDescriptor","enumerable","configurable","has","on","eventName","callback","removeFromArray","onChange","unSet","newValue","unReset","use","subscriptions","unsubs","reduce","subscription","unsub","array","item","index","indexOf","createStore","api","languages","language","treks","currentTreks","treksWithinBounds","currentMapTreksBounds","difficulties","routes","practices","themes","cities","durations","lengths","elevations","currentSensitiveAreas","labels","districts","sources","accessibilities","accessibilitiesLevel","poiTypes","currentTrek","currentPois","currentInformationDesks","treksNetworkError","trekNetworkError","searchValue","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","selectedTrekId","currentTrekSteps","exports","s","o","r"],"sources":["node_modules/@stencil/store/dist/index.mjs","src/store/store.ts"],"sourcesContent":["import { getRenderingRef, forceUpdate } from '@stencil/core';\n\nconst appendToMap = (map, propName, value) => {\n    const items = map.get(propName);\n    if (!items) {\n        map.set(propName, [value]);\n    }\n    else if (!items.includes(value)) {\n        items.push(value);\n    }\n};\nconst debounce = (fn, ms) => {\n    let timeoutId;\n    return (...args) => {\n        if (timeoutId) {\n            clearTimeout(timeoutId);\n        }\n        timeoutId = setTimeout(() => {\n            timeoutId = 0;\n            fn(...args);\n        }, ms);\n    };\n};\n\n/**\n * Check if a possible element isConnected.\n * The property might not be there, so we check for it.\n *\n * We want it to return true if isConnected is not a property,\n * otherwise we would remove these elements and would not update.\n *\n * Better leak in Edge than to be useless.\n */\nconst isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;\nconst cleanupElements = debounce((map) => {\n    for (let key of map.keys()) {\n        map.set(key, map.get(key).filter(isConnected));\n    }\n}, 2000);\nconst stencilSubscription = () => {\n    if (typeof getRenderingRef !== 'function') {\n        // If we are not in a stencil project, we do nothing.\n        // This function is not really exported by @stencil/core.\n        return {};\n    }\n    const elmsToUpdate = new Map();\n    return {\n        dispose: () => elmsToUpdate.clear(),\n        get: (propName) => {\n            const elm = getRenderingRef();\n            if (elm) {\n                appendToMap(elmsToUpdate, propName, elm);\n            }\n        },\n        set: (propName) => {\n            const elements = elmsToUpdate.get(propName);\n            if (elements) {\n                elmsToUpdate.set(propName, elements.filter(forceUpdate));\n            }\n            cleanupElements(elmsToUpdate);\n        },\n        reset: () => {\n            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));\n            cleanupElements(elmsToUpdate);\n        },\n    };\n};\n\nconst unwrap = (val) => (typeof val === 'function' ? val() : val);\nconst createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {\n    const unwrappedState = unwrap(defaultState);\n    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));\n    const handlers = {\n        dispose: [],\n        get: [],\n        set: [],\n        reset: [],\n    };\n    const reset = () => {\n        var _a;\n        // When resetting the state, the default state may be a function - unwrap it to invoke it.\n        // otherwise, the state won't be properly reset\n        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));\n        handlers.reset.forEach((cb) => cb());\n    };\n    const dispose = () => {\n        // Call first dispose as resetting the state would\n        // cause less updates ;)\n        handlers.dispose.forEach((cb) => cb());\n        reset();\n    };\n    const get = (propName) => {\n        handlers.get.forEach((cb) => cb(propName));\n        return states.get(propName);\n    };\n    const set = (propName, value) => {\n        const oldValue = states.get(propName);\n        if (shouldUpdate(value, oldValue, propName)) {\n            states.set(propName, value);\n            handlers.set.forEach((cb) => cb(propName, value, oldValue));\n        }\n    };\n    const state = (typeof Proxy === 'undefined'\n        ? {}\n        : new Proxy(unwrappedState, {\n            get(_, propName) {\n                return get(propName);\n            },\n            ownKeys(_) {\n                return Array.from(states.keys());\n            },\n            getOwnPropertyDescriptor() {\n                return {\n                    enumerable: true,\n                    configurable: true,\n                };\n            },\n            has(_, propName) {\n                return states.has(propName);\n            },\n            set(_, propName, value) {\n                set(propName, value);\n                return true;\n            },\n        }));\n    const on = (eventName, callback) => {\n        handlers[eventName].push(callback);\n        return () => {\n            removeFromArray(handlers[eventName], callback);\n        };\n    };\n    const onChange = (propName, cb) => {\n        const unSet = on('set', (key, newValue) => {\n            if (key === propName) {\n                cb(newValue);\n            }\n        });\n        // We need to unwrap the defaultState because it might be a function.\n        // Otherwise we might not be sending the right reset value.\n        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));\n        return () => {\n            unSet();\n            unReset();\n        };\n    };\n    const use = (...subscriptions) => {\n        const unsubs = subscriptions.reduce((unsubs, subscription) => {\n            if (subscription.set) {\n                unsubs.push(on('set', subscription.set));\n            }\n            if (subscription.get) {\n                unsubs.push(on('get', subscription.get));\n            }\n            if (subscription.reset) {\n                unsubs.push(on('reset', subscription.reset));\n            }\n            if (subscription.dispose) {\n                unsubs.push(on('dispose', subscription.dispose));\n            }\n            return unsubs;\n        }, []);\n        return () => unsubs.forEach((unsub) => unsub());\n    };\n    const forceUpdate = (key) => {\n        const oldValue = states.get(key);\n        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));\n    };\n    return {\n        state,\n        get,\n        set,\n        on,\n        onChange,\n        use,\n        dispose,\n        reset,\n        forceUpdate,\n    };\n};\nconst removeFromArray = (array, item) => {\n    const index = array.indexOf(item);\n    if (index >= 0) {\n        array[index] = array[array.length - 1];\n        array.length--;\n    }\n};\n\nconst createStore = (defaultState, shouldUpdate) => {\n    const map = createObservableMap(defaultState, shouldUpdate);\n    map.use(stencilSubscription());\n    return map;\n};\n\nexport { createObservableMap, createStore };\n","import { createStore } from '@stencil/store';\nimport { LatLngBounds } from 'leaflet';\nimport {\n  Accessibilities,\n  accessibilitiesLevel,\n  Difficulties,\n  Durations,\n  InformationDesks,\n  Labels,\n  Pois,\n  PoiTypes,\n  Practices,\n  Routes,\n  SensitiveAreas,\n  Sources,\n  Themes,\n  Cities,\n  Trek,\n  Treks,\n  Lengths,\n  Elevations,\n  Districts,\n} from 'types/types';\n\nconst { state, onChange, reset } = createStore<{\n  api: string;\n  languages: string[];\n  language: string;\n  treks: Treks;\n  treksWithinBounds: Treks;\n  currentMapTreksBounds: LatLngBounds;\n  currentTreks: Treks;\n  difficulties: Difficulties;\n  routes: Routes;\n  practices: Practices;\n  themes: Themes;\n  cities: Cities;\n  durations: Durations;\n  lengths: Lengths;\n  elevations: Elevations;\n  labels: Labels;\n  districts: Districts;\n  sources: Sources;\n  accessibilities: Accessibilities;\n  accessibilitiesLevel: accessibilitiesLevel;\n  poiTypes: PoiTypes;\n  currentTrek: Trek;\n  currentSensitiveAreas: SensitiveAreas;\n  currentPois: Pois;\n  currentInformationDesks: InformationDesks;\n  treksNetworkError: boolean;\n  trekNetworkError: boolean;\n  searchValue: string;\n  selectedActivitiesFilters: number;\n  selectedThemesFilters: number;\n  selectedLocationFilters: number;\n  selectedTrekId: number;\n  currentTrekSteps: Treks;\n}>({\n  api: null,\n  languages: null,\n  language: null,\n  treks: null,\n  currentTreks: null,\n  treksWithinBounds: null,\n  currentMapTreksBounds: null,\n  difficulties: null,\n  routes: null,\n  practices: null,\n  themes: null,\n  cities: null,\n  durations: null,\n  lengths: null,\n  elevations: null,\n  currentSensitiveAreas: null,\n  labels: null,\n  districts: null,\n  sources: null,\n  accessibilities: null,\n  accessibilitiesLevel: null,\n  poiTypes: null,\n  currentTrek: null,\n  currentPois: null,\n  currentInformationDesks: null,\n  treksNetworkError: false,\n  trekNetworkError: false,\n  searchValue: null,\n  selectedActivitiesFilters: 0,\n  selectedThemesFilters: 0,\n  selectedLocationFilters: 0,\n  selectedTrekId: null,\n  currentTrekSteps: null,\n});\n\nexport { onChange, reset };\n\nexport default state;\n"],"mappings":"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"}