npm - @geotrekce/geotrek-rando-widget - Versions diffs - 0.4.1 → 0.4.2 - Mend

@geotrekce/geotrek-rando-widget 0.4.1 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (156) hide show

package/dist/esm-es5/grw-app.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-d5cacae4.js";import{t as translate}from"./i18n-60e9fdd3.js";import{s as state,o as onChange,r as reset}from"./store-032ab1f5.js";import{t as treksFilters,h as handleTreksFiltersAndSearch,a as touristicContentsFilters,b as handleTouristicContentsFiltersAndSearch}from"./utils-b09ac7c9.js";var grwAppCss='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial;max-width:100dvw;max-height:100dvh}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2);height:var(--header-height)}.header-container .arrow-back-container,.large-view-header-container .arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.header-container .arrow-back-container .arrow-back-icon,.large-view-header-container .arrow-back-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:0px;text-align:left}.handle-search-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-search-filters-container .handle-search-container{width:calc(50% + 48px);max-width:220px}.handle-search-filters-container .handle-filters-button{margin-left:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-search-filters-container .handle-filters-button span{font-size:18px}.header-detail{height:64px}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.init-loader-container,.loader-container,.large-view-loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - var(--header-height));background-color:var(--color-background)}.content-treks{height:calc(100% - var(--header-height))}.content-trek{height:100%}.app-treks-list-container,.app-trek-detail-container,.app-touristic-content-detail-container,.app-touristic-event-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{max-width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}grw-treks-list,grw-touristic-contents-list,grw-touristic-content-detail,grw-touristic-event-detail{max-height:calc(100vh - var(--header-height))}grw-trek-detail{max-height:calc(100vh - var(--header-height) - 48px)}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container,.large-view-app-touristic-content-detail-container,.large-view-app-touristic-event-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}.segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}';var GrwApp=function(){function t(t){registerInstance(this,t);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTouristicContent=false;this.showTouristicEvent=false;this.showHomeMap=false;this.showTrekMap=false;this.showTouristicContentMap=false;this.showTouristicEventMap=false;this.showFilters=false;this.isLargeView=false;this.currentTrekId=undefined;this.currentTouristicContentId=undefined;this.currentTouristicEventId=undefined;this.appWidth="100%";this.appHeight="100vh";this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.center=undefined;this.zoom=undefined;this.nameLayer=undefined;this.urlLayer=undefined;this.attributionLayer=undefined;this.weather=false;this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false;this.treks=true;this.touristicContents=false;this.touristicEvents=false}t.prototype.onTrekCardPress=function(t){this.currentTouristicContentId=null;this.showTouristicContent=false;state.currentTouristicContent=null;this.currentTouristicEventId=null;this.showTouristicEvent=false;state.currentTouristicEvent=null;var e=state.parentTrekId?state.parentTrekId:state.currentTrekSteps?this.currentTrekId:null;state.currentTrek=null;this.currentTrekId=t.detail;this.showTrek=true;this.showTrekMap=false;var i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());if(state.currentTrekSteps){i.searchParams.set("parenttrek",e.toString())}window.history.pushState({},"",i)};t.prototype.onParentTrekPress=function(t){state.currentTrek=null;this.currentTrekId=t.detail;this.showTrek=true;this.showTrekMap=false;var e=new URL(window.location.toString());e.searchParams.set("trek",this.currentTrekId.toString());e.searchParams.delete("parenttrek");window.history.pushState({},"",e)};t.prototype.onTouristicContentCardPress=function(t){state.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicContentId=t.detail;this.showTouristicContent=true;this.showTouristicContentMap=false;var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.set("touristiccontent",this.currentTouristicContentId.toString());window.history.pushState({},"",e)};t.prototype.onTouristiceEventCardPress=function(t){state.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicEventId=t.detail;this.showTouristicEvent=true;this.showTouristicEventMap=false;var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.set("touristicevent",this.currentTouristicEventId.toString());window.history.pushState({},"",e)};t.prototype.onWindowResize=function(){this.handleView()};t.prototype.onCenterOnMap=function(){if(!this.isLargeView){this.showTrekMap=true}};t.prototype.watchPropHandler=function(){window.dispatchEvent(new window.Event("resize"))};t.prototype.componentWillLoad=function(){if(this.treks){state.mode="treks"}else if(this.touristicContents){state.mode="touristicContents"}var t=new URL(window.location.toString());var e=t.searchParams.get("trek");var i=t.searchParams.get("parenttrek");var r=t.searchParams.get("touristiccontent");var o=t.searchParams.get("touristicevent");if(e){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);state.parentTrekId=i?Number(i):null;this.currentTrekId=Number(e);this.showTrek=true}else if(r){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicContentId=Number(r);this.showTouristicContent=true}else if(o){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicEventId=Number(o);this.showTouristicEvent=true}};t.prototype.componentDidLoad=function(){var t=this;onChange("trekNetworkError",(function(){if(state.trekNetworkError){var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.delete("parenttrek");e.searchParams.delete("touristiccontent");e.searchParams.delete("touristicevent");window.history.replaceState({},"",e);t.onDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};t.prototype.onDetailsClose=function(){this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicContentMap=false;this.showTouristicEvent=false;this.showTouristicEventMap=false;state.currentTouristicContent=null;state.currentTouristicEvent=null;state.currentTrek=null;state.currentTrekSteps=null;state.parentTrekId=null;this.currentTrekId=null;this.showTrek=false};t.prototype.handleView=function(){this.isLargeView=this.appElement.getBoundingClientRect().width>=this.largeViewSize;this.showHomeMap=this.isLargeView;this.showTrekMap=this.isLargeView};t.prototype.handleFilters=function(){this.showFilters=!this.showFilters};t.prototype.handleBackButton=function(){if(window.history.state&&window.history.state.isInitialHistoryWithDetails){this.onDetailsClose();var t=new URL(window.location.toString());t.searchParams.delete("trek");t.searchParams.delete("touristiccontent");t.searchParams.delete("touristicevent");window.history.pushState({},"",t)}else{window.history.back()}};t.prototype.handlePopState=function(){var t=new URL(window.location.toString());var e=Number(t.searchParams.get("trek"));var i=t.searchParams.get("touristiccontent");var r=t.searchParams.get("touristicevent");if(e&&this.currentTrekId!==e){this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicEvent=false;state.currentTouristicContent=null;state.currentTouristicEvent=null;state.currentTrek=null;this.currentTrekId=e;this.showTrek=true}else if(!e&&!i&&!r){this.onDetailsClose()}};t.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else if(this.showTouristicContent){this.showTouristicContentMap=!this.showTouristicContentMap}else if(this.showTouristicEvent){this.showTouristicEventMap=!this.showTouristicEventMap}else{this.showHomeMap=!this.showHomeMap}};t.prototype.getMapVisibilityIconButton=function(){var t;if(this.showTrek){t=this.showTrekMap?"summarize":"map"}else if(this.showTouristicContent){t=this.showTouristicContentMap?"summarize":"map"}else if(this.showTouristicEvent){t=this.showTouristicEventMap?"summarize":"map"}else{t=this.showHomeMap?"list":"map"}return t};t.prototype.getMapVisibilityLabelButton=function(){var t;if(this.showTrek){t=this.showTrekMap?translate[state.language].showDetails:translate[state.language].showRoute}else if(this.showTouristicContent){t=this.showTouristicContentMap?translate[state.language].showDetails:translate[state.language].showMap}else if(this.showTouristicEvent){t=this.showTouristicEventMap?translate[state.language].showDetails:translate[state.language].showMap}else{t=this.showHomeMap?translate[state.language].showList:translate[state.language].showMap}return t};t.prototype.disconnectedCallback=function(){reset();window.removeEventListener("popstate",this.handlePopStateBind)};t.prototype.changeMode=function(t){state.searchValue="";if(t==="treks"){treksFilters.forEach((function(t){state[t.property].forEach((function(t){return t.selected=false}))}));state.selectedActivitiesFilters=0;state.selectedThemesFilters=0;state.selectedLocationFilters=0;state.currentTreks=handleTreksFiltersAndSearch()}else if(t==="touristicContents"){touristicContentsFilters.forEach((function(t){state[t.property].forEach((function(t){return t.selected=false}))}));state.selectedActivitiesFilters=0;state.selectedLocationFilters=0;state.currentTouristicContents=handleTouristicContentsFiltersAndSearch()}state.mode=t};t.prototype.render=function(){var t=this;return h(Host,{style:{"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--color-primary-container":this.colorPrimaryContainer,"--color-on-primary-container":this.colorOnPrimaryContainer,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-background":this.colorBackground,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor,"--app-width":this.appWidth,"--app-height":this.appHeight,"--header-height":Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1?"136px":"64px"}},!state.currentTreks&&!state.currentTrek&&!state.currentTouristicContent&&!state.currentTouristicEvent&&!state.touristicContents&&h("div",{class:"init-loader-container"},h("span",{class:"loader"})),this.treks&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!state.treks&&h("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&&!state.currentTrek&&h("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),this.showTouristicContent&&this.currentTouristicContentId&&h("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId}),this.showTouristicEvent&&this.currentTouristicEventId&&h("grw-touristic-event-provider",{api:this.api,languages:this.languages,"touristic-event-id":this.currentTouristicEventId}),this.touristicContents&&!state.touristicContents&&!this.showTouristicContent&&h("grw-touristic-contents-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals}),(state.currentTreks||state.currentTrek||state.touristicContents||state.currentTouristicContent||state.currentTouristicEvent)&&h("div",{class:"app-container"},h("div",{class:"".concat(this.isLargeView?"large-view-header-container":"header-container").concat(this.showTrek||this.showTouristicContent||this.showTouristicEvent?" header-detail":"")},Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&h("div",{class:"segmented-buttons-container"},this.treks&&h("label",{class:"segment".concat(state.mode==="treks"?" selected-segment":""),onClick:function(){return t.changeMode("treks")}},translate[state.language].home.segment.treks),this.touristicContents&&h("label",{class:"segment".concat(state.mode==="touristicContents"?" selected-segment":""),onClick:function(){return t.changeMode("touristicContents")}},translate[state.language].home.segment.touristicContents)),!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent?h("div",{class:"handle-search-filters-container"},h("div",{class:"handle-search-container"},h("grw-search",null)),h("div",{class:"handle-filters-container"},h("button",{onClick:function(){return t.handleFilters()},class:"handle-filters-button"},h("span",{translate:false,class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),translate[state.language].filter))):h("div",{class:"arrow-back-container"},h("button",{onClick:function(){return t.handleBackButton()},class:"arrow-back-icon"},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"arrow_back")))),h("div",{class:"content-container ".concat(this.showTrek?"content-trek":"content-treks")},h("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek||this.showTouristicContent||this.showTouristicEvent?"none":"flex",position:this.showTrek?"absolute":"relative"}},state.mode==="treks"&&this.treks&&h("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}),state.mode==="touristicContents"&&this.touristicContents&&h("grw-touristic-contents-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),(this.showTrek&&!state.currentTrek||this.showTouristicContent&&!state.currentTouristicContent||this.showTouristicEvent&&!state.currentTouristicEvent)&&h("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},h("span",{class:"loader"})),state.currentTrek&&h("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},h("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView})),this.showTouristicContent&&h("div",{class:this.isLargeView?"large-view-app-touristic-content-detail-container":"app-touristic-content-detail-container"},h("grw-touristic-content-detail",{style:{visibility:!this.showTouristicContentMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicContentMap?"1":"0"},"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,"is-large-view":this.isLargeView})),this.showTouristicEvent&&h("div",{class:this.isLargeView?"large-view-app-touristic-event-detail-container":"app-touristic-event-detail-container"},h("grw-touristic-event-detail",{style:{visibility:!this.showTouristicEventMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicEventMap?"1":"0"},"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,"is-large-view":this.isLargeView})),h("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showHomeMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.showTouristicContentMap&&this.showTouristicContent||this.showTouristicEventMap&&this.showTouristicEvent||this.isLargeView?"visible":"hidden",zIndex:this.showHomeMap||this.showTrekMap||this.showTouristicContentMap||this.showTouristicEventMap?"1":"0"},center:this.center,zoom:this.zoom,"name-layer":this.nameLayer,"url-layer":this.urlLayer,"attribution-layer":this.attributionLayer,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent||this.showTrek&&state.currentTrek||this.showTouristicContent&&state.currentTouristicContent||this.showTouristicEvent&&state.currentTouristicEvent)&&h("div",{class:"map-visibility-button-container"},h("button",{onClick:function(){return t.handleShowMap()},class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},this.getMapVisibilityIconButton()),this.getMapVisibilityLabelButton()))),!this.showTrek&&this.showFilters&&h("grw-filters",{handleFilters:function(){return t.handleFilters()}}))};Object.defineProperty(t.prototype,"appElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return t}();GrwApp.style=grwAppCss;export{GrwApp as grw_app};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-d5cacae4.js";import{t as translate}from"./i18n-60e9fdd3.js";import{s as state,o as onChange,r as reset}from"./store-032ab1f5.js";import{t as treksFilters,h as handleTreksFiltersAndSearch,a as touristicContentsFilters,b as handleTouristicContentsFiltersAndSearch}from"./utils-b09ac7c9.js";var grwAppCss='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial;max-width:100dvw;max-height:100dvh}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2);height:var(--header-height)}.header-container .arrow-back-container,.large-view-header-container .arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.header-container .arrow-back-container .arrow-back-icon,.large-view-header-container .arrow-back-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:0px;text-align:left}.handle-search-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-search-filters-container .handle-search-container{width:calc(50% + 48px);max-width:220px}.handle-search-filters-container .handle-filters-button{margin-left:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-search-filters-container .handle-filters-button span{font-size:18px}.header-detail{height:64px}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.init-loader-container,.loader-container,.large-view-loader-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - var(--header-height));background-color:var(--color-background)}.content-treks{height:calc(100% - var(--header-height))}.content-trek{height:100%}.app-treks-list-container,.app-trek-detail-container,.app-touristic-content-detail-container,.app-touristic-event-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{max-width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}grw-treks-list,grw-touristic-contents-list{max-height:calc(100vh - var(--header-height))}grw-trek-detail,grw-touristic-content-detail,grw-touristic-event-detail{max-height:calc(100vh - 64px)}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container,.large-view-app-touristic-content-detail-container,.large-view-app-touristic-event-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}.segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}';var GrwApp=function(){function t(t){registerInstance(this,t);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTouristicContent=false;this.showTouristicEvent=false;this.showHomeMap=false;this.showTrekMap=false;this.showTouristicContentMap=false;this.showTouristicEventMap=false;this.showFilters=false;this.isLargeView=false;this.currentTrekId=undefined;this.currentTouristicContentId=undefined;this.currentTouristicEventId=undefined;this.appWidth="100%";this.appHeight="100vh";this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.center=undefined;this.zoom=undefined;this.nameLayer=undefined;this.urlLayer=undefined;this.attributionLayer=undefined;this.weather=false;this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false;this.treks=true;this.touristicContents=false;this.touristicEvents=false}t.prototype.onTrekCardPress=function(t){this.currentTouristicContentId=null;this.showTouristicContent=false;state.currentTouristicContent=null;this.currentTouristicEventId=null;this.showTouristicEvent=false;state.currentTouristicEvent=null;var e=state.parentTrekId?state.parentTrekId:state.currentTrekSteps?this.currentTrekId:null;state.currentTrek=null;this.currentTrekId=t.detail;this.showTrek=true;this.showTrekMap=false;var i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());if(state.currentTrekSteps){i.searchParams.set("parenttrek",e.toString())}window.history.pushState({},"",i)};t.prototype.onParentTrekPress=function(t){state.currentTrek=null;this.currentTrekId=t.detail;this.showTrek=true;this.showTrekMap=false;var e=new URL(window.location.toString());e.searchParams.set("trek",this.currentTrekId.toString());e.searchParams.delete("parenttrek");window.history.pushState({},"",e)};t.prototype.onTouristicContentCardPress=function(t){state.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicContentId=t.detail;this.showTouristicContent=true;this.showTouristicContentMap=false;var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.set("touristiccontent",this.currentTouristicContentId.toString());window.history.pushState({},"",e)};t.prototype.onTouristiceEventCardPress=function(t){state.currentTrek=null;this.currentTrekId=null;this.showTrek=false;this.currentTouristicEventId=t.detail;this.showTouristicEvent=true;this.showTouristicEventMap=false;var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.set("touristicevent",this.currentTouristicEventId.toString());window.history.pushState({},"",e)};t.prototype.onWindowResize=function(){this.handleView()};t.prototype.onCenterOnMap=function(){if(!this.isLargeView){this.showTrekMap=true}};t.prototype.watchPropHandler=function(){window.dispatchEvent(new window.Event("resize"))};t.prototype.componentWillLoad=function(){if(this.treks){state.mode="treks"}else if(this.touristicContents){state.mode="touristicContents"}var t=new URL(window.location.toString());var e=t.searchParams.get("trek");var i=t.searchParams.get("parenttrek");var r=t.searchParams.get("touristiccontent");var o=t.searchParams.get("touristicevent");if(e){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);state.parentTrekId=i?Number(i):null;this.currentTrekId=Number(e);this.showTrek=true}else if(r){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicContentId=Number(r);this.showTouristicContent=true}else if(o){window.history.replaceState({isInitialHistoryWithDetails:true},"",t);this.currentTouristicEventId=Number(o);this.showTouristicEvent=true}};t.prototype.componentDidLoad=function(){var t=this;onChange("trekNetworkError",(function(){if(state.trekNetworkError){var e=new URL(window.location.toString());e.searchParams.delete("trek");e.searchParams.delete("parenttrek");e.searchParams.delete("touristiccontent");e.searchParams.delete("touristicevent");window.history.replaceState({},"",e);t.onDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};t.prototype.onDetailsClose=function(){this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicContentMap=false;this.showTouristicEvent=false;this.showTouristicEventMap=false;state.currentTouristicContent=null;state.currentTouristicEvent=null;state.currentTrek=null;state.currentTrekSteps=null;state.parentTrekId=null;this.currentTrekId=null;this.showTrek=false};t.prototype.handleView=function(){this.isLargeView=this.appElement.getBoundingClientRect().width>=this.largeViewSize;this.showHomeMap=this.isLargeView;this.showTrekMap=this.isLargeView};t.prototype.handleFilters=function(){this.showFilters=!this.showFilters};t.prototype.handleBackButton=function(){if(window.history.state&&window.history.state.isInitialHistoryWithDetails){this.onDetailsClose();var t=new URL(window.location.toString());t.searchParams.delete("trek");t.searchParams.delete("touristiccontent");t.searchParams.delete("touristicevent");window.history.pushState({},"",t)}else{window.history.back()}};t.prototype.handlePopState=function(){var t=new URL(window.location.toString());var e=Number(t.searchParams.get("trek"));var i=t.searchParams.get("touristiccontent");var r=t.searchParams.get("touristicevent");if(e&&this.currentTrekId!==e){this.currentTouristicContentId=null;this.showTouristicContent=false;this.showTouristicEvent=false;state.currentTouristicContent=null;state.currentTouristicEvent=null;state.currentTrek=null;this.currentTrekId=e;this.showTrek=true}else if(!e&&!i&&!r){this.onDetailsClose()}};t.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else if(this.showTouristicContent){this.showTouristicContentMap=!this.showTouristicContentMap}else if(this.showTouristicEvent){this.showTouristicEventMap=!this.showTouristicEventMap}else{this.showHomeMap=!this.showHomeMap}};t.prototype.getMapVisibilityIconButton=function(){var t;if(this.showTrek){t=this.showTrekMap?"summarize":"map"}else if(this.showTouristicContent){t=this.showTouristicContentMap?"summarize":"map"}else if(this.showTouristicEvent){t=this.showTouristicEventMap?"summarize":"map"}else{t=this.showHomeMap?"list":"map"}return t};t.prototype.getMapVisibilityLabelButton=function(){var t;if(this.showTrek){t=this.showTrekMap?translate[state.language].showDetails:translate[state.language].showRoute}else if(this.showTouristicContent){t=this.showTouristicContentMap?translate[state.language].showDetails:translate[state.language].showMap}else if(this.showTouristicEvent){t=this.showTouristicEventMap?translate[state.language].showDetails:translate[state.language].showMap}else{t=this.showHomeMap?translate[state.language].showList:translate[state.language].showMap}return t};t.prototype.disconnectedCallback=function(){reset();window.removeEventListener("popstate",this.handlePopStateBind)};t.prototype.changeMode=function(t){state.searchValue="";if(t==="treks"&&state.currentTreks){treksFilters.forEach((function(t){state[t.property].forEach((function(t){return t.selected=false}))}));state.selectedActivitiesFilters=0;state.selectedThemesFilters=0;state.selectedLocationFilters=0;state.currentTreks=handleTreksFiltersAndSearch()}else if(t==="touristicContents"&&state.currentTouristicContents){touristicContentsFilters.forEach((function(t){state[t.property].forEach((function(t){return t.selected=false}))}));state.selectedActivitiesFilters=0;state.selectedLocationFilters=0;state.currentTouristicContents=handleTouristicContentsFiltersAndSearch()}state.mode=t};t.prototype.render=function(){var t=this;return h(Host,{style:{"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--color-primary-container":this.colorPrimaryContainer,"--color-on-primary-container":this.colorOnPrimaryContainer,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-background":this.colorBackground,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor,"--app-width":this.appWidth,"--app-height":this.appHeight,"--header-height":Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1?"136px":"64px"}},!state.currentTreks&&!state.currentTrek&&!state.currentTouristicContent&&!state.currentTouristicEvent&&!state.currentTouristicContents&&h("div",{class:"init-loader-container"},h("span",{class:"loader"})),this.treks&&state.mode==="treks"&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&!state.currentTreks&&h("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&&!state.currentTrek&&h("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),this.showTouristicContent&&this.currentTouristicContentId&&h("grw-touristic-content-provider",{api:this.api,languages:this.languages,"touristic-content-id":this.currentTouristicContentId}),this.showTouristicEvent&&this.currentTouristicEventId&&h("grw-touristic-event-provider",{api:this.api,languages:this.languages,"touristic-event-id":this.currentTouristicEventId}),this.touristicContents&&state.mode==="touristicContents"&&!state.currentTouristicContents&&!this.showTouristicContent&&h("grw-touristic-contents-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals}),(state.currentTreks||state.currentTrek||state.touristicContents||state.currentTouristicContent||state.currentTouristicEvent)&&h("div",{class:"app-container"},h("div",{class:"".concat(this.isLargeView?"large-view-header-container":"header-container").concat(this.showTrek||this.showTouristicContent||this.showTouristicEvent?" header-detail":"")},Number(this.treks)+Number(this.touristicContents)+Number(this.touristicEvents)>1&&!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent&&h("div",{class:"segmented-buttons-container"},this.treks&&h("label",{class:"segment".concat(state.mode==="treks"?" selected-segment":""),onClick:function(){return t.changeMode("treks")}},translate[state.language].home.segment.treks),this.touristicContents&&h("label",{class:"segment".concat(state.mode==="touristicContents"?" selected-segment":""),onClick:function(){return t.changeMode("touristicContents")}},translate[state.language].home.segment.touristicContents)),!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent?h("div",{class:"handle-search-filters-container"},h("div",{class:"handle-search-container"},h("grw-search",null)),h("div",{class:"handle-filters-container"},h("button",{onClick:function(){return t.handleFilters()},class:"handle-filters-button"},h("span",{translate:false,class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),translate[state.language].filter))):h("div",{class:"arrow-back-container"},h("button",{onClick:function(){return t.handleBackButton()},class:"arrow-back-icon"},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"arrow_back")))),h("div",{class:"content-container ".concat(this.showTrek||this.showTouristicContent||this.showTouristicEvent?"content-trek":"content-treks")},h("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek||this.showTouristicContent||this.showTouristicEvent?"none":"flex",position:this.showTrek?"absolute":"relative"}},state.mode==="treks"&&this.treks&&h("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}),state.mode==="touristicContents"&&this.touristicContents&&h("grw-touristic-contents-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),this.showTrek&&!state.currentTrek||this.showTouristicContent&&!state.currentTouristicContent||this.showTouristicEvent&&!state.currentTouristicEvent||!state.currentTreks&&state.mode==="treks"||!state.touristicContents&&state.mode==="touristicContents"&&h("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},h("span",{class:"loader"})),state.currentTrek&&h("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},h("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView})),this.showTouristicContent&&h("div",{class:this.isLargeView?"large-view-app-touristic-content-detail-container":"app-touristic-content-detail-container"},h("grw-touristic-content-detail",{style:{visibility:!this.showTouristicContentMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicContentMap?"1":"0"},"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,"is-large-view":this.isLargeView})),this.showTouristicEvent&&h("div",{class:this.isLargeView?"large-view-app-touristic-event-detail-container":"app-touristic-event-detail-container"},h("grw-touristic-event-detail",{style:{visibility:!this.showTouristicEventMap||this.isLargeView?"visible":"hidden",zIndex:!this.showTouristicEventMap?"1":"0"},"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow,"color-background":this.colorBackground,"is-large-view":this.isLargeView})),h("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showHomeMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.showTouristicContentMap&&this.showTouristicContent||this.showTouristicEventMap&&this.showTouristicEvent||this.isLargeView?"visible":"hidden",zIndex:this.showHomeMap||this.showTrekMap||this.showTouristicContentMap||this.showTouristicEventMap?"1":"0"},center:this.center,zoom:this.zoom,"name-layer":this.nameLayer,"url-layer":this.urlLayer,"attribution-layer":this.attributionLayer,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek&&!this.showTouristicContent&&!this.showTouristicEvent||this.showTrek&&state.currentTrek||this.showTouristicContent&&state.currentTouristicContent||this.showTouristicEvent&&state.currentTouristicEvent)&&h("div",{class:"map-visibility-button-container"},h("button",{onClick:function(){return t.handleShowMap()},class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},this.getMapVisibilityIconButton()),this.getMapVisibilityLabelButton()))),!this.showTrek&&this.showFilters&&h("grw-filters",{handleFilters:function(){return t.handleFilters()}}))};Object.defineProperty(t.prototype,"appElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return t}();GrwApp.style=grwAppCss;export{GrwApp as grw_app};
 //# sourceMappingURL=grw-app.entry.js.map

package/dist/esm-es5/grw-app.entry.js.br CHANGED Viewed

Binary file

package/dist/esm-es5/grw-app.entry.js.gz CHANGED Viewed

Binary file

package/dist/esm-es5/grw-app.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","prototype","onTrekCardPress","event","currentTouristicContentId","showTouristicContent","state","currentTouristicContent","currentTouristicEventId","showTouristicEvent","currentTouristicEvent","parentTrek","parentTrekId","currentTrekSteps","currentTrekId","currentTrek","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onParentTrekPress","delete","onTouristicContentCardPress","showTouristicContentMap","onTouristiceEventCardPress","showTouristicEventMap","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","treks","mode","touristicContents","trekParam","get","touristicContentParam","touristicEventParam","replaceState","isInitialHistoryWithDetails","Number","componentDidLoad","_this","onChange","trekNetworkError","urlRedirect","onDetailsClose","addEventListener","appElement","getBoundingClientRect","width","showHomeMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","getMapVisibilityIconButton","mapIconButton","getMapVisibilityLabelButton","mapLabelButton","translate","language","showDetails","showRoute","showMap","showList","disconnectedCallback","reset","removeEventListener","changeMode","searchValue","treksFilters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","currentTreks","handleTreksFiltersAndSearch","touristicContentsFilters","currentTouristicContents","handleTouristicContentsFiltersAndSearch","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","touristicEvents","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","concat","onClick","home","segment","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols {\n font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n display: block;\n position: relative;\n width: var(--app-width);\n height: var(--app-height);\n font-family: 'Roboto';\n color: var(--color-on-surface);\n overflow: hidden;\n line-height: initial;\n max-width: 100dvw;\n max-height: 100dvh;\n}\n\n.app-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n background-color: var(--color-background);\n box-shadow: var(--elevation-2);\n height: var(--header-height);\n .arrow-back-container {\n display: flex;\n align-items: center;\n height: 100%;\n margin: 0px 16px;\n .arrow-back-icon {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n color: var(--color-on-surface);\n border: none;\n background-color: var(--color-background);\n border-radius: 50%;\n height: 48px;\n width: 48px;\n padding: 0px;\n text-align: left;\n }\n }\n}\n\n.handle-search-filters-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0px 16px;\n height: 64px;\n\n .handle-search-container {\n width: calc(50% + 48px);\n max-width: 220px;\n }\n\n .handle-filters-button {\n margin-left: 16px;\n user-select: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n background-color: var(--color-background);\n color: var(--color-on-surface);\n padding: 12px 24px;\n border-radius: 20px;\n box-sizing: border-box;\n position: relative;\n gap: 8px;\n white-space: nowrap;\n line-height: 20px;\n letter-spacing: 0.10000000149011612px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: var(--elevation-1);\n transition: box-shadow 0.2s ease-in-out 0s;\n span {\n font-size: 18px;\n }\n }\n}\n\n.header-detail {\n height: 64px;\n}\n\n.large-view-header-container {\n .handle-search-filters-container {\n justify-content: flex-start;\n }\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n background-color: var(--color-background);\n .loader {\n width: 48px;\n height: 48px;\n border: 5px solid var(--color-primary-container);\n border-bottom-color: var(--color-on-primary-container);\n border-radius: 50%;\n display: inline-block;\n box-sizing: border-box;\n animation: rotation 1s linear infinite;\n }\n\n @keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n\n.content-container {\n position: relative;\n display: flex;\n height: calc(100% - var(--header-height));\n background-color: var(--color-background);\n}\n\n.content-treks {\n height: calc(100% - var(--header-height));\n}\n\n.content-trek {\n height: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.app-touristic-content-detail-container,\n.app-touristic-event-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n max-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n width: 100%;\n height: 100%;\n}\n\n.map-visibility-button-container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n position: absolute;\n bottom: 24px;\n z-index: 4;\n .map-visibility-button {\n cursor: pointer;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n text-decoration: none;\n padding: 16px;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n box-shadow: var(--elevation-1);\n border-radius: 12px;\n height: 56px;\n font-size: 16px;\n width: unset;\n &:hover {\n box-shadow: var(--elevation-4);\n }\n span {\n font-size: 24px;\n margin-right: 8px;\n color: var(--color-on-primary-container);\n }\n }\n}\n\n.init-loader-container,\n.loader-container {\n width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n width: 100%;\n}\n\ngrw-treks-list,\ngrw-touristic-contents-list,\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\n max-height: calc(100vh - var(--header-height));\n}\n\ngrw-trek-detail {\n max-height: calc(100vh - var(--header-height) - 48px);\n}\n\n.app-map-container {\n width: 100%;\n position: absolute;\n}\n\n.large-view-loader-container {\n width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container,\n.large-view-app-touristic-content-detail-container,\n.large-view-app-touristic-event-detail-container {\n width: 50%;\n}\n\n.large-view-app-map-container {\n position: relative;\n width: 50%;\n}\n\n.segmented-buttons-container {\n display: flex;\n justify-content: center;\n width: calc(100% - 32px);\n height: 40px;\n margin: 16px;\n border: 1px solid var(--color-outline);\n border-radius: 20px;\n line-height: 20px;\n .segment {\n cursor: pointer;\n user-select: none;\n font-size: 14px;\n font-weight: 500;\n -webkit-tap-highlight-color: transparent;\n color: var(--color-on-surface-variant);\n background-color: transparent;\n border-radius: 0px;\n min-width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n &:first-child {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n }\n &:not(:last-child) {\n border-right: 1px solid var(--color-outline);\n }\n &:last-child {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n }\n }\n .selected-segment {\n color: var(--color-on-secondary-container);\n background-color: var(--color-secondary-container);\n }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\nimport { mode } from 'types/types';\nimport { handleTouristicContentsFiltersAndSearch, handleTreksFiltersAndSearch, touristicContentsFilters, treksFilters } from 'utils/utils';\n\n@Component({\n tag: 'grw-app',\n styleUrls: ['grw-app.scss'],\n shadow: false,\n})\nexport class GrwApp {\n @Element() appElement: HTMLElement;\n @State() showTrek = false;\n @State() showTouristicContent = false;\n @State() showTouristicEvent = false;\n @State() showHomeMap = false;\n @State() showTrekMap = false;\n @State() showTouristicContentMap = false;\n @State() showTouristicEventMap = false;\n @State() showFilters = false;\n @State() isLargeView = false;\n @State() currentTrekId: number;\n @State() currentTouristicContentId: number;\n @State() currentTouristicEventId: number;\n @Prop() appWidth: string = '100%';\n @Prop() appHeight: string = '100vh';\n @Prop() api: string;\n @Prop() languages = 'fr';\n @Prop() inBbox: string;\n @Prop() cities: string;\n @Prop() districts: string;\n @Prop() structures: string;\n @Prop() themes: string;\n @Prop() portals: string;\n @Prop() routes: string;\n @Prop() practices: string;\n @Prop() center: string;\n @Prop() zoom: number;\n @Prop() nameLayer: string;\n @Prop() urlLayer: string;\n @Prop() attributionLayer: string;\n @Prop() weather = false;\n\n @Prop() colorPrimaryApp = '#6750a4';\n @Prop() colorOnPrimary = '#ffffff';\n @Prop() colorSurface = '#1c1b1f';\n @Prop() colorOnSurface = '#49454e';\n @Prop() colorSurfaceVariant = '#fef7ff';\n @Prop() colorOnSurfaceVariant = '#1c1b1f';\n @Prop() colorPrimaryContainer = '#eaddff';\n @Prop() colorOnPrimaryContainer = '#21005e';\n @Prop() colorSecondaryContainer = '#e8def8';\n @Prop() colorOnSecondaryContainer = '#1d192b';\n @Prop() colorBackground = '#fef7ff';\n @Prop() colorSurfaceContainerHigh = '#ece6f0';\n @Prop() colorSurfaceContainerLow = '#f7f2fa';\n @Prop() fabBackgroundColor = '#eaddff';\n @Prop() fabColor = '#21005d';\n\n @Prop() colorTrekLine = '#6b0030';\n @Prop() colorSensitiveArea = '#4974a5';\n @Prop() colorPoiIcon = '#974c6e';\n @Prop() useGradient = false;\n\n @Prop() treks = true;\n @Prop() touristicContents = false;\n @Prop() touristicEvents = false;\n\n largeViewSize = 1024;\n handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n @Listen('trekCardPress', { target: 'window' })\n onTrekCardPress(event: CustomEvent<number>) {\n this.currentTouristicContentId = null;\n this.showTouristicContent = false;\n state.currentTouristicContent = null;\n this.currentTouristicEventId = null;\n this.showTouristicEvent = false;\n state.currentTouristicEvent = null;\n const parentTrek = state.parentTrekId ? state.parentTrekId : state.currentTrekSteps ? this.currentTrekId : null;\n state.currentTrek = null;\n this.currentTrekId = event.detail;\n this.showTrek = true;\n this.showTrekMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.set('trek', this.currentTrekId.toString());\n if (state.currentTrekSteps) {\n url.searchParams.set('parenttrek', parentTrek.toString());\n }\n window.history.pushState({}, '', url);\n }\n\n @Listen('parentTrekPress', { target: 'window' })\n onParentTrekPress(event: CustomEvent<number>) {\n state.currentTrek = null;\n this.currentTrekId = event.detail;\n this.showTrek = true;\n this.showTrekMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.set('trek', this.currentTrekId.toString());\n url.searchParams.delete('parenttrek');\n window.history.pushState({}, '', url);\n }\n\n @Listen('touristicContentCardPress', { target: 'window' })\n onTouristicContentCardPress(event: CustomEvent<number>) {\n state.currentTrek = null;\n this.currentTrekId = null;\n this.showTrek = false;\n this.currentTouristicContentId = event.detail;\n this.showTouristicContent = true;\n this.showTouristicContentMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.delete('trek');\n url.searchParams.set('touristiccontent', this.currentTouristicContentId.toString());\n window.history.pushState({}, '', url);\n }\n\n @Listen('touristicEventCardPress', { target: 'window' })\n onTouristiceEventCardPress(event: CustomEvent<number>) {\n state.currentTrek = null;\n this.currentTrekId = null;\n this.showTrek = false;\n this.currentTouristicEventId = event.detail;\n this.showTouristicEvent = true;\n this.showTouristicEventMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.delete('trek');\n url.searchParams.set('touristicevent', this.currentTouristicEventId.toString());\n window.history.pushState({}, '', url);\n }\n\n @Listen('resize', { target: 'window' })\n onWindowResize() {\n this.handleView();\n }\n\n @Listen('centerOnMap', { target: 'window' })\n onCenterOnMap() {\n if (!this.isLargeView) {\n this.showTrekMap = true;\n }\n }\n\n @Watch('isLargeView')\n watchPropHandler() {\n window.dispatchEvent(new window.Event('resize'));\n }\n\n componentWillLoad() {\n if (this.treks) {\n state.mode = 'treks';\n } else if (this.touristicContents) {\n state.mode = 'touristicContents';\n }\n const url = new URL(window.location.toString());\n const trekParam = url.searchParams.get('trek');\n const parentTrekId = url.searchParams.get('parenttrek');\n const touristicContentParam = url.searchParams.get('touristiccontent');\n const touristicEventParam = url.searchParams.get('touristicevent');\n if (trekParam) {\n window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n state.parentTrekId = parentTrekId ? Number(parentTrekId) : null;\n this.currentTrekId = Number(trekParam);\n this.showTrek = true;\n } else if (touristicContentParam) {\n window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n this.currentTouristicContentId = Number(touristicContentParam);\n this.showTouristicContent = true;\n } else if (touristicEventParam) {\n window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n this.currentTouristicEventId = Number(touristicEventParam);\n this.showTouristicEvent = true;\n }\n }\n\n componentDidLoad() {\n onChange('trekNetworkError', () => {\n if (state.trekNetworkError) {\n const urlRedirect = new URL(window.location.toString());\n urlRedirect.searchParams.delete('trek');\n urlRedirect.searchParams.delete('parenttrek');\n urlRedirect.searchParams.delete('touristiccontent');\n urlRedirect.searchParams.delete('touristicevent');\n window.history.replaceState({}, '', urlRedirect);\n this.onDetailsClose();\n }\n });\n window.addEventListener('popstate', this.handlePopStateBind, false);\n this.handleView();\n }\n\n onDetailsClose() {\n this.currentTouristicContentId = null;\n this.showTouristicContent = false;\n this.showTouristicContentMap = false;\n this.showTouristicEvent = false;\n this.showTouristicEventMap = false;\n state.currentTouristicContent = null;\n state.currentTouristicEvent = null;\n\n state.currentTrek = null;\n state.currentTrekSteps = null;\n state.parentTrekId = null;\n this.currentTrekId = null;\n this.showTrek = false;\n }\n\n handleView() {\n this.isLargeView = this.appElement.getBoundingClientRect().width >= this.largeViewSize;\n this.showHomeMap = this.isLargeView;\n this.showTrekMap = this.isLargeView;\n }\n\n handleFilters() {\n this.showFilters = !this.showFilters;\n }\n\n handleBackButton() {\n if (window.history.state && window.history.state.isInitialHistoryWithDetails) {\n this.onDetailsClose();\n const url = new URL(window.location.toString());\n url.searchParams.delete('trek');\n url.searchParams.delete('touristiccontent');\n url.searchParams.delete('touristicevent');\n window.history.pushState({}, '', url);\n } else {\n window.history.back();\n }\n }\n\n handlePopState() {\n const url = new URL(window.location.toString());\n const trekParam = Number(url.searchParams.get('trek'));\n const touristicContentParam = url.searchParams.get('touristiccontent');\n const touristicEventParam = url.searchParams.get('touristicevent');\n if (trekParam && this.currentTrekId !== trekParam) {\n this.currentTouristicContentId = null;\n this.showTouristicContent = false;\n this.showTouristicEvent = false;\n state.currentTouristicContent = null;\n state.currentTouristicEvent = null;\n state.currentTrek = null;\n this.currentTrekId = trekParam;\n this.showTrek = true;\n } else if (!trekParam && !touristicContentParam && !touristicEventParam) {\n this.onDetailsClose();\n }\n }\n\n handleShowMap() {\n if (this.currentTrekId) {\n this.showTrekMap = !this.showTrekMap;\n } else if (this.showTouristicContent) {\n this.showTouristicContentMap = !this.showTouristicContentMap;\n } else if (this.showTouristicEvent) {\n this.showTouristicEventMap = !this.showTouristicEventMap;\n } else {\n this.showHomeMap = !this.showHomeMap;\n }\n }\n\n getMapVisibilityIconButton() {\n let mapIconButton: string;\n\n if (this.showTrek) {\n mapIconButton = this.showTrekMap ? 'summarize' : 'map';\n } else if (this.showTouristicContent) {\n mapIconButton = this.showTouristicContentMap ? 'summarize' : 'map';\n } else if (this.showTouristicEvent) {\n mapIconButton = this.showTouristicEventMap ? 'summarize' : 'map';\n } else {\n mapIconButton = this.showHomeMap ? 'list' : 'map';\n }\n\n return mapIconButton;\n }\n\n getMapVisibilityLabelButton() {\n let mapLabelButton: string;\n\n if (this.showTrek) {\n mapLabelButton = this.showTrekMap ? translate[state.language].showDetails : translate[state.language].showRoute;\n } else if (this.showTouristicContent) {\n mapLabelButton = this.showTouristicContentMap ? translate[state.language].showDetails : translate[state.language].showMap;\n } else if (this.showTouristicEvent) {\n mapLabelButton = this.showTouristicEventMap ? translate[state.language].showDetails : translate[state.language].showMap;\n } else {\n mapLabelButton = this.showHomeMap ? translate[state.language].showList : translate[state.language].showMap;\n }\n\n return mapLabelButton;\n }\n\n disconnectedCallback() {\n reset();\n window.removeEventListener('popstate', this.handlePopStateBind);\n }\n\n changeMode(mode: mode) {\n state.searchValue = '';\n if (mode === 'treks') {\n treksFilters.forEach(filter => {\n state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n });\n state.selectedActivitiesFilters = 0;\n state.selectedThemesFilters = 0;\n state.selectedLocationFilters = 0;\n state.currentTreks = handleTreksFiltersAndSearch();\n } else if (mode === 'touristicContents') {\n touristicContentsFilters.forEach(filter => {\n state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n });\n state.selectedActivitiesFilters = 0;\n state.selectedLocationFilters = 0;\n state.currentTouristicContents = handleTouristicContentsFiltersAndSearch();\n }\n state.mode = mode;\n }\n\n render() {\n return (\n <Host\n style={{\n '--color-primary-app': this.colorPrimaryApp,\n '--color-on-primary': this.colorOnPrimary,\n '--color-surface': this.colorSurface,\n '--color-on-surface': this.colorOnSurface,\n '--color-surface-variant': this.colorSurfaceVariant,\n '--color-on-surface-variant': this.colorOnSurfaceVariant,\n '--color-primary-container': this.colorPrimaryContainer,\n '--color-on-primary-container': this.colorOnPrimaryContainer,\n '--color-secondary-container': this.colorSecondaryContainer,\n '--color-on-secondary-container': this.colorOnSecondaryContainer,\n '--color-background': this.colorBackground,\n '--color-surface-container-high': this.colorSurfaceContainerHigh,\n '--color-surface-container-low': this.colorSurfaceContainerLow,\n '--fab-background-color': this.fabBackgroundColor,\n '--fab-color': this.fabColor,\n '--app-width': this.appWidth,\n '--app-height': this.appHeight,\n '--header-height': Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 ? '136px' : '64px',\n }}\n >\n {!state.currentTreks && !state.currentTrek && !state.currentTouristicContent && !state.currentTouristicEvent && !state.touristicContents && (\n <div class=\"init-loader-container\">\n <span class=\"loader\"></span>\n </div>\n )}\n {this.treks && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !state.treks && (\n <grw-treks-provider\n api={this.api}\n languages={this.languages}\n in-bbox={this.inBbox}\n cities={this.cities}\n districts={this.districts}\n structures={this.structures}\n themes={this.themes}\n portals={this.portals}\n routes={this.routes}\n practices={this.practices}\n ></grw-treks-provider>\n )}\n {this.showTrek && this.currentTrekId && !state.currentTrek && (\n <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n )}\n {this.showTouristicContent && this.currentTouristicContentId && (\n <grw-touristic-content-provider api={this.api} languages={this.languages} touristic-content-id={this.currentTouristicContentId}></grw-touristic-content-provider>\n )}\n {this.showTouristicEvent && this.currentTouristicEventId && (\n <grw-touristic-event-provider api={this.api} languages={this.languages} touristic-event-id={this.currentTouristicEventId}></grw-touristic-event-provider>\n )}\n {this.touristicContents && !state.touristicContents && !this.showTouristicContent && (\n <grw-touristic-contents-provider\n api={this.api}\n languages={this.languages}\n in-bbox={this.inBbox}\n cities={this.cities}\n districts={this.districts}\n structures={this.structures}\n themes={this.themes}\n portals={this.portals}\n ></grw-touristic-contents-provider>\n )}\n {(state.currentTreks \|\| state.currentTrek \|\| state.touristicContents \|\| state.currentTouristicContent \|\| state.currentTouristicEvent) && (\n <div class=\"app-container\">\n <div\n class={`${this.isLargeView ? 'large-view-header-container' : 'header-container'}${\n this.showTrek \|\| this.showTouristicContent \|\| this.showTouristicEvent ? ' header-detail' : ''\n }`}\n >\n {Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && (\n <div class=\"segmented-buttons-container\">\n {this.treks && (\n <label class={`segment${state.mode === 'treks' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('treks')}>\n {translate[state.language].home.segment.treks}\n </label>\n )}\n {this.touristicContents && (\n <label class={`segment${state.mode === 'touristicContents' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('touristicContents')}>\n {translate[state.language].home.segment.touristicContents}\n </label>\n )}\n </div>\n )}\n {!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (\n <div class=\"handle-search-filters-container\">\n <div class=\"handle-search-container\">\n <grw-search></grw-search>\n </div>\n <div class=\"handle-filters-container\">\n <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n {/* @ts-ignore /}\n <span translate={false} class=\"material-symbols material-symbols-outlined margin-right-icon\">\n filter_list\n </span>\n {translate[state.language].filter}\n </button>\n </div>\n </div>\n ) : (\n <div class=\"arrow-back-container\">\n <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n {/ @ts-ignore /}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n arrow_back\n </span>\n </button>\n </div>\n )}\n </div>\n\n <div class={`content-container ${this.showTrek ? 'content-trek' : 'content-treks'}`}>\n <div\n class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n style={{ display: this.showTrek \|\| this.showTouristicContent \|\| this.showTouristicEvent ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n >\n {state.mode === 'treks' && this.treks && (\n <grw-treks-list\n reset-store-on-disconnected=\"false\"\n is-large-view={this.isLargeView}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n ></grw-treks-list>\n )}\n {state.mode === 'touristicContents' && this.touristicContents && (\n <grw-touristic-contents-list\n reset-store-on-disconnected=\"false\"\n is-large-view={this.isLargeView}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n ></grw-touristic-contents-list>\n )}\n </div>\n {((this.showTrek && !state.currentTrek) \|\|\n (this.showTouristicContent && !state.currentTouristicContent) \|\|\n (this.showTouristicEvent && !state.currentTouristicEvent)) && (\n <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n <span class=\"loader\"></span>\n </div>\n )}\n {state.currentTrek && (\n <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n <grw-trek-detail\n style={{\n visibility: (!this.showTrekMap && this.showTrek) \|\| this.isLargeView ? 'visible' : 'hidden',\n zIndex: !this.showTrekMap ? '1' : '0',\n }}\n reset-store-on-disconnected=\"false\"\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n color-background={this.colorBackground}\n weather={this.weather}\n is-large-view={this.isLargeView}\n ></grw-trek-detail>\n </div>\n )}\n {this.showTouristicContent && (\n <div class={this.isLargeView ? 'large-view-app-touristic-content-detail-container' : 'app-touristic-content-detail-container'}>\n <grw-touristic-content-detail\n style={{\n visibility: !this.showTouristicContentMap \|\| this.isLargeView ? 'visible' : 'hidden',\n zIndex: !this.showTouristicContentMap ? '1' : '0',\n }}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n color-background={this.colorBackground}\n is-large-view={this.isLargeView}\n ></grw-touristic-content-detail>\n </div>\n )}\n {this.showTouristicEvent && (\n <div class={this.isLargeView ? 'large-view-app-touristic-event-detail-container' : 'app-touristic-event-detail-container'}>\n <grw-touristic-event-detail\n style={{\n visibility: !this.showTouristicEventMap \|\| this.isLargeView ? 'visible' : 'hidden',\n zIndex: !this.showTouristicEventMap ? '1' : '0',\n }}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n color-background={this.colorBackground}\n is-large-view={this.isLargeView}\n ></grw-touristic-event-detail>\n </div>\n )}\n <grw-map\n reset-store-on-disconnected=\"false\"\n class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n style={{\n visibility:\n (this.showHomeMap && !this.showTrek) \|\|\n (this.showTrekMap && this.showTrek) \|\|\n (this.showTouristicContentMap && this.showTouristicContent) \|\|\n (this.showTouristicEventMap && this.showTouristicEvent) \|\|\n this.isLargeView\n ? 'visible'\n : 'hidden',\n zIndex: this.showHomeMap \|\| this.showTrekMap \|\| this.showTouristicContentMap \|\| this.showTouristicEventMap ? '1' : '0',\n }}\n center={this.center}\n zoom={this.zoom}\n name-layer={this.nameLayer}\n url-layer={this.urlLayer}\n attribution-layer={this.attributionLayer}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-background={this.colorBackground}\n color-trek-line={this.colorTrekLine}\n color-sensitive-area={this.colorSensitiveArea}\n color-poi-icon={this.colorPoiIcon}\n is-large-view={this.isLargeView}\n use-gradient={this.useGradient}\n ></grw-map>\n </div>\n {((!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent) \|\|\n (this.showTrek && state.currentTrek) \|\|\n (this.showTouristicContent && state.currentTouristicContent) \|\|\n (this.showTouristicEvent && state.currentTouristicEvent)) && (\n <div class=\"map-visibility-button-container\">\n <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n {/ @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n {this.getMapVisibilityIconButton()}\n </span>\n {this.getMapVisibilityLabelButton()}\n </button>\n </div>\n )}\n </div>\n )}\n {!this.showTrek && this.showFilters && <grw-filters handleFilters={() => this.handleFilters()}></grw-filters>}\n </Host>\n );\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","prototype","onTrekCardPress","event","currentTouristicContentId","showTouristicContent","state","currentTouristicContent","currentTouristicEventId","showTouristicEvent","currentTouristicEvent","parentTrek","parentTrekId","currentTrekSteps","currentTrekId","currentTrek","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onParentTrekPress","delete","onTouristicContentCardPress","showTouristicContentMap","onTouristiceEventCardPress","showTouristicEventMap","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","treks","mode","touristicContents","trekParam","get","touristicContentParam","touristicEventParam","replaceState","isInitialHistoryWithDetails","Number","componentDidLoad","_this","onChange","trekNetworkError","urlRedirect","onDetailsClose","addEventListener","appElement","getBoundingClientRect","width","showHomeMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","getMapVisibilityIconButton","mapIconButton","getMapVisibilityLabelButton","mapLabelButton","translate","language","showDetails","showRoute","showMap","showList","disconnectedCallback","reset","removeEventListener","changeMode","searchValue","currentTreks","treksFilters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","handleTreksFiltersAndSearch","currentTouristicContents","touristicContentsFilters","handleTouristicContentsFiltersAndSearch","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","touristicEvents","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","concat","onClick","home","segment","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols {\n font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n display: block;\n position: relative;\n width: var(--app-width);\n height: var(--app-height);\n font-family: 'Roboto';\n color: var(--color-on-surface);\n overflow: hidden;\n line-height: initial;\n max-width: 100dvw;\n max-height: 100dvh;\n}\n\n.app-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n background-color: var(--color-background);\n box-shadow: var(--elevation-2);\n height: var(--header-height);\n .arrow-back-container {\n display: flex;\n align-items: center;\n height: 100%;\n margin: 0px 16px;\n .arrow-back-icon {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n color: var(--color-on-surface);\n border: none;\n background-color: var(--color-background);\n border-radius: 50%;\n height: 48px;\n width: 48px;\n padding: 0px;\n text-align: left;\n }\n }\n}\n\n.handle-search-filters-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0px 16px;\n height: 64px;\n\n .handle-search-container {\n width: calc(50% + 48px);\n max-width: 220px;\n }\n\n .handle-filters-button {\n margin-left: 16px;\n user-select: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n background-color: var(--color-background);\n color: var(--color-on-surface);\n padding: 12px 24px;\n border-radius: 20px;\n box-sizing: border-box;\n position: relative;\n gap: 8px;\n white-space: nowrap;\n line-height: 20px;\n letter-spacing: 0.10000000149011612px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: var(--elevation-1);\n transition: box-shadow 0.2s ease-in-out 0s;\n span {\n font-size: 18px;\n }\n }\n}\n\n.header-detail {\n height: 64px;\n}\n\n.large-view-header-container {\n .handle-search-filters-container {\n justify-content: flex-start;\n }\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n background-color: var(--color-background);\n .loader {\n width: 48px;\n height: 48px;\n border: 5px solid var(--color-primary-container);\n border-bottom-color: var(--color-on-primary-container);\n border-radius: 50%;\n display: inline-block;\n box-sizing: border-box;\n animation: rotation 1s linear infinite;\n }\n\n @keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n\n.content-container {\n position: relative;\n display: flex;\n height: calc(100% - var(--header-height));\n background-color: var(--color-background);\n}\n\n.content-treks {\n height: calc(100% - var(--header-height));\n}\n\n.content-trek {\n height: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.app-touristic-content-detail-container,\n.app-touristic-event-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n max-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n width: 100%;\n height: 100%;\n}\n\n.map-visibility-button-container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n position: absolute;\n bottom: 24px;\n z-index: 4;\n .map-visibility-button {\n cursor: pointer;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n text-decoration: none;\n padding: 16px;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n box-shadow: var(--elevation-1);\n border-radius: 12px;\n height: 56px;\n font-size: 16px;\n width: unset;\n &:hover {\n box-shadow: var(--elevation-4);\n }\n span {\n font-size: 24px;\n margin-right: 8px;\n color: var(--color-on-primary-container);\n }\n }\n}\n\n.init-loader-container,\n.loader-container {\n width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n width: 100%;\n}\n\ngrw-treks-list,\ngrw-touristic-contents-list {\n max-height: calc(100vh - var(--header-height));\n}\n\ngrw-trek-detail,\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\n max-height: calc(100vh - 64px);\n}\n\n.app-map-container {\n width: 100%;\n position: absolute;\n}\n\n.large-view-loader-container {\n width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container,\n.large-view-app-touristic-content-detail-container,\n.large-view-app-touristic-event-detail-container {\n width: 50%;\n}\n\n.large-view-app-map-container {\n position: relative;\n width: 50%;\n}\n\n.segmented-buttons-container {\n display: flex;\n justify-content: center;\n width: calc(100% - 32px);\n height: 40px;\n margin: 16px;\n border: 1px solid var(--color-outline);\n border-radius: 20px;\n line-height: 20px;\n .segment {\n cursor: pointer;\n user-select: none;\n font-size: 14px;\n font-weight: 500;\n -webkit-tap-highlight-color: transparent;\n color: var(--color-on-surface-variant);\n background-color: transparent;\n border-radius: 0px;\n min-width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n &:first-child {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n }\n &:not(:last-child) {\n border-right: 1px solid var(--color-outline);\n }\n &:last-child {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n }\n }\n .selected-segment {\n color: var(--color-on-secondary-container);\n background-color: var(--color-secondary-container);\n }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\nimport { mode } from 'types/types';\nimport { handleTouristicContentsFiltersAndSearch, handleTreksFiltersAndSearch, touristicContentsFilters, treksFilters } from 'utils/utils';\n\n@Component({\n tag: 'grw-app',\n styleUrls: ['grw-app.scss'],\n shadow: false,\n})\nexport class GrwApp {\n @Element() appElement: HTMLElement;\n @State() showTrek = false;\n @State() showTouristicContent = false;\n @State() showTouristicEvent = false;\n @State() showHomeMap = false;\n @State() showTrekMap = false;\n @State() showTouristicContentMap = false;\n @State() showTouristicEventMap = false;\n @State() showFilters = false;\n @State() isLargeView = false;\n @State() currentTrekId: number;\n @State() currentTouristicContentId: number;\n @State() currentTouristicEventId: number;\n @Prop() appWidth: string = '100%';\n @Prop() appHeight: string = '100vh';\n @Prop() api: string;\n @Prop() languages = 'fr';\n @Prop() inBbox: string;\n @Prop() cities: string;\n @Prop() districts: string;\n @Prop() structures: string;\n @Prop() themes: string;\n @Prop() portals: string;\n @Prop() routes: string;\n @Prop() practices: string;\n @Prop() center: string;\n @Prop() zoom: number;\n @Prop() nameLayer: string;\n @Prop() urlLayer: string;\n @Prop() attributionLayer: string;\n @Prop() weather = false;\n\n @Prop() colorPrimaryApp = '#6750a4';\n @Prop() colorOnPrimary = '#ffffff';\n @Prop() colorSurface = '#1c1b1f';\n @Prop() colorOnSurface = '#49454e';\n @Prop() colorSurfaceVariant = '#fef7ff';\n @Prop() colorOnSurfaceVariant = '#1c1b1f';\n @Prop() colorPrimaryContainer = '#eaddff';\n @Prop() colorOnPrimaryContainer = '#21005e';\n @Prop() colorSecondaryContainer = '#e8def8';\n @Prop() colorOnSecondaryContainer = '#1d192b';\n @Prop() colorBackground = '#fef7ff';\n @Prop() colorSurfaceContainerHigh = '#ece6f0';\n @Prop() colorSurfaceContainerLow = '#f7f2fa';\n @Prop() fabBackgroundColor = '#eaddff';\n @Prop() fabColor = '#21005d';\n\n @Prop() colorTrekLine = '#6b0030';\n @Prop() colorSensitiveArea = '#4974a5';\n @Prop() colorPoiIcon = '#974c6e';\n @Prop() useGradient = false;\n\n @Prop() treks = true;\n @Prop() touristicContents = false;\n @Prop() touristicEvents = false;\n\n largeViewSize = 1024;\n handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n @Listen('trekCardPress', { target: 'window' })\n onTrekCardPress(event: CustomEvent<number>) {\n this.currentTouristicContentId = null;\n this.showTouristicContent = false;\n state.currentTouristicContent = null;\n this.currentTouristicEventId = null;\n this.showTouristicEvent = false;\n state.currentTouristicEvent = null;\n const parentTrek = state.parentTrekId ? state.parentTrekId : state.currentTrekSteps ? this.currentTrekId : null;\n state.currentTrek = null;\n this.currentTrekId = event.detail;\n this.showTrek = true;\n this.showTrekMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.set('trek', this.currentTrekId.toString());\n if (state.currentTrekSteps) {\n url.searchParams.set('parenttrek', parentTrek.toString());\n }\n window.history.pushState({}, '', url);\n }\n\n @Listen('parentTrekPress', { target: 'window' })\n onParentTrekPress(event: CustomEvent<number>) {\n state.currentTrek = null;\n this.currentTrekId = event.detail;\n this.showTrek = true;\n this.showTrekMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.set('trek', this.currentTrekId.toString());\n url.searchParams.delete('parenttrek');\n window.history.pushState({}, '', url);\n }\n\n @Listen('touristicContentCardPress', { target: 'window' })\n onTouristicContentCardPress(event: CustomEvent<number>) {\n state.currentTrek = null;\n this.currentTrekId = null;\n this.showTrek = false;\n this.currentTouristicContentId = event.detail;\n this.showTouristicContent = true;\n this.showTouristicContentMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.delete('trek');\n url.searchParams.set('touristiccontent', this.currentTouristicContentId.toString());\n window.history.pushState({}, '', url);\n }\n\n @Listen('touristicEventCardPress', { target: 'window' })\n onTouristiceEventCardPress(event: CustomEvent<number>) {\n state.currentTrek = null;\n this.currentTrekId = null;\n this.showTrek = false;\n this.currentTouristicEventId = event.detail;\n this.showTouristicEvent = true;\n this.showTouristicEventMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.delete('trek');\n url.searchParams.set('touristicevent', this.currentTouristicEventId.toString());\n window.history.pushState({}, '', url);\n }\n\n @Listen('resize', { target: 'window' })\n onWindowResize() {\n this.handleView();\n }\n\n @Listen('centerOnMap', { target: 'window' })\n onCenterOnMap() {\n if (!this.isLargeView) {\n this.showTrekMap = true;\n }\n }\n\n @Watch('isLargeView')\n watchPropHandler() {\n window.dispatchEvent(new window.Event('resize'));\n }\n\n componentWillLoad() {\n if (this.treks) {\n state.mode = 'treks';\n } else if (this.touristicContents) {\n state.mode = 'touristicContents';\n }\n const url = new URL(window.location.toString());\n const trekParam = url.searchParams.get('trek');\n const parentTrekId = url.searchParams.get('parenttrek');\n const touristicContentParam = url.searchParams.get('touristiccontent');\n const touristicEventParam = url.searchParams.get('touristicevent');\n if (trekParam) {\n window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n state.parentTrekId = parentTrekId ? Number(parentTrekId) : null;\n this.currentTrekId = Number(trekParam);\n this.showTrek = true;\n } else if (touristicContentParam) {\n window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n this.currentTouristicContentId = Number(touristicContentParam);\n this.showTouristicContent = true;\n } else if (touristicEventParam) {\n window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n this.currentTouristicEventId = Number(touristicEventParam);\n this.showTouristicEvent = true;\n }\n }\n\n componentDidLoad() {\n onChange('trekNetworkError', () => {\n if (state.trekNetworkError) {\n const urlRedirect = new URL(window.location.toString());\n urlRedirect.searchParams.delete('trek');\n urlRedirect.searchParams.delete('parenttrek');\n urlRedirect.searchParams.delete('touristiccontent');\n urlRedirect.searchParams.delete('touristicevent');\n window.history.replaceState({}, '', urlRedirect);\n this.onDetailsClose();\n }\n });\n window.addEventListener('popstate', this.handlePopStateBind, false);\n this.handleView();\n }\n\n onDetailsClose() {\n this.currentTouristicContentId = null;\n this.showTouristicContent = false;\n this.showTouristicContentMap = false;\n this.showTouristicEvent = false;\n this.showTouristicEventMap = false;\n state.currentTouristicContent = null;\n state.currentTouristicEvent = null;\n\n state.currentTrek = null;\n state.currentTrekSteps = null;\n state.parentTrekId = null;\n this.currentTrekId = null;\n this.showTrek = false;\n }\n\n handleView() {\n this.isLargeView = this.appElement.getBoundingClientRect().width >= this.largeViewSize;\n this.showHomeMap = this.isLargeView;\n this.showTrekMap = this.isLargeView;\n }\n\n handleFilters() {\n this.showFilters = !this.showFilters;\n }\n\n handleBackButton() {\n if (window.history.state && window.history.state.isInitialHistoryWithDetails) {\n this.onDetailsClose();\n const url = new URL(window.location.toString());\n url.searchParams.delete('trek');\n url.searchParams.delete('touristiccontent');\n url.searchParams.delete('touristicevent');\n window.history.pushState({}, '', url);\n } else {\n window.history.back();\n }\n }\n\n handlePopState() {\n const url = new URL(window.location.toString());\n const trekParam = Number(url.searchParams.get('trek'));\n const touristicContentParam = url.searchParams.get('touristiccontent');\n const touristicEventParam = url.searchParams.get('touristicevent');\n if (trekParam && this.currentTrekId !== trekParam) {\n this.currentTouristicContentId = null;\n this.showTouristicContent = false;\n this.showTouristicEvent = false;\n state.currentTouristicContent = null;\n state.currentTouristicEvent = null;\n state.currentTrek = null;\n this.currentTrekId = trekParam;\n this.showTrek = true;\n } else if (!trekParam && !touristicContentParam && !touristicEventParam) {\n this.onDetailsClose();\n }\n }\n\n handleShowMap() {\n if (this.currentTrekId) {\n this.showTrekMap = !this.showTrekMap;\n } else if (this.showTouristicContent) {\n this.showTouristicContentMap = !this.showTouristicContentMap;\n } else if (this.showTouristicEvent) {\n this.showTouristicEventMap = !this.showTouristicEventMap;\n } else {\n this.showHomeMap = !this.showHomeMap;\n }\n }\n\n getMapVisibilityIconButton() {\n let mapIconButton: string;\n\n if (this.showTrek) {\n mapIconButton = this.showTrekMap ? 'summarize' : 'map';\n } else if (this.showTouristicContent) {\n mapIconButton = this.showTouristicContentMap ? 'summarize' : 'map';\n } else if (this.showTouristicEvent) {\n mapIconButton = this.showTouristicEventMap ? 'summarize' : 'map';\n } else {\n mapIconButton = this.showHomeMap ? 'list' : 'map';\n }\n\n return mapIconButton;\n }\n\n getMapVisibilityLabelButton() {\n let mapLabelButton: string;\n\n if (this.showTrek) {\n mapLabelButton = this.showTrekMap ? translate[state.language].showDetails : translate[state.language].showRoute;\n } else if (this.showTouristicContent) {\n mapLabelButton = this.showTouristicContentMap ? translate[state.language].showDetails : translate[state.language].showMap;\n } else if (this.showTouristicEvent) {\n mapLabelButton = this.showTouristicEventMap ? translate[state.language].showDetails : translate[state.language].showMap;\n } else {\n mapLabelButton = this.showHomeMap ? translate[state.language].showList : translate[state.language].showMap;\n }\n\n return mapLabelButton;\n }\n\n disconnectedCallback() {\n reset();\n window.removeEventListener('popstate', this.handlePopStateBind);\n }\n\n changeMode(mode: mode) {\n state.searchValue = '';\n if (mode === 'treks' && state.currentTreks) {\n treksFilters.forEach(filter => {\n state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n });\n state.selectedActivitiesFilters = 0;\n state.selectedThemesFilters = 0;\n state.selectedLocationFilters = 0;\n state.currentTreks = handleTreksFiltersAndSearch();\n } else if (mode === 'touristicContents' && state.currentTouristicContents) {\n touristicContentsFilters.forEach(filter => {\n state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n });\n state.selectedActivitiesFilters = 0;\n state.selectedLocationFilters = 0;\n state.currentTouristicContents = handleTouristicContentsFiltersAndSearch();\n }\n state.mode = mode;\n }\n\n render() {\n return (\n <Host\n style={{\n '--color-primary-app': this.colorPrimaryApp,\n '--color-on-primary': this.colorOnPrimary,\n '--color-surface': this.colorSurface,\n '--color-on-surface': this.colorOnSurface,\n '--color-surface-variant': this.colorSurfaceVariant,\n '--color-on-surface-variant': this.colorOnSurfaceVariant,\n '--color-primary-container': this.colorPrimaryContainer,\n '--color-on-primary-container': this.colorOnPrimaryContainer,\n '--color-secondary-container': this.colorSecondaryContainer,\n '--color-on-secondary-container': this.colorOnSecondaryContainer,\n '--color-background': this.colorBackground,\n '--color-surface-container-high': this.colorSurfaceContainerHigh,\n '--color-surface-container-low': this.colorSurfaceContainerLow,\n '--fab-background-color': this.fabBackgroundColor,\n '--fab-color': this.fabColor,\n '--app-width': this.appWidth,\n '--app-height': this.appHeight,\n '--header-height': Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 ? '136px' : '64px',\n }}\n >\n {!state.currentTreks && !state.currentTrek && !state.currentTouristicContent && !state.currentTouristicEvent && !state.currentTouristicContents && (\n <div class=\"init-loader-container\">\n <span class=\"loader\"></span>\n </div>\n )}\n {this.treks && state.mode === 'treks' && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !state.currentTreks && (\n <grw-treks-provider\n api={this.api}\n languages={this.languages}\n in-bbox={this.inBbox}\n cities={this.cities}\n districts={this.districts}\n structures={this.structures}\n themes={this.themes}\n portals={this.portals}\n routes={this.routes}\n practices={this.practices}\n ></grw-treks-provider>\n )}\n {this.showTrek && this.currentTrekId && !state.currentTrek && (\n <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n )}\n {this.showTouristicContent && this.currentTouristicContentId && (\n <grw-touristic-content-provider api={this.api} languages={this.languages} touristic-content-id={this.currentTouristicContentId}></grw-touristic-content-provider>\n )}\n {this.showTouristicEvent && this.currentTouristicEventId && (\n <grw-touristic-event-provider api={this.api} languages={this.languages} touristic-event-id={this.currentTouristicEventId}></grw-touristic-event-provider>\n )}\n {this.touristicContents && state.mode === 'touristicContents' && !state.currentTouristicContents && !this.showTouristicContent && (\n <grw-touristic-contents-provider\n api={this.api}\n languages={this.languages}\n in-bbox={this.inBbox}\n cities={this.cities}\n districts={this.districts}\n structures={this.structures}\n themes={this.themes}\n portals={this.portals}\n ></grw-touristic-contents-provider>\n )}\n {(state.currentTreks \|\| state.currentTrek \|\| state.touristicContents \|\| state.currentTouristicContent \|\| state.currentTouristicEvent) && (\n <div class=\"app-container\">\n <div\n class={`${this.isLargeView ? 'large-view-header-container' : 'header-container'}${\n this.showTrek \|\| this.showTouristicContent \|\| this.showTouristicEvent ? ' header-detail' : ''\n }`}\n >\n {Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && (\n <div class=\"segmented-buttons-container\">\n {this.treks && (\n <label class={`segment${state.mode === 'treks' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('treks')}>\n {translate[state.language].home.segment.treks}\n </label>\n )}\n {this.touristicContents && (\n <label class={`segment${state.mode === 'touristicContents' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('touristicContents')}>\n {translate[state.language].home.segment.touristicContents}\n </label>\n )}\n </div>\n )}\n {!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (\n <div class=\"handle-search-filters-container\">\n <div class=\"handle-search-container\">\n <grw-search></grw-search>\n </div>\n <div class=\"handle-filters-container\">\n <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n {/* @ts-ignore /}\n <span translate={false} class=\"material-symbols material-symbols-outlined margin-right-icon\">\n filter_list\n </span>\n {translate[state.language].filter}\n </button>\n </div>\n </div>\n ) : (\n <div class=\"arrow-back-container\">\n <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n {/ @ts-ignore /}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n arrow_back\n </span>\n </button>\n </div>\n )}\n </div>\n\n <div class={`content-container ${this.showTrek \|\| this.showTouristicContent \|\| this.showTouristicEvent ? 'content-trek' : 'content-treks'}`}>\n <div\n class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n style={{ display: this.showTrek \|\| this.showTouristicContent \|\| this.showTouristicEvent ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n >\n {state.mode === 'treks' && this.treks && (\n <grw-treks-list\n reset-store-on-disconnected=\"false\"\n is-large-view={this.isLargeView}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n ></grw-treks-list>\n )}\n {state.mode === 'touristicContents' && this.touristicContents && (\n <grw-touristic-contents-list\n reset-store-on-disconnected=\"false\"\n is-large-view={this.isLargeView}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n ></grw-touristic-contents-list>\n )}\n </div>\n {(this.showTrek && !state.currentTrek) \|\|\n (this.showTouristicContent && !state.currentTouristicContent) \|\|\n (this.showTouristicEvent && !state.currentTouristicEvent) \|\|\n (!state.currentTreks && state.mode === 'treks') \|\|\n (!state.touristicContents && state.mode === 'touristicContents' && (\n <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n <span class=\"loader\"></span>\n </div>\n ))}\n {state.currentTrek && (\n <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n <grw-trek-detail\n style={{\n visibility: (!this.showTrekMap && this.showTrek) \|\| this.isLargeView ? 'visible' : 'hidden',\n zIndex: !this.showTrekMap ? '1' : '0',\n }}\n reset-store-on-disconnected=\"false\"\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n color-background={this.colorBackground}\n weather={this.weather}\n is-large-view={this.isLargeView}\n ></grw-trek-detail>\n </div>\n )}\n {this.showTouristicContent && (\n <div class={this.isLargeView ? 'large-view-app-touristic-content-detail-container' : 'app-touristic-content-detail-container'}>\n <grw-touristic-content-detail\n style={{\n visibility: !this.showTouristicContentMap \|\| this.isLargeView ? 'visible' : 'hidden',\n zIndex: !this.showTouristicContentMap ? '1' : '0',\n }}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n color-background={this.colorBackground}\n is-large-view={this.isLargeView}\n ></grw-touristic-content-detail>\n </div>\n )}\n {this.showTouristicEvent && (\n <div class={this.isLargeView ? 'large-view-app-touristic-event-detail-container' : 'app-touristic-event-detail-container'}>\n <grw-touristic-event-detail\n style={{\n visibility: !this.showTouristicEventMap \|\| this.isLargeView ? 'visible' : 'hidden',\n zIndex: !this.showTouristicEventMap ? '1' : '0',\n }}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n color-background={this.colorBackground}\n is-large-view={this.isLargeView}\n ></grw-touristic-event-detail>\n </div>\n )}\n <grw-map\n reset-store-on-disconnected=\"false\"\n class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n style={{\n visibility:\n (this.showHomeMap && !this.showTrek) \|\|\n (this.showTrekMap && this.showTrek) \|\|\n (this.showTouristicContentMap && this.showTouristicContent) \|\|\n (this.showTouristicEventMap && this.showTouristicEvent) \|\|\n this.isLargeView\n ? 'visible'\n : 'hidden',\n zIndex: this.showHomeMap \|\| this.showTrekMap \|\| this.showTouristicContentMap \|\| this.showTouristicEventMap ? '1' : '0',\n }}\n center={this.center}\n zoom={this.zoom}\n name-layer={this.nameLayer}\n url-layer={this.urlLayer}\n attribution-layer={this.attributionLayer}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-background={this.colorBackground}\n color-trek-line={this.colorTrekLine}\n color-sensitive-area={this.colorSensitiveArea}\n color-poi-icon={this.colorPoiIcon}\n is-large-view={this.isLargeView}\n use-gradient={this.useGradient}\n ></grw-map>\n </div>\n {((!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent) \|\|\n (this.showTrek && state.currentTrek) \|\|\n (this.showTouristicContent && state.currentTouristicContent) \|\|\n (this.showTouristicEvent && state.currentTouristicEvent)) && (\n <div class=\"map-visibility-button-container\">\n <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n {/ @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n {this.getMapVisibilityIconButton()}\n </span>\n {this.getMapVisibilityLabelButton()}\n </button>\n </div>\n )}\n </div>\n )}\n {!this.showTrek && this.showFilters && <grw-filters handleFilters={() => this.handleFilters()}></grw-filters>}\n </Host>\n );\n }\n}\n"],"mappings":"sWAAA,IAAMA,UAAY,g1N,ICWLC,OAAM,W,uCA0DjBC,KAAAC,cAAgB,KAChBD,KAAAE,mBAA2CF,KAAKG,eAAeC,KAAKJ,M,cAzDhD,M,0BACY,M,wBACF,M,iBACP,M,iBACA,M,6BACY,M,2BACF,M,iBACV,M,iBACA,M,2HAII,O,eACC,Q,kCAER,K,mUAcF,M,qBAEQ,U,oBACD,U,kBACF,U,oBACE,U,yBACK,U,2BACE,U,2BACA,U,6BACE,U,6BACA,U,+BACE,U,qBACV,U,+BACU,U,8BACD,U,wBACN,U,cACV,U,mBAEK,U,wBACK,U,kBACN,U,iBACD,M,WAEN,K,uBACY,M,qBACF,K,CAM1BD,EAAAM,UAAAC,gBAAA,SAAgBC,GACdP,KAAKQ,0BAA4B,KACjCR,KAAKS,qBAAuB,MAC5BC,MAAMC,wBAA0B,KAChCX,KAAKY,wBAA0B,KAC/BZ,KAAKa,mBAAqB,MAC1BH,MAAMI,sBAAwB,KAC9B,IAAMC,EAAaL,MAAMM,aAAeN,MAAMM,aAAeN,MAAMO,iBAAmBjB,KAAKkB,cAAgB,KAC3GR,MAAMS,YAAc,KACpBnB,KAAKkB,cAAgBX,EAAMa,OAC3BpB,KAAKqB,SAAW,KAChBrB,KAAKsB,YAAc,MACnB,IAAMC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaC,IAAI,OAAQ7B,KAAKkB,cAAcS,YAChD,GAAIjB,MAAMO,iBAAkB,CAC1BM,EAAIK,aAAaC,IAAI,aAAcd,EAAWY,W,CAEhDF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,EAInCxB,EAAAM,UAAA2B,kBAAA,SAAkBzB,GAChBG,MAAMS,YAAc,KACpBnB,KAAKkB,cAAgBX,EAAMa,OAC3BpB,KAAKqB,SAAW,KAChBrB,KAAKsB,YAAc,MACnB,IAAMC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaC,IAAI,OAAQ7B,KAAKkB,cAAcS,YAChDJ,EAAIK,aAAaK,OAAO,cACxBR,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,EAInCxB,EAAAM,UAAA6B,4BAAA,SAA4B3B,GAC1BG,MAAMS,YAAc,KACpBnB,KAAKkB,cAAgB,KACrBlB,KAAKqB,SAAW,MAChBrB,KAAKQ,0BAA4BD,EAAMa,OACvCpB,KAAKS,qBAAuB,KAC5BT,KAAKmC,wBAA0B,MAC/B,IAAMZ,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaC,IAAI,mBAAoB7B,KAAKQ,0BAA0BmB,YACxEF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,EAInCxB,EAAAM,UAAA+B,2BAAA,SAA2B7B,GACzBG,MAAMS,YAAc,KACpBnB,KAAKkB,cAAgB,KACrBlB,KAAKqB,SAAW,MAChBrB,KAAKY,wBAA0BL,EAAMa,OACrCpB,KAAKa,mBAAqB,KAC1Bb,KAAKqC,sBAAwB,MAC7B,IAAMd,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaC,IAAI,iBAAkB7B,KAAKY,wBAAwBe,YACpEF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,EAInCxB,EAAAM,UAAAiC,eAAA,WACEtC,KAAKuC,Y,EAIPxC,EAAAM,UAAAmC,cAAA,WACE,IAAKxC,KAAKyC,YAAa,CACrBzC,KAAKsB,YAAc,I,GAKvBvB,EAAAM,UAAAqC,iBAAA,WACEjB,OAAOkB,cAAc,IAAIlB,OAAOmB,MAAM,U,EAGxC7C,EAAAM,UAAAwC,kBAAA,WACE,GAAI7C,KAAK8C,MAAO,CACdpC,MAAMqC,KAAO,O,MACR,GAAI/C,KAAKgD,kBAAmB,CACjCtC,MAAMqC,KAAO,mB,CAEf,IAAMxB,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpC,IAAMsB,EAAY1B,EAAIK,aAAasB,IAAI,QACvC,IAAMlC,EAAeO,EAAIK,aAAasB,IAAI,cAC1C,IAAMC,EAAwB5B,EAAIK,aAAasB,IAAI,oBACnD,IAAME,EAAsB7B,EAAIK,aAAasB,IAAI,kBACjD,GAAID,EAAW,CACbxB,OAAOK,QAAQuB,aAAa,CAAEC,4BAA6B,MAAQ,GAAI/B,GACvEb,MAAMM,aAAeA,EAAeuC,OAAOvC,GAAgB,KAC3DhB,KAAKkB,cAAgBqC,OAAON,GAC5BjD,KAAKqB,SAAW,I,MACX,GAAI8B,EAAuB,CAChC1B,OAAOK,QAAQuB,aAAa,CAAEC,4BAA6B,MAAQ,GAAI/B,GACvEvB,KAAKQ,0BAA4B+C,OAAOJ,GACxCnD,KAAKS,qBAAuB,I,MACvB,GAAI2C,EAAqB,CAC9B3B,OAAOK,QAAQuB,aAAa,CAAEC,4BAA6B,MAAQ,GAAI/B,GACvEvB,KAAKY,wBAA0B2C,OAAOH,GACtCpD,KAAKa,mBAAqB,I,GAI9Bd,EAAAM,UAAAmD,iBAAA,eAAAC,EAAAzD,KACE0D,SAAS,oBAAoB,WAC3B,GAAIhD,MAAMiD,iBAAkB,CAC1B,IAAMC,EAAc,IAAIpC,IAAIC,OAAOC,SAASC,YAC5CiC,EAAYhC,aAAaK,OAAO,QAChC2B,EAAYhC,aAAaK,OAAO,cAChC2B,EAAYhC,aAAaK,OAAO,oBAChC2B,EAAYhC,aAAaK,OAAO,kBAChCR,OAAOK,QAAQuB,aAAa,GAAI,GAAIO,GACpCH,EAAKI,gB,KAGTpC,OAAOqC,iBAAiB,WAAY9D,KAAKE,mBAAoB,OAC7DF,KAAKuC,Y,EAGPxC,EAAAM,UAAAwD,eAAA,WACE7D,KAAKQ,0BAA4B,KACjCR,KAAKS,qBAAuB,MAC5BT,KAAKmC,wBAA0B,MAC/BnC,KAAKa,mBAAqB,MAC1Bb,KAAKqC,sBAAwB,MAC7B3B,MAAMC,wBAA0B,KAChCD,MAAMI,sBAAwB,KAE9BJ,MAAMS,YAAc,KACpBT,MAAMO,iBAAmB,KACzBP,MAAMM,aAAe,KACrBhB,KAAKkB,cAAgB,KACrBlB,KAAKqB,SAAW,K,EAGlBtB,EAAAM,UAAAkC,WAAA,WACEvC,KAAKyC,YAAczC,KAAK+D,WAAWC,wBAAwBC,OAASjE,KAAKC,cACzED,KAAKkE,YAAclE,KAAKyC,YACxBzC,KAAKsB,YAActB,KAAKyC,W,EAG1B1C,EAAAM,UAAA8D,cAAA,WACEnE,KAAKoE,aAAepE,KAAKoE,W,EAG3BrE,EAAAM,UAAAgE,iBAAA,WACE,GAAI5C,OAAOK,QAAQpB,OAASe,OAAOK,QAAQpB,MAAM4C,4BAA6B,CAC5EtD,KAAK6D,iBACL,IAAMtC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaK,OAAO,oBACxBV,EAAIK,aAAaK,OAAO,kBACxBR,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,KAC5B,CACLE,OAAOK,QAAQwC,M,GAInBvE,EAAAM,UAAAF,eAAA,WACE,IAAMoB,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpC,IAAMsB,EAAYM,OAAOhC,EAAIK,aAAasB,IAAI,SAC9C,IAAMC,EAAwB5B,EAAIK,aAAasB,IAAI,oBACnD,IAAME,EAAsB7B,EAAIK,aAAasB,IAAI,kBACjD,GAAID,GAAajD,KAAKkB,gBAAkB+B,EAAW,CACjDjD,KAAKQ,0BAA4B,KACjCR,KAAKS,qBAAuB,MAC5BT,KAAKa,mBAAqB,MAC1BH,MAAMC,wBAA0B,KAChCD,MAAMI,sBAAwB,KAC9BJ,MAAMS,YAAc,KACpBnB,KAAKkB,cAAgB+B,EACrBjD,KAAKqB,SAAW,I,MACX,IAAK4B,IAAcE,IAA0BC,EAAqB,CACvEpD,KAAK6D,gB,GAIT9D,EAAAM,UAAAkE,cAAA,WACE,GAAIvE,KAAKkB,cAAe,CACtBlB,KAAKsB,aAAetB,KAAKsB,W,MACpB,GAAItB,KAAKS,qBAAsB,CACpCT,KAAKmC,yBAA2BnC,KAAKmC,uB,MAChC,GAAInC,KAAKa,mBAAoB,CAClCb,KAAKqC,uBAAyBrC,KAAKqC,qB,KAC9B,CACLrC,KAAKkE,aAAelE,KAAKkE,W,GAI7BnE,EAAAM,UAAAmE,2BAAA,WACE,IAAIC,EAEJ,GAAIzE,KAAKqB,SAAU,CACjBoD,EAAgBzE,KAAKsB,YAAc,YAAc,K,MAC5C,GAAItB,KAAKS,qBAAsB,CACpCgE,EAAgBzE,KAAKmC,wBAA0B,YAAc,K,MACxD,GAAInC,KAAKa,mBAAoB,CAClC4D,EAAgBzE,KAAKqC,sBAAwB,YAAc,K,KACtD,CACLoC,EAAgBzE,KAAKkE,YAAc,OAAS,K,CAG9C,OAAOO,C,EAGT1E,EAAAM,UAAAqE,4BAAA,WACE,IAAIC,EAEJ,GAAI3E,KAAKqB,SAAU,CACjBsD,EAAiB3E,KAAKsB,YAAcsD,UAAUlE,MAAMmE,UAAUC,YAAcF,UAAUlE,MAAMmE,UAAUE,S,MACjG,GAAI/E,KAAKS,qBAAsB,CACpCkE,EAAiB3E,KAAKmC,wBAA0ByC,UAAUlE,MAAMmE,UAAUC,YAAcF,UAAUlE,MAAMmE,UAAUG,O,MAC7G,GAAIhF,KAAKa,mBAAoB,CAClC8D,EAAiB3E,KAAKqC,sBAAwBuC,UAAUlE,MAAMmE,UAAUC,YAAcF,UAAUlE,MAAMmE,UAAUG,O,KAC3G,CACLL,EAAiB3E,KAAKkE,YAAcU,UAAUlE,MAAMmE,UAAUI,SAAWL,UAAUlE,MAAMmE,UAAUG,O,CAGrG,OAAOL,C,EAGT5E,EAAAM,UAAA6E,qBAAA,WACEC,QACA1D,OAAO2D,oBAAoB,WAAYpF,KAAKE,mB,EAG9CH,EAAAM,UAAAgF,WAAA,SAAWtC,GACTrC,MAAM4E,YAAc,GACpB,GAAIvC,IAAS,SAAWrC,MAAM6E,aAAc,CAC1CC,aAAaC,SAAQ,SAAAC,GACnBhF,MAAMgF,EAAOC,UAAUF,SAAQ,SAAAG,GAAa,OAAKA,EAAcC,SAAW,KAA9B,G,IAE9CnF,MAAMoF,0BAA4B,EAClCpF,MAAMqF,sBAAwB,EAC9BrF,MAAMsF,wBAA0B,EAChCtF,MAAM6E,aAAeU,6B,MAChB,GAAIlD,IAAS,qBAAuBrC,MAAMwF,yBAA0B,CACzEC,yBAAyBV,SAAQ,SAAAC,GAC/BhF,MAAMgF,EAAOC,UAAUF,SAAQ,SAAAG,GAAa,OAAKA,EAAcC,SAAW,KAA9B,G,IAE9CnF,MAAMoF,0BAA4B,EAClCpF,MAAMsF,wBAA0B,EAChCtF,MAAMwF,yBAA2BE,yC,CAEnC1F,MAAMqC,KAAOA,C,EAGfhD,EAAAM,UAAAgG,OAAA,eAAA5C,EAAAzD,KACE,OACEsG,EAACC,KAAI,CACHC,MAAO,CACL,sBAAuBxG,KAAKyG,gBAC5B,qBAAsBzG,KAAK0G,eAC3B,kBAAmB1G,KAAK2G,aACxB,qBAAsB3G,KAAK4G,eAC3B,0BAA2B5G,KAAK6G,oBAChC,6BAA8B7G,KAAK8G,sBACnC,4BAA6B9G,KAAK+G,sBAClC,+BAAgC/G,KAAKgH,wBACrC,8BAA+BhH,KAAKiH,wBACpC,iCAAkCjH,KAAKkH,0BACvC,qBAAsBlH,KAAKmH,gBAC3B,iCAAkCnH,KAAKoH,0BACvC,gCAAiCpH,KAAKqH,yBACtC,yBAA0BrH,KAAKsH,mBAC/B,cAAetH,KAAKuH,SACpB,cAAevH,KAAKwH,SACpB,eAAgBxH,KAAKyH,UACrB,kBAAmBlE,OAAOvD,KAAK8C,OAASS,OAAOvD,KAAKgD,mBAAqBO,OAAOvD,KAAK0H,iBAAmB,EAAI,QAAU,UAGtHhH,MAAM6E,eAAiB7E,MAAMS,cAAgBT,MAAMC,0BAA4BD,MAAMI,wBAA0BJ,MAAMwF,0BACrHI,EAAA,OAAKqB,MAAM,yBACTrB,EAAA,QAAMqB,MAAM,YAGf3H,KAAK8C,OAASpC,MAAMqC,OAAS,UAAY/C,KAAKqB,WAAarB,KAAKS,uBAAyBT,KAAKa,qBAAuBH,MAAM6E,cAC1He,EAAA,sBACEsB,IAAK5H,KAAK4H,IACVC,UAAW7H,KAAK6H,UAAS,UAChB7H,KAAK8H,OACdC,OAAQ/H,KAAK+H,OACbC,UAAWhI,KAAKgI,UAChBC,WAAYjI,KAAKiI,WACjBC,OAAQlI,KAAKkI,OACbC,QAASnI,KAAKmI,QACdC,OAAQpI,KAAKoI,OACbC,UAAWrI,KAAKqI,YAGnBrI,KAAKqB,UAAYrB,KAAKkB,gBAAkBR,MAAMS,aAC7CmF,EAAA,qBAAmBsB,IAAK5H,KAAK4H,IAAKC,UAAW7H,KAAK6H,UAAS,UAAW7H,KAAKkB,gBAE5ElB,KAAKS,sBAAwBT,KAAKQ,2BACjC8F,EAAA,kCAAgCsB,IAAK5H,KAAK4H,IAAKC,UAAW7H,KAAK6H,UAAS,uBAAwB7H,KAAKQ,4BAEtGR,KAAKa,oBAAsBb,KAAKY,yBAC/B0F,EAAA,gCAA8BsB,IAAK5H,KAAK4H,IAAKC,UAAW7H,KAAK6H,UAAS,qBAAsB7H,KAAKY,0BAElGZ,KAAKgD,mBAAqBtC,MAAMqC,OAAS,sBAAwBrC,MAAMwF,2BAA6BlG,KAAKS,sBACxG6F,EAAA,mCACEsB,IAAK5H,KAAK4H,IACVC,UAAW7H,KAAK6H,UAAS,UAChB7H,KAAK8H,OACdC,OAAQ/H,KAAK+H,OACbC,UAAWhI,KAAKgI,UAChBC,WAAYjI,KAAKiI,WACjBC,OAAQlI,KAAKkI,OACbC,QAASnI,KAAKmI,WAGhBzH,MAAM6E,cAAgB7E,MAAMS,aAAeT,MAAMsC,mBAAqBtC,MAAMC,yBAA2BD,MAAMI,wBAC7GwF,EAAA,OAAKqB,MAAM,iBACTrB,EAAA,OACEqB,MAAO,GAAAW,OAAGtI,KAAKyC,YAAc,8BAAgC,oBAAkB6F,OAC7EtI,KAAKqB,UAAYrB,KAAKS,sBAAwBT,KAAKa,mBAAqB,iBAAmB,KAG5F0C,OAAOvD,KAAK8C,OAASS,OAAOvD,KAAKgD,mBAAqBO,OAAOvD,KAAK0H,iBAAmB,IAAM1H,KAAKqB,WAAarB,KAAKS,uBAAyBT,KAAKa,oBAC/IyF,EAAA,OAAKqB,MAAM,+BACR3H,KAAK8C,OACJwD,EAAA,SAAOqB,MAAO,UAAAW,OAAU5H,MAAMqC,OAAS,QAAU,oBAAsB,IAAMwF,QAAS,WAAM,OAAA9E,EAAK4B,WAAW,QAAhB,GACzFT,UAAUlE,MAAMmE,UAAU2D,KAAKC,QAAQ3F,OAG3C9C,KAAKgD,mBACJsD,EAAA,SAAOqB,MAAO,UAAAW,OAAU5H,MAAMqC,OAAS,oBAAsB,oBAAsB,IAAMwF,QAAS,WAAM,OAAA9E,EAAK4B,WAAW,oBAAhB,GACrGT,UAAUlE,MAAMmE,UAAU2D,KAAKC,QAAQzF,qBAK9ChD,KAAKqB,WAAarB,KAAKS,uBAAyBT,KAAKa,mBACrDyF,EAAA,OAAKqB,MAAM,mCACTrB,EAAA,OAAKqB,MAAM,2BACTrB,EAAA,oBAEFA,EAAA,OAAKqB,MAAM,4BACTrB,EAAA,UAAQiC,QAAS,WAAM,OAAA9E,EAAKU,eAAL,EAAsBwD,MAAM,yBAEjDrB,EAAA,QAAM1B,UAAW,MAAO+C,MAAM,gEAA8D,eAG3F/C,UAAUlE,MAAMmE,UAAUa,UAKjCY,EAAA,OAAKqB,MAAM,wBACTrB,EAAA,UAAQiC,QAAS,WAAM,OAAA9E,EAAKY,kBAAL,EAAyBsD,MAAM,mBAEpDrB,EAAA,QAAM1B,UAAW,MAAO+C,MAAM,8CAA4C,iBAQlFrB,EAAA,OAAKqB,MAAO,qBAAAW,OAAqBtI,KAAKqB,UAAYrB,KAAKS,sBAAwBT,KAAKa,mBAAqB,eAAiB,kBACxHyF,EAAA,OACEqB,MAAO3H,KAAKyC,YAAc,sCAAwC,2BAClE+D,MAAO,CAAEkC,QAAS1I,KAAKqB,UAAYrB,KAAKS,sBAAwBT,KAAKa,mBAAqB,OAAS,OAAQ8H,SAAU3I,KAAKqB,SAAW,WAAa,aAEjJX,MAAMqC,OAAS,SAAW/C,KAAK8C,OAC9BwD,EAAA,gDAC8B,QAAO,gBACpBtG,KAAKyC,YAAW,oBACZzC,KAAKyG,gBAAe,mBACrBzG,KAAK4G,eAAc,4BACV5G,KAAKiH,wBAAuB,+BACzBjH,KAAKkH,0BAAyB,8BAC/BlH,KAAKqH,2BAGrC3G,MAAMqC,OAAS,qBAAuB/C,KAAKgD,mBAC1CsD,EAAA,6DAC8B,QAAO,gBACpBtG,KAAKyC,YAAW,oBACZzC,KAAKyG,gBAAe,mBACrBzG,KAAK4G,eAAc,4BACV5G,KAAKiH,wBAAuB,+BACzBjH,KAAKkH,0BAAyB,8BAC/BlH,KAAKqH,4BAItCrH,KAAKqB,WAAaX,MAAMS,aACvBnB,KAAKS,uBAAyBC,MAAMC,yBACpCX,KAAKa,qBAAuBH,MAAMI,wBACjCJ,MAAM6E,cAAgB7E,MAAMqC,OAAS,UACrCrC,MAAMsC,mBAAqBtC,MAAMqC,OAAS,qBAC1CuD,EAAA,OAAKqB,MAAO3H,KAAKyC,YAAc,8BAAgC,oBAC7D6D,EAAA,QAAMqB,MAAM,YAGjBjH,MAAMS,aACLmF,EAAA,OAAKqB,MAAO3H,KAAKyC,YAAc,uCAAyC,6BACtE6D,EAAA,mBACEE,MAAO,CACLoC,YAAc5I,KAAKsB,aAAetB,KAAKqB,UAAarB,KAAKyC,YAAc,UAAY,SACnFoG,QAAS7I,KAAKsB,YAAc,IAAM,KACnC,8BAC2B,QAAO,oBAChBtB,KAAKyG,gBAAe,mBACrBzG,KAAK4G,eAAc,0BACZ5G,KAAK+G,sBAAqB,6BACvB/G,KAAKgH,wBAAuB,4BAC7BhH,KAAKiH,wBAAuB,+BACzBjH,KAAKkH,0BAAyB,8BAC/BlH,KAAKqH,yBAAwB,mBACxCrH,KAAKmH,gBACvB2B,QAAS9I,KAAK8I,QAAO,gBACN9I,KAAKyC,eAIzBzC,KAAKS,sBACJ6F,EAAA,OAAKqB,MAAO3H,KAAKyC,YAAc,oDAAsD,0CACnF6D,EAAA,gCACEE,MAAO,CACLoC,YAAa5I,KAAKmC,yBAA2BnC,KAAKyC,YAAc,UAAY,SAC5EoG,QAAS7I,KAAKmC,wBAA0B,IAAM,KAC/C,oBACkBnC,KAAKyG,gBAAe,mBACrBzG,KAAK4G,eAAc,0BACZ5G,KAAK+G,sBAAqB,6BACvB/G,KAAKgH,wBAAuB,4BAC7BhH,KAAKiH,wBAAuB,+BACzBjH,KAAKkH,0BAAyB,8BAC/BlH,KAAKqH,yBAAwB,mBACxCrH,KAAKmH,gBAAe,gBACvBnH,KAAKyC,eAIzBzC,KAAKa,oBACJyF,EAAA,OAAKqB,MAAO3H,KAAKyC,YAAc,kDAAoD,wCACjF6D,EAAA,8BACEE,MAAO,CACLoC,YAAa5I,KAAKqC,uBAAyBrC,KAAKyC,YAAc,UAAY,SAC1EoG,QAAS7I,KAAKqC,sBAAwB,IAAM,KAC7C,oBACkBrC,KAAKyG,gBAAe,mBACrBzG,KAAK4G,eAAc,0BACZ5G,KAAK+G,sBAAqB,6BACvB/G,KAAKgH,wBAAuB,4BAC7BhH,KAAKiH,wBAAuB,+BACzBjH,KAAKkH,0BAAyB,8BAC/BlH,KAAKqH,yBAAwB,mBACxCrH,KAAKmH,gBAAe,gBACvBnH,KAAKyC,eAI1B6D,EAAA,yCAC8B,QAC5BqB,MAAO3H,KAAKyC,YAAc,+BAAiC,oBAC3D+D,MAAO,CACLoC,WACG5I,KAAKkE,cAAgBlE,KAAKqB,UAC1BrB,KAAKsB,aAAetB,KAAKqB,UACzBrB,KAAKmC,yBAA2BnC,KAAKS,sBACrCT,KAAKqC,uBAAyBrC,KAAKa,oBACpCb,KAAKyC,YACD,UACA,SACNoG,OAAQ7I,KAAKkE,aAAelE,KAAKsB,aAAetB,KAAKmC,yBAA2BnC,KAAKqC,sBAAwB,IAAM,KAErH0G,OAAQ/I,KAAK+I,OACbC,KAAMhJ,KAAKgJ,KAAI,aACHhJ,KAAKiJ,UAAS,YACfjJ,KAAKkJ,SAAQ,oBACLlJ,KAAKmJ,iBAAgB,oBACrBnJ,KAAKyG,gBAAe,mBACrBzG,KAAK4G,eAAc,0BACZ5G,KAAK+G,sBAAqB,6BACvB/G,KAAKgH,wBAAuB,mBACtChH,KAAKmH,gBAAe,kBACrBnH,KAAKoJ,cAAa,uBACbpJ,KAAKqJ,mBAAkB,iBAC7BrJ,KAAKsJ,aAAY,gBAClBtJ,KAAKyC,YAAW,eACjBzC,KAAKuJ,iBAGnBvJ,KAAKqB,WAAarB,KAAKS,uBAAyBT,KAAKa,oBACtDb,KAAKqB,UAAYX,MAAMS,aACvBnB,KAAKS,sBAAwBC,MAAMC,yBACnCX,KAAKa,oBAAsBH,MAAMI,wBAClCwF,EAAA,OAAKqB,MAAM,mCACTrB,EAAA,UAAQiC,QAAS,WAAM,OAAA9E,EAAKc,eAAL,EAAsBoD,MAAM,wBAAwBnB,MAAO,CAAEkC,QAAS1I,KAAKyC,YAAc,OAAS,SAEvH6D,EAAA,QAAM1B,UAAW,MAAO+C,MAAM,8CAC3B3H,KAAKwE,8BAEPxE,KAAK0E,kCAMd1E,KAAKqB,UAAYrB,KAAKoE,aAAekC,EAAA,eAAanC,cAAe,WAAM,OAAAV,EAAKU,eAAL,I,0QArjB9D,G"}