@geotrekce/geotrek-rando-widget 0.5.9 → 0.6.0

package/dist/cjs/grw-app.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-e9166f30.js');
 const i18n = require('./i18n-ffadc673.js');
 const store = require('./store-1bee207d.js');
 
-const grwAppCss = "grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);overflow:hidden;max-width:100dvw;max-height:100dvh}.grw-app-container{position:relative;background-color:var(--color-background);width:100%;height:100%;overflow:hidden}.grw-languages-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;margin:16px 16px 0px 0px}.grw-header-container,.grw-large-view-header-container{height:var(--header-height)}.grw-header-container .grw-arrow-back-container,.grw-large-view-header-container .grw-arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.grw-header-container .grw-arrow-back-container .grw-arrow-back-icon,.grw-large-view-header-container .grw-arrow-back-container .grw-arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:var(--border-radius, 50%);height:48px;width:48px;padding:0px;text-align:left}.grw-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}.grw-handle-search-filters-container .grw-handle-search-container{width:calc(50% + 48px);max-width:220px}.grw-handle-search-filters-container .grw-handle-filters-container{margin-left:16px}.grw-header-detail{height:64px}.grw-large-view-header-container .grw-handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.grw-init-loader-container,.grw-loader-container,.grw-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)}.grw-content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - var(--header-height))}.grw-content-treks{height:calc(100% - var(--header-height))}.grw-content-trek{height:100%}.grw-large-view-app-treks-list-container,.grw-large-view-app-trek-detail-container,.grw-large-view-app-touristic-content-detail-container,.grw-large-view-app-touristic-event-detail-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;height:100%}.grw-app-map-container,.grw-large-view-app-map-container{width:100%;height:100%}.grw-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}.grw-init-loader-container,.grw-loader-container{width:100%}.grw-app-treks-list-container,.grw-app-trek-detail-container,.grw-app-touristic-content-detail-container,.grw-app-touristic-event-detail-container{width:100%}grw-treks-list,grw-touristic-contents-list{max-height:calc(100vh - var(--header-height))}grw-trek-detail{position:relative;max-height:calc(100vh - 64px - 48px)}grw-touristic-content-detail,grw-touristic-event-detail{position:relative;max-height:calc(100vh - 64px)}.grw-app-map-container{width:100%;position:absolute}.grw-large-view-loader-container{width:50%}.grw-large-view-app-treks-list-container,.grw-large-view-app-trek-detail-container,.grw-large-view-app-touristic-content-detail-container,.grw-large-view-app-touristic-event-detail-container{width:50%}.grw-large-view-app-map-container{position:relative;width:50%}.grw-error-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;margin-top:16px;font-family:var(--font-family);font-size:16px}.grw-error-container grw-common-button{margin-top:16px}";
+const grwAppCss = "grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);overflow:hidden;max-width:100dvw;max-height:100dvh}.grw-app-container{position:relative;background-color:var(--color-background);width:100%;height:100%;overflow:hidden}.grw-languages-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;margin:16px 16px 0px 0px}.grw-header-container,.grw-large-view-header-container{height:var(--header-height)}.grw-header-container .grw-arrow-back-container,.grw-large-view-header-container .grw-arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.grw-header-container .grw-arrow-back-container .grw-arrow-back-icon,.grw-large-view-header-container .grw-arrow-back-container .grw-arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:var(--border-radius, 50%);height:48px;width:48px;padding:0px;text-align:left}.grw-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}.grw-handle-search-filters-container .grw-handle-search-container{width:calc(50% + 48px);max-width:220px}.grw-handle-search-filters-container .grw-handle-filters-container{margin-left:16px}.grw-header-detail{height:64px}.grw-large-view-header-container .grw-handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.grw-init-loader-container,.grw-loader-container,.grw-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)}.grw-content-container{position:relative;display:-ms-flexbox;display:flex}.grw-content-treks{height:calc(100% - var(--header-height) - var(--header-with-segment))}.grw-content-trek{height:100%}.grw-large-view-app-treks-list-container,.grw-large-view-app-trek-detail-container,.grw-large-view-app-touristic-content-detail-container,.grw-large-view-app-touristic-event-detail-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;height:100%}.grw-app-map-container,.grw-large-view-app-map-container{width:100%;height:100%}.grw-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}.grw-init-loader-container,.grw-loader-container{width:100%}.grw-app-treks-list-container,.grw-app-trek-detail-container,.grw-app-touristic-content-detail-container,.grw-app-touristic-event-detail-container{width:100%}grw-treks-list,grw-touristic-contents-list{max-height:calc(100vh - var(--header-height))}grw-trek-detail{position:relative;max-height:calc(100vh - 64px - 48px)}grw-touristic-content-detail,grw-touristic-event-detail{position:relative;max-height:calc(100vh - 64px)}.grw-app-map-container{width:100%;position:absolute}.grw-large-view-loader-container{width:50%}.grw-large-view-app-treks-list-container,.grw-large-view-app-trek-detail-container,.grw-large-view-app-touristic-content-detail-container,.grw-large-view-app-touristic-event-detail-container{width:50%}.grw-large-view-app-map-container{position:relative;width:50%}.grw-error-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;margin-top:16px;font-family:var(--font-family);font-size:16px}.grw-error-container grw-common-button{margin-top:16px}";
 
 const GrwApp = class {
   constructor(hostRef) {
@@ -79,6 +79,7 @@ const GrwApp = class {
     const parentTrek = store.state.parentTrekId ? store.state.parentTrekId : store.state.currentTrekSteps ? this.currentTrekId : null;
     store.state.currentTrek = null;
     this.currentTrekId = event.detail;
+    store.state.mode = 'treks';
     this.showTrek = true;
     this.showTrekMap = false;
     const url = new URL(window.location.toString());
@@ -91,6 +92,7 @@ const GrwApp = class {
   onParentTrekPress(event) {
     store.state.currentTrek = null;
     this.currentTrekId = event.detail;
+    store.state.mode = 'treks';
     this.showTrek = true;
     this.showTrekMap = false;
     const url = new URL(window.location.toString());
@@ -103,6 +105,7 @@ const GrwApp = class {
     this.currentTrekId = null;
     this.showTrek = false;
     this.currentTouristicContentId = event.detail;
+    store.state.mode = 'touristicContents';
     this.showTouristicContent = true;
     this.showTouristicContentMap = false;
     const url = new URL(window.location.toString());
@@ -115,6 +118,7 @@ const GrwApp = class {
     this.currentTrekId = null;
     this.showTrek = false;
     this.currentTouristicEventId = event.detail;
+    store.state.mode = 'touristicEvents';
     this.showTouristicEvent = true;
     this.showTouristicEventMap = false;
     const url = new URL(window.location.toString());
@@ -152,16 +156,19 @@ const GrwApp = class {
       window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);
       store.state.parentTrekId = parentTrekId ? Number(parentTrekId) : null;
       this.currentTrekId = Number(trekParam);
+      store.state.mode = 'treks';
       this.showTrek = true;
     }
     else if (touristicContentParam) {
       window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);
       this.currentTouristicContentId = Number(touristicContentParam);
+      store.state.mode = 'touristicContents';
       this.showTouristicContent = true;
     }
     else if (touristicEventParam) {
       window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);
       this.currentTouristicEventId = Number(touristicEventParam);
+      store.state.mode = 'touristicEvents';
       this.showTouristicEvent = true;
     }
   }
@@ -226,6 +233,7 @@ const GrwApp = class {
       store.state.currentTouristicEvent = null;
       store.state.currentTrek = null;
       this.currentTrekId = trekParam;
+      store.state.mode = 'treks';
       this.showTrek = true;
     }
     else if (!trekParam && !touristicContentParam && !touristicEventParam) {
@@ -309,13 +317,14 @@ const GrwApp = class {
         '--app-width': this.appWidth,
         '--app-height': this.appHeight,
         '--header-height': Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 ? '136px' : '64px',
+        '--header-with-segment': Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 ? '16px' : '0px',
         '--border-radius': this.rounded ? '' : '0px',
       } }, !store.state.currentTreks &&
       !store.state.currentTrek &&
       !store.state.currentTouristicContent &&
       !store.state.currentTouristicEvent &&
       !store.state.currentTouristicContents &&
-      !store.state.currentTouristicEvents && (index.h("div", { class: "grw-init-loader-container" }, index.h("grw-loader", { "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer }))), this.treks && store.state.mode === 'treks' && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !store.state.currentTreks && (index.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 && !store.state.currentTrek && (index.h("grw-trek-provider", { api: this.api, languages: this.languages, "trek-id": this.currentTrekId, portals: this.portals })), this.showTouristicContent && this.currentTouristicContentId && (index.h("grw-touristic-content-provider", { api: this.api, languages: this.languages, "touristic-content-id": this.currentTouristicContentId, portals: this.portals })), this.showTouristicEvent && this.currentTouristicEventId && (index.h("grw-touristic-event-provider", { api: this.api, languages: this.languages, "touristic-event-id": this.currentTouristicEventId, portals: this.portals })), this.touristicContents && store.state.mode === 'touristicContents' && !store.state.currentTouristicContents && !this.showTouristicContent && (index.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 })), this.touristicEvents && store.state.mode === 'touristicEvents' && !store.state.currentTouristicEvents && !this.showTouristicEvent && (index.h("grw-touristic-events-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 })), (store.state.currentTreks ||
+      !store.state.currentTouristicEvents && (index.h("div", { class: "grw-init-loader-container" }, index.h("grw-loader", { exportparts: "loader", "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer }))), this.treks && store.state.mode === 'treks' && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !store.state.currentTreks && (index.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 && !store.state.currentTrek && (index.h("grw-trek-provider", { api: this.api, languages: this.languages, "trek-id": this.currentTrekId, portals: this.portals })), this.showTouristicContent && this.currentTouristicContentId && (index.h("grw-touristic-content-provider", { api: this.api, languages: this.languages, "touristic-content-id": this.currentTouristicContentId, portals: this.portals })), this.showTouristicEvent && this.currentTouristicEventId && (index.h("grw-touristic-event-provider", { api: this.api, languages: this.languages, "touristic-event-id": this.currentTouristicEventId, portals: this.portals })), this.touristicContents && store.state.mode === 'touristicContents' && !store.state.currentTouristicContents && !this.showTouristicContent && (index.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 })), this.touristicEvents && store.state.mode === 'touristicEvents' && !store.state.currentTouristicEvents && !this.showTouristicEvent && (index.h("grw-touristic-events-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 })), (store.state.currentTreks ||
       store.state.currentTrek ||
       store.state.touristicContents ||
       store.state.touristicEvents ||
@@ -324,21 +333,21 @@ const GrwApp = class {
       store.state.networkError) && (index.h("div", { class: "grw-app-container" }, store.state.languages && store.state.languages.length > 1 && (index.h("div", { class: "grw-languages-container" }, index.h("grw-select-language", null))), index.h("div", { class: `${this.isLargeView ? 'grw-large-view-header-container' : 'grw-header-container'}${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? ' grw-header-detail' : ''}` }, Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 &&
       !this.showTrek &&
       !this.showTouristicContent &&
-      !this.showTouristicEvent && (index.h("grw-segmented-segment", { fontFamily: this.fontFamily, treks: this.treks, touristicContents: this.touristicContents, touristicEvents: this.touristicEvents })), !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (index.h("div", { class: "grw-handle-search-filters-container" }, index.h("div", { class: "grw-handle-search-container" }, index.h("grw-search", { fontFamily: this.fontFamily })), index.h("div", { class: "hgrw-andle-filters-container" }, index.h("grw-common-button", { fontFamily: this.fontFamily, action: () => this.handleFilters(), icon: 'filter_list', name: i18n.translate[store.state.language].filter })))) : (index.h("div", { class: "grw-arrow-back-container" }, index.h("button", { onClick: () => this.handleBackButton(), class: "grw-arrow-back-icon" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "arrow_back"))))), index.h("div", { class: `grw-content-container ${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'grw-content-trek' : 'grw-content-treks'}` }, store.state.networkError && (index.h("div", { class: "grw-error-container" }, "Une erreur est survenue.", index.h("grw-common-button", { icon: "refresh", name: "Recharger la page", action: () => this.reload() }))), index.h("div", { class: this.isLargeView ? 'grw-large-view-app-treks-list-container' : 'grw-app-treks-list-container', style: { display: this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' } }, store.state.mode === 'treks' && this.treks && (index.h("grw-treks-list", { "reset-store-on-disconnected": 'false', "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "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 })), store.state.mode === 'touristicContents' && this.touristicContents && (index.h("grw-touristic-contents-list", { "reset-store-on-disconnected": 'false', "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "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 })), store.state.mode === 'touristicEvents' && this.touristicEvents && (index.h("grw-touristic-events-list", { "reset-store-on-disconnected": 'false', "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "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 && !store.state.currentTrek) ||
+      !this.showTouristicEvent && (index.h("grw-segmented-segment", { fontFamily: this.fontFamily, treks: this.treks, touristicContents: this.touristicContents, touristicEvents: this.touristicEvents })), !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (index.h("div", { class: "grw-handle-search-filters-container" }, index.h("div", { class: "grw-handle-search-container" }, index.h("grw-search", { fontFamily: this.fontFamily })), index.h("div", { class: "grw-handle-filters-container" }, index.h("grw-common-button", { exportparts: "common-button,common-button-icon,common-button-label", fontFamily: this.fontFamily, action: () => this.handleFilters(), icon: 'filter_list', name: i18n.translate[store.state.language].filter })))) : (index.h("div", { class: "grw-arrow-back-container" }, index.h("button", { onClick: () => this.handleBackButton(), class: "grw-arrow-back-icon" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "arrow_back"))))), index.h("div", { class: `grw-content-container ${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'grw-content-trek' : 'grw-content-treks'}` }, store.state.networkError && (index.h("div", { class: "grw-error-container" }, "Une erreur est survenue.", index.h("grw-common-button", { exportparts: "common-button,common-button-icon,common-button-label", icon: "refresh", name: "Recharger la page", action: () => this.reload() }))), index.h("div", { class: this.isLargeView ? 'grw-large-view-app-treks-list-container' : 'grw-app-treks-list-container', style: { display: this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' } }, store.state.mode === 'treks' && this.treks && (index.h("grw-treks-list", { "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "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 })), store.state.mode === 'touristicContents' && this.touristicContents && (index.h("grw-touristic-contents-list", { "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "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 })), store.state.mode === 'touristicEvents' && this.touristicEvents && (index.h("grw-touristic-events-list", { "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "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 && !store.state.currentTrek) ||
       (this.showTouristicContent && !store.state.currentTouristicContent) ||
       (this.showTouristicEvent && !store.state.currentTouristicEvent) ||
-      (!store.state.treks && store.state.mode === 'treks') ||
-      (!store.state.touristicContents && store.state.mode === 'touristicContents') ||
-      (!store.state.touristicEvents && store.state.mode === 'touristicEvents')) && (index.h("div", { class: this.isLargeView ? 'grw-large-view-loader-container' : 'grw-loader-container' }, index.h("grw-loader", { "color-primary-container": this.colorSecondaryContainer, "color-on-primary-container": this.colorOnSecondaryContainer }))), this.showTrek && (index.h("div", { class: this.isLargeView ? 'grw-large-view-app-trek-detail-container' : 'grw-app-trek-detail-container' }, index.h("grw-trek-detail", { style: {
+      (!store.state.treks && store.state.mode === 'treks' && !this.showTrek) ||
+      (!store.state.touristicContents && store.state.mode === 'touristicContents' && !this.showTouristicContent) ||
+      (!store.state.touristicEvents && store.state.mode === 'touristicEvents' && !this.showTouristicEvent)) && (index.h("div", { class: this.isLargeView ? 'grw-large-view-loader-container' : 'grw-loader-container' }, index.h("grw-loader", { exportparts: "loader", "color-primary-container": this.colorSecondaryContainer, "color-on-primary-container": this.colorOnSecondaryContainer }))), this.showTrek && (index.h("div", { class: this.isLargeView ? 'grw-large-view-app-trek-detail-container' : 'grw-app-trek-detail-container' }, index.h("grw-trek-detail", { style: {
         visibility: (!this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',
         zIndex: !this.showTrekMap ? '1' : '0',
-      }, "reset-store-on-disconnected": 'false', fontFamily: this.fontFamily, "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, "emergency-number": this.emergencyNumber }))), this.showTouristicContent && (index.h("div", { class: this.isLargeView ? 'grw-large-view-app-touristic-content-detail-container' : 'grw-app-touristic-content-detail-container' }, index.h("grw-touristic-content-detail", { style: {
+      }, fontFamily: this.fontFamily, "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, "emergency-number": this.emergencyNumber }))), this.showTouristicContent && (index.h("div", { class: this.isLargeView ? 'grw-large-view-app-touristic-content-detail-container' : 'grw-app-touristic-content-detail-container' }, index.h("grw-touristic-content-detail", { style: {
         visibility: !this.showTouristicContentMap || this.isLargeView ? 'visible' : 'hidden',
         zIndex: !this.showTouristicContentMap ? '1' : '0',
       }, fontFamily: this.fontFamily, "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 && (index.h("div", { class: this.isLargeView ? 'grw-large-view-app-touristic-event-detail-container' : 'grw-app-touristic-event-detail-container' }, index.h("grw-touristic-event-detail", { style: {
         visibility: !this.showTouristicEventMap || this.isLargeView ? 'visible' : 'hidden',
         zIndex: !this.showTouristicEventMap ? '1' : '0',
-      }, fontFamily: this.fontFamily, "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 }))), !store.state.networkError && (index.h("grw-map", { "reset-store-on-disconnected": 'false', class: this.isLargeView ? 'grw-large-view-app-map-container' : 'grw-app-map-container', style: {
+      }, fontFamily: this.fontFamily, "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 }))), !store.state.networkError && (index.h("grw-map", { exportparts: "map,elevation,map-bottom-space,map-loader-container,loader", class: this.isLargeView ? 'grw-large-view-app-map-container' : 'grw-app-map-container', style: {
         visibility: (this.showHomeMap && !this.showTrek) ||
           (this.showTrekMap && this.showTrek) ||
           (this.showTouristicContentMap && this.showTouristicContent) ||
@@ -350,7 +359,7 @@ const GrwApp = class {
       }, center: this.center, zoom: this.zoom, "name-layer": this.nameLayer, "url-layer": this.urlLayer, "attribution-layer": this.attributionLayer, fontFamily: this.fontFamily, "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 && store.state.currentTrek) ||
       (this.showTouristicContent && store.state.currentTouristicContent) ||
-      (this.showTouristicEvent && store.state.currentTouristicEvent)) && (index.h("div", { class: "grw-map-visibility-button-container" }, index.h("grw-extended-fab", { fontFamily: this.fontFamily, action: () => this.handleShowMap(), icon: () => this.getMapVisibilityIconButton(), name: () => this.getMapVisibilityLabelButton(), display: this.isLargeView ? 'none' : 'flex' }))))), !this.showTrek && this.showFilters && index.h("grw-filters", { fontFamily: this.fontFamily, handleFilters: () => this.handleFilters() })));
+      (this.showTouristicEvent && store.state.currentTouristicEvent)) && (index.h("div", { class: "grw-map-visibility-button-container" }, index.h("grw-extended-fab", { exportparts: "map-visibility-button,map-visibility-button-icon,map-visibility-button-label", fontFamily: this.fontFamily, action: () => this.handleShowMap(), icon: () => this.getMapVisibilityIconButton(), name: () => this.getMapVisibilityLabelButton(), display: this.isLargeView ? 'none' : 'flex' }))))), !this.showTrek && this.showFilters && index.h("grw-filters", { fontFamily: this.fontFamily, handleFilters: () => this.handleFilters() })));
   }
   get appElement() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/grw-app.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"grw-app.entry.cjs.js","mappings":"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","names":["state","translate","reset","h","Host"],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":["grw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  overflow: hidden;\n  max-width: 100dvw;\n  max-height: 100dvh;\n}\n\n.grw-app-container {\n  position: relative;\n  background-color: var(--color-background);\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.grw-languages-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 16px 16px 0px 0px;\n}\n\n.grw-header-container,\n.grw-large-view-header-container {\n  height: var(--header-height);\n  .grw-arrow-back-container {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    margin: 0px 16px;\n    .grw-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: var(--border-radius, 50%);\n      height: 48px;\n      width: 48px;\n      padding: 0px;\n      text-align: left;\n    }\n  }\n}\n\n.grw-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  .grw-handle-search-container {\n    width: calc(50% + 48px);\n    max-width: 220px;\n  }\n  .grw-handle-filters-container {\n    margin-left: 16px;\n  }\n}\n\n.grw-header-detail {\n  height: 64px;\n}\n\n.grw-large-view-header-container {\n  .grw-handle-search-filters-container {\n    justify-content: flex-start;\n  }\n}\n\n.grw-init-loader-container,\n.grw-loader-container,\n.grw-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}\n\n.grw-content-container {\n  position: relative;\n  display: flex;\n  height: calc(100% - var(--header-height));\n}\n\n.grw-content-treks {\n  height: calc(100% - var(--header-height));\n}\n\n.grw-content-trek {\n  height: 100%;\n}\n\n.grw-large-view-app-treks-list-container,\n.grw-large-view-app-trek-detail-container,\n.grw-large-view-app-touristic-content-detail-container,\n.grw-large-view-app-touristic-event-detail-container,\n.grw-large-view-app-treks-list-container,\n.grw-large-view-app-trek-detail-container {\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  height: 100%;\n}\n\n.grw-app-map-container,\n.grw-large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.grw-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}\n\n.grw-init-loader-container,\n.grw-loader-container {\n  width: 100%;\n}\n\n.grw-app-treks-list-container,\n.grw-app-trek-detail-container,\n.grw-app-touristic-content-detail-container,\n.grw-app-touristic-event-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 {\n  position: relative;\n  max-height: calc(100vh - 64px - 48px);\n}\n\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\n  position: relative;\n  max-height: calc(100vh - 64px);\n}\n\n.grw-app-map-container {\n  width: 100%;\n  position: absolute;\n}\n\n.grw-large-view-loader-container {\n  width: 50%;\n}\n\n.grw-large-view-app-treks-list-container,\n.grw-large-view-app-trek-detail-container,\n.grw-large-view-app-touristic-content-detail-container,\n.grw-large-view-app-touristic-event-detail-container {\n  width: 50%;\n}\n\n.grw-large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.grw-error-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  margin-top: 16px;\n  font-family: var(--font-family);\n  font-size: 16px;\n  grw-common-button {\n    margin-top: 16px;\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { reset } from 'store/store';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() appElement: HTMLElement;\n  @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  @Prop() emergencyNumber: number;\n\n  @Prop() fontFamily = 'Roboto';\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  @Prop() rounded = true;\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    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\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    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onDetailsClose() {\n    if (this.treks) {\n      state.mode = 'treks';\n    } else if (this.touristicContents) {\n      state.mode = 'touristicContents';\n    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\n    }\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    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 (state.language) {\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\n    return mapLabelButton;\n  }\n\n  reload() {\n    window.location.reload();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\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          '--color-sensitive-area': this.colorSensitiveArea,\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          '--border-radius': this.rounded ? '' : '0px',\n        }}\n      >\n        {!state.currentTreks &&\n          !state.currentTrek &&\n          !state.currentTouristicContent &&\n          !state.currentTouristicEvent &&\n          !state.currentTouristicContents &&\n          !state.currentTouristicEvents && (\n            <div class=\"grw-init-loader-container\">\n              <grw-loader color-primary-container={this.colorPrimaryContainer} color-on-primary-container={this.colorOnPrimaryContainer}></grw-loader>\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} portals={this.portals}></grw-trek-provider>\n        )}\n        {this.showTouristicContent && this.currentTouristicContentId && (\n          <grw-touristic-content-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-content-id={this.currentTouristicContentId}\n            portals={this.portals}\n          ></grw-touristic-content-provider>\n        )}\n        {this.showTouristicEvent && this.currentTouristicEventId && (\n          <grw-touristic-event-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-event-id={this.currentTouristicEventId}\n            portals={this.portals}\n          ></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        {this.touristicEvents && state.mode === 'touristicEvents' && !state.currentTouristicEvents && !this.showTouristicEvent && (\n          <grw-touristic-events-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-events-provider>\n        )}\n        {(state.currentTreks ||\n          state.currentTrek ||\n          state.touristicContents ||\n          state.touristicEvents ||\n          state.currentTouristicContent ||\n          state.currentTouristicEvent ||\n          state.networkError) && (\n          <div class=\"grw-app-container\">\n            {state.languages && state.languages.length > 1 && (\n              <div class=\"grw-languages-container\">\n                <grw-select-language></grw-select-language>\n              </div>\n            )}\n            <div\n              class={`${this.isLargeView ? 'grw-large-view-header-container' : 'grw-header-container'}${\n                this.showTrek || this.showTouristicContent || this.showTouristicEvent ? ' grw-header-detail' : ''\n              }`}\n            >\n              {Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 &&\n                !this.showTrek &&\n                !this.showTouristicContent &&\n                !this.showTouristicEvent && (\n                  <grw-segmented-segment\n                    fontFamily={this.fontFamily}\n                    treks={this.treks}\n                    touristicContents={this.touristicContents}\n                    touristicEvents={this.touristicEvents}\n                  ></grw-segmented-segment>\n                )}\n              {!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (\n                <div class=\"grw-handle-search-filters-container\">\n                  <div class=\"grw-handle-search-container\">\n                    <grw-search fontFamily={this.fontFamily}></grw-search>\n                  </div>\n                  <div class=\"hgrw-andle-filters-container\">\n                    <grw-common-button\n                      fontFamily={this.fontFamily}\n                      action={() => this.handleFilters()}\n                      icon={'filter_list'}\n                      name={translate[state.language].filter}\n                    ></grw-common-button>\n                  </div>\n                </div>\n              ) : (\n                <div class=\"grw-arrow-back-container\">\n                  <button onClick={() => this.handleBackButton()} class=\"grw-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={`grw-content-container ${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'grw-content-trek' : 'grw-content-treks'}`}>\n              {state.networkError && (\n                <div class=\"grw-error-container\">\n                  Une erreur est survenue.\n                  <grw-common-button icon=\"refresh\" name=\"Recharger la page\" action={() => this.reload()}></grw-common-button>\n                </div>\n              )}\n              <div\n                class={this.isLargeView ? 'grw-large-view-app-treks-list-container' : 'grw-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                    fontFamily={this.fontFamily}\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                    fontFamily={this.fontFamily}\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                {state.mode === 'touristicEvents' && this.touristicEvents && (\n                  <grw-touristic-events-list\n                    reset-store-on-disconnected={'false'}\n                    is-large-view={this.isLargeView}\n                    fontFamily={this.fontFamily}\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-events-list>\n                )}\n              </div>\n              {((this.showTrek && !state.currentTrek) ||\n                (this.showTouristicContent && !state.currentTouristicContent) ||\n                (this.showTouristicEvent && !state.currentTouristicEvent) ||\n                (!state.treks && state.mode === 'treks') ||\n                (!state.touristicContents && state.mode === 'touristicContents') ||\n                (!state.touristicEvents && state.mode === 'touristicEvents')) && (\n                <div class={this.isLargeView ? 'grw-large-view-loader-container' : 'grw-loader-container'}>\n                  <grw-loader color-primary-container={this.colorSecondaryContainer} color-on-primary-container={this.colorOnSecondaryContainer}></grw-loader>\n                </div>\n              )}\n              {this.showTrek && (\n                <div class={this.isLargeView ? 'grw-large-view-app-trek-detail-container' : 'grw-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                    fontFamily={this.fontFamily}\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                    emergency-number={this.emergencyNumber}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              {this.showTouristicContent && (\n                <div class={this.isLargeView ? 'grw-large-view-app-touristic-content-detail-container' : 'grw-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                    fontFamily={this.fontFamily}\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 ? 'grw-large-view-app-touristic-event-detail-container' : 'grw-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                    fontFamily={this.fontFamily}\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              {!state.networkError && (\n                <grw-map\n                  reset-store-on-disconnected={'false'}\n                  class={this.isLargeView ? 'grw-large-view-app-map-container' : 'grw-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                  fontFamily={this.fontFamily}\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              )}\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=\"grw-map-visibility-button-container\">\n                <grw-extended-fab\n                  fontFamily={this.fontFamily}\n                  action={() => this.handleShowMap()}\n                  icon={() => this.getMapVisibilityIconButton()}\n                  name={() => this.getMapVisibilityLabelButton()}\n                  display={this.isLargeView ? 'none' : 'flex'}\n                ></grw-extended-fab>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && <grw-filters fontFamily={this.fontFamily} handleFilters={() => this.handleFilters()}></grw-filters>}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"grw-app.entry.cjs.js","mappings":"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","names":["state","translate","reset","h","Host"],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":["grw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  overflow: hidden;\n  max-width: 100dvw;\n  max-height: 100dvh;\n}\n\n.grw-app-container {\n  position: relative;\n  background-color: var(--color-background);\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.grw-languages-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 16px 16px 0px 0px;\n}\n\n.grw-header-container,\n.grw-large-view-header-container {\n  height: var(--header-height);\n  .grw-arrow-back-container {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    margin: 0px 16px;\n    .grw-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: var(--border-radius, 50%);\n      height: 48px;\n      width: 48px;\n      padding: 0px;\n      text-align: left;\n    }\n  }\n}\n\n.grw-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  .grw-handle-search-container {\n    width: calc(50% + 48px);\n    max-width: 220px;\n  }\n  .grw-handle-filters-container {\n    margin-left: 16px;\n  }\n}\n\n.grw-header-detail {\n  height: 64px;\n}\n\n.grw-large-view-header-container {\n  .grw-handle-search-filters-container {\n    justify-content: flex-start;\n  }\n}\n\n.grw-init-loader-container,\n.grw-loader-container,\n.grw-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}\n\n.grw-content-container {\n  position: relative;\n  display: flex;\n}\n\n.grw-content-treks {\n  height: calc(100% - var(--header-height) - var(--header-with-segment));\n}\n\n.grw-content-trek {\n  height: 100%;\n}\n\n.grw-large-view-app-treks-list-container,\n.grw-large-view-app-trek-detail-container,\n.grw-large-view-app-touristic-content-detail-container,\n.grw-large-view-app-touristic-event-detail-container,\n.grw-large-view-app-treks-list-container,\n.grw-large-view-app-trek-detail-container {\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  height: 100%;\n}\n\n.grw-app-map-container,\n.grw-large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.grw-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}\n\n.grw-init-loader-container,\n.grw-loader-container {\n  width: 100%;\n}\n\n.grw-app-treks-list-container,\n.grw-app-trek-detail-container,\n.grw-app-touristic-content-detail-container,\n.grw-app-touristic-event-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 {\n  position: relative;\n  max-height: calc(100vh - 64px - 48px);\n}\n\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\n  position: relative;\n  max-height: calc(100vh - 64px);\n}\n\n.grw-app-map-container {\n  width: 100%;\n  position: absolute;\n}\n\n.grw-large-view-loader-container {\n  width: 50%;\n}\n\n.grw-large-view-app-treks-list-container,\n.grw-large-view-app-trek-detail-container,\n.grw-large-view-app-touristic-content-detail-container,\n.grw-large-view-app-touristic-event-detail-container {\n  width: 50%;\n}\n\n.grw-large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.grw-error-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  margin-top: 16px;\n  font-family: var(--font-family);\n  font-size: 16px;\n  grw-common-button {\n    margin-top: 16px;\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { reset } from 'store/store';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() appElement: HTMLElement;\n  @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  @Prop() emergencyNumber: number;\n\n  @Prop() fontFamily = 'Roboto';\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  @Prop() rounded = true;\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    state.mode = 'treks';\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    state.mode = 'treks';\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    state.mode = 'touristicContents';\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    ``;\n    state.mode = 'touristicEvents';\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    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\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      state.mode = 'treks';\n      this.showTrek = true;\n    } else if (touristicContentParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      this.currentTouristicContentId = Number(touristicContentParam);\n      state.mode = 'touristicContents';\n      this.showTouristicContent = true;\n    } else if (touristicEventParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      this.currentTouristicEventId = Number(touristicEventParam);\n      state.mode = 'touristicEvents';\n      this.showTouristicEvent = true;\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onDetailsClose() {\n    if (this.treks) {\n      state.mode = 'treks';\n    } else if (this.touristicContents) {\n      state.mode = 'touristicContents';\n    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\n    }\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    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      state.mode = 'treks';\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 (state.language) {\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\n    return mapLabelButton;\n  }\n\n  reload() {\n    window.location.reload();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\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          '--color-sensitive-area': this.colorSensitiveArea,\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          '--header-with-segment': Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 ? '16px' : '0px',\n          '--border-radius': this.rounded ? '' : '0px',\n        }}\n      >\n        {!state.currentTreks &&\n          !state.currentTrek &&\n          !state.currentTouristicContent &&\n          !state.currentTouristicEvent &&\n          !state.currentTouristicContents &&\n          !state.currentTouristicEvents && (\n            <div class=\"grw-init-loader-container\">\n              <grw-loader exportparts=\"loader\" color-primary-container={this.colorPrimaryContainer} color-on-primary-container={this.colorOnPrimaryContainer}></grw-loader>\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} portals={this.portals}></grw-trek-provider>\n        )}\n        {this.showTouristicContent && this.currentTouristicContentId && (\n          <grw-touristic-content-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-content-id={this.currentTouristicContentId}\n            portals={this.portals}\n          ></grw-touristic-content-provider>\n        )}\n        {this.showTouristicEvent && this.currentTouristicEventId && (\n          <grw-touristic-event-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-event-id={this.currentTouristicEventId}\n            portals={this.portals}\n          ></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        {this.touristicEvents && state.mode === 'touristicEvents' && !state.currentTouristicEvents && !this.showTouristicEvent && (\n          <grw-touristic-events-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-events-provider>\n        )}\n        {(state.currentTreks ||\n          state.currentTrek ||\n          state.touristicContents ||\n          state.touristicEvents ||\n          state.currentTouristicContent ||\n          state.currentTouristicEvent ||\n          state.networkError) && (\n          <div class=\"grw-app-container\">\n            {state.languages && state.languages.length > 1 && (\n              <div class=\"grw-languages-container\">\n                <grw-select-language></grw-select-language>\n              </div>\n            )}\n            <div\n              class={`${this.isLargeView ? 'grw-large-view-header-container' : 'grw-header-container'}${\n                this.showTrek || this.showTouristicContent || this.showTouristicEvent ? ' grw-header-detail' : ''\n              }`}\n            >\n              {Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 &&\n                !this.showTrek &&\n                !this.showTouristicContent &&\n                !this.showTouristicEvent && (\n                  <grw-segmented-segment\n                    fontFamily={this.fontFamily}\n                    treks={this.treks}\n                    touristicContents={this.touristicContents}\n                    touristicEvents={this.touristicEvents}\n                  ></grw-segmented-segment>\n                )}\n              {!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (\n                <div class=\"grw-handle-search-filters-container\">\n                  <div class=\"grw-handle-search-container\">\n                    <grw-search fontFamily={this.fontFamily}></grw-search>\n                  </div>\n                  <div class=\"grw-handle-filters-container\">\n                    <grw-common-button\n                      exportparts=\"common-button,common-button-icon,common-button-label\"\n                      fontFamily={this.fontFamily}\n                      action={() => this.handleFilters()}\n                      icon={'filter_list'}\n                      name={translate[state.language].filter}\n                    ></grw-common-button>\n                  </div>\n                </div>\n              ) : (\n                <div class=\"grw-arrow-back-container\">\n                  <button onClick={() => this.handleBackButton()} class=\"grw-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={`grw-content-container ${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'grw-content-trek' : 'grw-content-treks'}`}>\n              {state.networkError && (\n                <div class=\"grw-error-container\">\n                  Une erreur est survenue.\n                  <grw-common-button\n                    exportparts=\"common-button,common-button-icon,common-button-label\"\n                    icon=\"refresh\"\n                    name=\"Recharger la page\"\n                    action={() => this.reload()}\n                  ></grw-common-button>\n                </div>\n              )}\n              <div\n                class={this.isLargeView ? 'grw-large-view-app-treks-list-container' : 'grw-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                    is-large-view={this.isLargeView}\n                    fontFamily={this.fontFamily}\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                    is-large-view={this.isLargeView}\n                    fontFamily={this.fontFamily}\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                {state.mode === 'touristicEvents' && this.touristicEvents && (\n                  <grw-touristic-events-list\n                    is-large-view={this.isLargeView}\n                    fontFamily={this.fontFamily}\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-events-list>\n                )}\n              </div>\n              {((this.showTrek && !state.currentTrek) ||\n                (this.showTouristicContent && !state.currentTouristicContent) ||\n                (this.showTouristicEvent && !state.currentTouristicEvent) ||\n                (!state.treks && state.mode === 'treks' && !this.showTrek) ||\n                (!state.touristicContents && state.mode === 'touristicContents' && !this.showTouristicContent) ||\n                (!state.touristicEvents && state.mode === 'touristicEvents' && !this.showTouristicEvent)) && (\n                <div class={this.isLargeView ? 'grw-large-view-loader-container' : 'grw-loader-container'}>\n                  <grw-loader exportparts=\"loader\" color-primary-container={this.colorSecondaryContainer} color-on-primary-container={this.colorOnSecondaryContainer}></grw-loader>\n                </div>\n              )}\n              {this.showTrek && (\n                <div class={this.isLargeView ? 'grw-large-view-app-trek-detail-container' : 'grw-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                    fontFamily={this.fontFamily}\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                    emergency-number={this.emergencyNumber}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              {this.showTouristicContent && (\n                <div class={this.isLargeView ? 'grw-large-view-app-touristic-content-detail-container' : 'grw-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                    fontFamily={this.fontFamily}\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 ? 'grw-large-view-app-touristic-event-detail-container' : 'grw-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                    fontFamily={this.fontFamily}\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              {!state.networkError && (\n                <grw-map\n                  exportparts=\"map,elevation,map-bottom-space,map-loader-container,loader\"\n                  class={this.isLargeView ? 'grw-large-view-app-map-container' : 'grw-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                  fontFamily={this.fontFamily}\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              )}\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=\"grw-map-visibility-button-container\">\n                <grw-extended-fab\n                  exportparts=\"map-visibility-button,map-visibility-button-icon,map-visibility-button-label\"\n                  fontFamily={this.fontFamily}\n                  action={() => this.handleShowMap()}\n                  icon={() => this.getMapVisibilityIconButton()}\n                  name={() => this.getMapVisibilityLabelButton()}\n                  display={this.isLargeView ? 'none' : 'flex'}\n                ></grw-extended-fab>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && <grw-filters fontFamily={this.fontFamily} handleFilters={() => this.handleFilters()}></grw-filters>}\n      </Host>\n    );\n  }\n}\n"],"version":3}