@geotrekce/geotrek-rando-widget 0.31.0 → 0.32.0

package/dist/cjs/grw-common-button_23.cjs.entry.js

@@ -1556,47 +1556,73 @@ const GrwMap = class {
         this.handleTouristicContentsWithinBoundsBind = this.handleTouristicContentsWithinBounds.bind(this);
         this.handleTouristicEventsWithinBoundsBind = this.handleTouristicEventsWithinBounds.bind(this);
         this.handleOutdoorSitesWithinBoundsBind = this.handleOutdoorSitesWithinBounds.bind(this);
+        this.addTreksController = null;
+        this.addTouristicContentsController = null;
+        this.addTouristicEventsController = null;
+        this.addOutdoorSitesController = null;
+        this.addSelectedCurrentTrekController = null;
+        this.showTrekLineController = null;
+        this.viewportState = {};
+        this.hasScrolled = false;
+        this.fitBoundsQueued = false;
+    }
+    componentDidUpdate() {
+        if (this.map) {
+            this.map.invalidateSize();
+            if (this.fitBoundsQueued && this.bounds) {
+                this.map.fitBounds(this.bounds);
+                this.fitBoundsQueued = false;
+            }
+        }
     }
     onCenterOnMap(event) {
         this.map.setView(new grwDb_service.L.LatLng(event.detail.latitude, event.detail.longitude), 17, { animate: false });
     }
     stepsIsInViewport(event) {
-        if (this.currentStepsLayer && this.layersControl) {
+        this.viewportState.steps = event.detail;
+        if (this.hasScrolled && this.currentStepsLayer && this.layersControl) {
             this.handleLayerVisibility(event.detail, this.currentStepsLayer);
         }
     }
     descriptionIsInViewport(event) {
-        if (this.currentReferencePointsLayer && this.layersControl) {
+        this.viewportState.description = event.detail;
+        if (this.hasScrolled && this.currentReferencePointsLayer && this.layersControl) {
             this.handleLayerVisibility(event.detail, this.currentReferencePointsLayer);
         }
     }
     parkingIsInViewport(event) {
-        if (this.currentParkingLayer && this.layersControl) {
+        this.viewportState.parking = event.detail;
+        if (this.hasScrolled && this.currentParkingLayer && this.layersControl) {
             this.handleLayerVisibility(event.detail, this.currentParkingLayer);
         }
     }
     onInformationPlacesIsInViewport(event) {
-        if (this.currentInformationDesksLayer && this.layersControl) {
+        this.viewportState.informationPlaces = event.detail;
+        if (this.hasScrolled && this.currentInformationDesksLayer && this.layersControl) {
             this.handleLayerVisibility(event.detail, this.currentInformationDesksLayer);
         }
     }
     sensitiveAreaIsInViewport(event) {
-        if (this.currentSensitiveAreasLayer && this.layersControl) {
+        this.viewportState.sensitiveArea = event.detail;
+        if (this.hasScrolled && this.currentSensitiveAreasLayer && this.layersControl) {
             this.handleLayerVisibility(event.detail, this.currentSensitiveAreasLayer);
         }
     }
     poiIsInViewport(event) {
-        if (this.currentPoisLayer && this.layersControl) {
+        this.viewportState.pois = event.detail;
+        if (this.hasScrolled && this.currentPoisLayer && this.layersControl) {
             this.handleLayerVisibility(event.detail, this.currentPoisLayer, !store.state.currentPois || store.state.currentPois.length === 0);
         }
     }
     touristicContentsIsInViewport(event) {
-        if (this.currentToutisticContentsLayer && this.layersControl) {
+        this.viewportState.touristicContents = event.detail;
+        if (this.hasScrolled && this.currentToutisticContentsLayer && this.layersControl) {
             this.handleLayerVisibility(event.detail, this.currentToutisticContentsLayer, !store.state.trekTouristicContents || store.state.trekTouristicContents.length === 0);
         }
     }
     touristicEventsIsInViewport(event) {
-        if (this.currentTouristicEventsLayer && this.layersControl) {
+        this.viewportState.touristicEvents = event.detail;
+        if (this.hasScrolled && this.currentTouristicEventsLayer && this.layersControl) {
             this.handleLayerVisibility(event.detail, this.currentTouristicEventsLayer, !store.state.trekTouristicEvents || store.state.trekTouristicEvents.length === 0);
         }
     }
@@ -1610,6 +1636,12 @@ const GrwMap = class {
             this.handleLayerVisibility(event.detail, this.currentRelatedOutdoorCoursesLayer);
         }
     }
+    onDetailScrolled() {
+        if (!this.hasScrolled) {
+            this.hasScrolled = true;
+            this.applyCachedViewportState();
+        }
+    }
     onCardTrekMouseOver(event) {
         if (!store.state.parentTrek && (!store.state.selectedTrekId || store.state.selectedTrekId !== event.detail)) {
             store.state.selectedTrekId = event.detail;
@@ -1893,7 +1925,10 @@ const GrwMap = class {
         this.handleLayersControlEvent();
     }
     async addTreks(resetBounds = false) {
-        var _a;
+        var _a, _b;
+        (_a = this.addTreksController) === null || _a === void 0 ? void 0 : _a.abort();
+        this.addTreksController = new AbortController();
+        const { signal } = this.addTreksController;
         store.state.treksWithinBounds = store.state.currentTreks;
         const treksCurrentDepartureCoordinates = [];
         const treksFeatureCollection = {
@@ -1909,7 +1944,7 @@ const GrwMap = class {
                     properties: {
                         id: trek.id,
                         name: trek.name,
-                        practice: (_a = store.state.practices.find(practice => practice.id === trek.practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
+                        practice: (_b = store.state.practices.find(practice => practice.id === trek.practice)) === null || _b === void 0 ? void 0 : _b.pictogram,
                         imgSrc: trek.attachments && trek.attachments.filter(attachment => attachment.type === 'image').length > 0
                             ? trek.attachments[0].thumbnail !== ''
                                 ? trek.attachments[0].thumbnail
@@ -1929,6 +1964,10 @@ const GrwMap = class {
                 }
             }
             const treksIcons = await this.getIcons(treksFeatureCollection, 'practice');
+            // Abort if a newer addTreks() call or removeTreks() was made during the await
+            if (signal.aborted) {
+                return;
+            }
             this.treksLayer = grwDb_service.L.geoJSON(treksFeatureCollection, {
                 pointToLayer: (geoJsonPoint, latlng) => grwDb_service.L.marker(latlng, {
                     icon: grwDb_service.L.divIcon({
@@ -2009,6 +2048,8 @@ const GrwMap = class {
         this.map.on('moveend', this.handleTreksWithinBoundsBind);
     }
     removeTreks() {
+        var _a;
+        (_a = this.addTreksController) === null || _a === void 0 ? void 0 : _a.abort();
         if (this.treksLayer) {
             store.state.currentMapBounds = this.map.getBounds();
             this.map.removeLayer(this.treksMarkerClusterGroup);
@@ -2301,8 +2342,7 @@ const GrwMap = class {
         this.handleLayersControl();
         this.bounds = grwDb_service.L.latLngBounds(store.state.currentTrek.geometry.coordinates.map(coordinate => [coordinate[1], coordinate[0]]));
         this.map.on('eledata_loaded', () => {
-            this.map.invalidateSize();
-            this.bounds && this.map.fitBounds(this.bounds);
+            this.fitBoundsQueued = true;
             !this.mapIsReady && (this.mapIsReady = !this.mapIsReady);
         });
     }
@@ -2333,7 +2373,7 @@ const GrwMap = class {
         return icon;
     }
     async addSelectedCurrentTrek(id, customCoordinates) {
-        var _a;
+        var _a, _b;
         const treksFeatureCollection = {
             type: 'FeatureCollection',
             features: [],
@@ -2356,8 +2396,15 @@ const GrwMap = class {
             });
         }
         this.removeSelectedCurrentTrek();
+        (_b = this.addSelectedCurrentTrekController) === null || _b === void 0 ? void 0 : _b.abort();
+        this.addSelectedCurrentTrekController = new AbortController();
+        const { signal } = this.addSelectedCurrentTrekController;
         store.state.selectedTrekId = id;
         const treksIcons = await this.getIcons(treksFeatureCollection, 'practice');
+        // Abort if a newer hover or removal occurred during the await
+        if (signal.aborted) {
+            return;
+        }
         this.selectedCurrentTrekLayer = grwDb_service.L.geoJSON(treksFeatureCollection, {
             pointToLayer: (geoJsonPoint, latlng) => grwDb_service.L.marker(latlng, {
                 zIndexOffset: 4000000,
@@ -2423,6 +2470,8 @@ const GrwMap = class {
         }).addTo(this.map);
     }
     removeSelectedCurrentTrek() {
+        var _a;
+        (_a = this.addSelectedCurrentTrekController) === null || _a === void 0 ? void 0 : _a.abort();
         store.state.selectedTrekId = null;
         this.selectedCurrentTrekLayer && this.map.removeLayer(this.selectedCurrentTrekLayer);
         this.selectedCurrentTrekLayer = null;
@@ -2541,8 +2590,16 @@ const GrwMap = class {
         this.handleLayersOnRemove();
     }
     async showTrekLine(id) {
+        var _a;
         this.removeSelectedCurrentTrek();
+        (_a = this.showTrekLineController) === null || _a === void 0 ? void 0 : _a.abort();
+        this.showTrekLineController = new AbortController();
+        const { signal } = this.showTrekLineController;
         const trekLine = await treks_service.getTrekGeometry(id);
+        // Abort if a newer hover or hideTrekLine occurred during the await
+        if (signal.aborted) {
+            return;
+        }
         const currentTrekFeature = {
             type: 'Feature',
             geometry: trekLine.geometry,
@@ -2556,6 +2613,8 @@ const GrwMap = class {
         }).addTo(this.map);
     }
     hideTrekLine() {
+        var _a;
+        (_a = this.showTrekLineController) === null || _a === void 0 ? void 0 : _a.abort();
         if (this.currentTrekLayer) {
             this.map.removeLayer(this.currentTrekLayer);
             this.currentTrekLayer = null;
@@ -2606,6 +2665,10 @@ const GrwMap = class {
         }
     }
     async addTouristicContents(resetBounds = false) {
+        var _a;
+        (_a = this.addTouristicContentsController) === null || _a === void 0 ? void 0 : _a.abort();
+        this.addTouristicContentsController = new AbortController();
+        const { signal } = this.addTouristicContentsController;
         store.state.touristicContentsWithinBounds = store.state.currentTouristicContents;
         const touristicContentsCurrentCoordinates = [];
         const touristicContentsFeatureCollection = {
@@ -2641,6 +2704,10 @@ const GrwMap = class {
                 }
             }
             const toutisticContentIcons = await this.getIcons(touristicContentsFeatureCollection, 'practice');
+            // Abort if a newer call or removal was made during the await
+            if (signal.aborted) {
+                return;
+            }
             this.toutisticContentsLayer = grwDb_service.L.geoJSON(touristicContentsFeatureCollection, {
                 pointToLayer: (geoJsonPoint, latlng) => grwDb_service.L.marker(latlng, {
                     icon: grwDb_service.L.divIcon({
@@ -2718,6 +2785,8 @@ const GrwMap = class {
         this.map.on('moveend', this.handleTouristicContentsWithinBoundsBind);
     }
     removeTouristicContents() {
+        var _a;
+        (_a = this.addTouristicContentsController) === null || _a === void 0 ? void 0 : _a.abort();
         if (this.toutisticContentsLayer) {
             store.state.currentMapBounds = this.map.getBounds();
             this.map.removeLayer(this.touristicContentsMarkerClusterGroup);
@@ -2860,7 +2929,10 @@ const GrwMap = class {
         this.selectedTouristicContentLayer = null;
     }
     async addTouristicEvents(resetBounds = false) {
-        var _a;
+        var _a, _b;
+        (_a = this.addTouristicEventsController) === null || _a === void 0 ? void 0 : _a.abort();
+        this.addTouristicEventsController = new AbortController();
+        const { signal } = this.addTouristicEventsController;
         store.state.touristicEventsWithinBounds = store.state.currentTouristicEvents;
         const touristicEventsCurrentCoordinates = [];
         const touristicEventsFeatureCollection = {
@@ -2876,7 +2948,7 @@ const GrwMap = class {
                     properties: {
                         id: currentTouristicEvent.id,
                         name: currentTouristicEvent.name,
-                        type: (_a = store.state.touristicEventTypes.find(touristicEventType => touristicEventType.id === currentTouristicEvent.type)) === null || _a === void 0 ? void 0 : _a.pictogram,
+                        type: (_b = store.state.touristicEventTypes.find(touristicEventType => touristicEventType.id === currentTouristicEvent.type)) === null || _b === void 0 ? void 0 : _b.pictogram,
                         imgSrc: currentTouristicEvent.attachments && currentTouristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0
                             ? currentTouristicEvent.attachments[0].thumbnail !== ''
                                 ? currentTouristicEvent.attachments[0].thumbnail
@@ -2896,6 +2968,10 @@ const GrwMap = class {
                 }
             }
             const touristicEventsIcons = await this.getIcons(touristicEventsFeatureCollection, 'type');
+            // Abort if a newer call or removal was made during the await
+            if (signal.aborted) {
+                return;
+            }
             this.touristicEventsLayer = grwDb_service.L.geoJSON(touristicEventsFeatureCollection, {
                 pointToLayer: (geoJsonPoint, latlng) => grwDb_service.L.marker(latlng, {
                     icon: grwDb_service.L.divIcon({
@@ -2973,6 +3049,8 @@ const GrwMap = class {
         this.map.on('moveend', this.handleTouristicEventsWithinBoundsBind);
     }
     removeTouristicEvents() {
+        var _a;
+        (_a = this.addTouristicEventsController) === null || _a === void 0 ? void 0 : _a.abort();
         if (this.touristicEventsLayer) {
             store.state.currentMapBounds = this.map.getBounds();
             this.map.removeLayer(this.touristicEventsMarkerClusterGroup);
@@ -2982,7 +3060,10 @@ const GrwMap = class {
         }
     }
     async addOutdoorSites(resetBounds = false) {
-        var _a;
+        var _a, _b;
+        (_a = this.addOutdoorSitesController) === null || _a === void 0 ? void 0 : _a.abort();
+        this.addOutdoorSitesController = new AbortController();
+        const { signal } = this.addOutdoorSitesController;
         store.state.outdoorSitesWithinBounds = store.state.currentOutdoorSites;
         const outdoorSitesCurrentCoordinates = [];
         const outdoorSitesFeatureCollection = {
@@ -2997,7 +3078,7 @@ const GrwMap = class {
                     properties: {
                         id: currentOutdoorSite.id,
                         name: currentOutdoorSite.name,
-                        practice: (_a = store.state.outdoorPractices.find(practice => practice.id === currentOutdoorSite.practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
+                        practice: (_b = store.state.outdoorPractices.find(practice => practice.id === currentOutdoorSite.practice)) === null || _b === void 0 ? void 0 : _b.pictogram,
                         imgSrc: currentOutdoorSite.attachments && currentOutdoorSite.attachments.filter(attachment => attachment.type === 'image').length > 0
                             ? currentOutdoorSite.attachments[0].thumbnail !== ''
                                 ? currentOutdoorSite.attachments[0].thumbnail
@@ -3018,6 +3099,10 @@ const GrwMap = class {
                 }
             }
             const outdoorSitesIcons = await this.getIcons(outdoorSitesFeatureCollection, 'practice');
+            // Abort if a newer call or removal was made during the await
+            if (signal.aborted) {
+                return;
+            }
             this.outdoorSitesLayer = grwDb_service.L.geoJSON(outdoorSitesFeatureCollection, {
                 pointToLayer: (geoJsonPoint, latlng) => grwDb_service.L.marker(latlng, {
                     icon: grwDb_service.L.divIcon({
@@ -3095,6 +3180,8 @@ const GrwMap = class {
         this.map.on('moveend', this.handleOutdoorSitesWithinBoundsBind);
     }
     removeOutdoorSites() {
+        var _a;
+        (_a = this.addOutdoorSitesController) === null || _a === void 0 ? void 0 : _a.abort();
         if (this.outdoorSitesLayer) {
             store.state.currentMapBounds = this.map.getBounds();
             this.map.removeLayer(this.outdoorSitesMarkerClusterGroup);
@@ -3895,7 +3982,28 @@ const GrwMap = class {
         }
         this.handleLayersControlEvent();
     }
+    applyCachedViewportState() {
+        if (!this.layersControl)
+            return;
+        const layerMap = [
+            { key: 'steps', layer: this.currentStepsLayer },
+            { key: 'description', layer: this.currentReferencePointsLayer },
+            { key: 'parking', layer: this.currentParkingLayer },
+            { key: 'sensitiveArea', layer: this.currentSensitiveAreasLayer },
+            { key: 'informationPlaces', layer: this.currentInformationDesksLayer },
+            { key: 'pois', layer: this.currentPoisLayer, loading: !store.state.currentPois || store.state.currentPois.length === 0 },
+            { key: 'touristicContents', layer: this.currentToutisticContentsLayer, loading: !store.state.trekTouristicContents || store.state.trekTouristicContents.length === 0 },
+            { key: 'touristicEvents', layer: this.currentTouristicEventsLayer, loading: !store.state.trekTouristicEvents || store.state.trekTouristicEvents.length === 0 },
+        ];
+        for (const { key, layer, loading } of layerMap) {
+            if (layer && this.viewportState[key] !== undefined) {
+                this.handleLayerVisibility(this.viewportState[key], layer, loading || false);
+            }
+        }
+    }
     handleLayersOnRemove() {
+        this.viewportState = {};
+        this.hasScrolled = false;
         if (this.layersControl) {
             if (!this.layersControl._layers.some(layer => !layer.overlay)) {
                 this.map.removeControl(this.layersControl);
@@ -3997,7 +4105,7 @@ const GrwMap = class {
     render() {
         const layersImageSrc = index.getAssetPath(`${index.Build.isDev ? '/' : ''}assets/layers.svg`);
         const contractImageSrc = index.getAssetPath(`${index.Build.isDev ? '/' : ''}assets/contract.svg`);
-        return (index.h(index.Host, { key: 'ed3813bec03d00790f7f748449fbbf1ea3cf96a4', ref: el => (this.hostElement = el), style: {
+        return (index.h(index.Host, { key: '7ce2cc67cd5fdbf06810c78c22227954c9680777', ref: el => (this.hostElement = el), style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -4012,13 +4120,13 @@ const GrwMap = class {
                 '--elevation-height': (this.mapElement.getBoundingClientRect().width >= this.largeViewSize / 2 ? this.elevationHeight : this.mobileElevationHeight)
                     .toString()
                     .concat('px'),
-            } }, index.h("div", { key: '3037be702ede33d9e5f7b9fe656914645c38d5e3', id: "map", part: "map", class: (store.state.currentTouristicContent || store.state.currentTouristicEvent || store.state.currentOutdoorSite || store.state.currentOutdoorCourse) && this.grwApp
+            } }, index.h("div", { key: 'dac8fc65c95a0df98620c43504ec3eccc2bed08b', id: "map", part: "map", class: (store.state.currentTouristicContent || store.state.currentTouristicEvent || store.state.currentOutdoorSite || store.state.currentOutdoorCourse) && this.grwApp
                 ? 'common-map'
                 : store.state.currentTrek && this.elevationControl && this.elevationControl.eleDiv.style.display === 'block'
                     ? 'trek-map-and-elevation'
                     : store.state.currentTrek
                         ? 'trek-map'
-                        : 'treks-map', ref: el => (this.mapRef = el) }, this.layerDataIsLoading && (index.h("div", { key: '8906ad05e5dc4e581c953387b1403e77d0d68109', class: "layer-loader-container" }, index.h("div", { key: '1b0cefbf0b240d3daef645805d230e5ecf36e03d', class: "layer-loader" }))), store.state.currentTrek && (index.h("div", { key: '78de26515cfbb8a2321a3fdc2dd7320631cd16c7', class: "grw-elevation-visibility-button-container" }, index.h("grw-fab", { key: '7ba03a2a2240c1fb2af25558dd7a20ffc5f021e5', exportparts: "fab-visibility-button,fab-visibility-button-icon,fab-visibility-button-label", "font-family": this.fontFamily, action: () => this.handleElevation(), icon: () => (this.elevationControl && this.elevationControl.eleDiv.style.display === 'block' ? 'show-elevation' : 'hide-elevation'), showTitle: i18n.translate[store.state.language].showElevation, hideTitle: i18n.translate[store.state.language].hideElevation, "fab-background-color": this.fabBackgroundColor, "fab-color": this.fabColor })))), !this.mapIsReady && (index.h("div", { key: 'f70d5e65f3280417d85855540a0dadc92682f4eb', part: "map-loader-container", class: "map-loader-container" }, index.h("span", { key: '250e0a87a9aebcf86e1109083a58c90582c548f9', part: "loader", class: "loader" })))));
+                        : 'treks-map', ref: el => (this.mapRef = el) }, this.layerDataIsLoading && (index.h("div", { key: 'a90a9ba434462b4b67e429aeadb2b3b35564e30d', class: "layer-loader-container" }, index.h("div", { key: 'b26bad16da0477ff24ad97dafee54e35fbdb5505', class: "layer-loader" }))), store.state.currentTrek && (index.h("div", { key: '4e445670884f92bd7fd1f3357137ff3d3ef98941', class: "grw-elevation-visibility-button-container" }, index.h("grw-fab", { key: '104f640ea682f85461633d1f0e60392bfc948805', exportparts: "fab-visibility-button,fab-visibility-button-icon,fab-visibility-button-label", "font-family": this.fontFamily, action: () => this.handleElevation(), icon: () => (this.elevationControl && this.elevationControl.eleDiv.style.display === 'block' ? 'show-elevation' : 'hide-elevation'), showTitle: i18n.translate[store.state.language].showElevation, hideTitle: i18n.translate[store.state.language].hideElevation, "fab-background-color": this.fabBackgroundColor, "fab-color": this.fabColor })))), !this.mapIsReady && (index.h("div", { key: '3357ad82d1fed50f733babf093ccf0d7958d9726', part: "map-loader-container", class: "map-loader-container" }, index.h("span", { key: '62aa7dca47ae9535a099e3574da3efcb51f6754c', part: "loader", class: "loader" })))));
     }
     get mapElement() { return index.getElement(this); }
 };
@@ -6231,6 +6339,7 @@ const GrwTrekDetail = class {
         this.stepsIsInViewport = index.createEvent(this, "stepsIsInViewport", 7);
         this.touristicContentsIsInViewport = index.createEvent(this, "touristicContentsIsInViewport", 7);
         this.touristicEventsIsInViewport = index.createEvent(this, "touristicEventsIsInViewport", 7);
+        this.detailScrolled = index.createEvent(this, "detailScrolled", 7);
         this.parentTrekPress = index.createEvent(this, "parentTrekPress", 7);
         this.downloadConfirm = index.createEvent(this, "downloadConfirm", 7);
         this.downloadedSuccessConfirm = index.createEvent(this, "downloadedSuccessConfirm", 7);
@@ -6583,6 +6692,24 @@ const GrwTrekDetail = class {
     componentDidLoad() {
         this.handleObservers();
         this.handleSwipers();
+        this.setupScrollListener();
+    }
+    setupScrollListener() {
+        const container = this.trekDetailContainerRef;
+        if (container) {
+            const onScroll = () => {
+                this.detailScrolled.emit();
+                container.removeEventListener('scroll', onScroll);
+            };
+            container.addEventListener('scroll', onScroll);
+        }
+        else {
+            const onScroll = () => {
+                this.detailScrolled.emit();
+                window.removeEventListener('scroll', onScroll);
+            };
+            window.addEventListener('scroll', onScroll);
+        }
     }
     async connectedCallback() {
         if (store.state.currentTrek) {
@@ -6673,6 +6800,7 @@ const GrwTrekDetail = class {
             if (options[i].indicator) {
                 currentOption = options[i];
                 currentOptionIndex = i;
+                break;
             }
         }
         if (currentOption && this[currentOption.ref]) {
@@ -6953,7 +7081,7 @@ const GrwTrekDetail = class {
         var _a, _b, _c, _d, _e;
         const defaultImageSrc = index.getAssetPath(`${index.Build.isDev ? '/' : ''}assets/default-image.svg`);
         const displayPaginationAndNavigation = (this.currentTrek && this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 1) || this.offline;
-        return (index.h(index.Host, { key: '1289ef251916454a5528880b14a95834496a7378', style: {
+        return (index.h(index.Host, { key: 'b0ef4f677a8441f1e3676b4b7253a4b815b09649', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -6969,11 +7097,11 @@ const GrwTrekDetail = class {
                     : store.state.languages && store.state.languages.length > 1
                         ? '164px'
                         : '124px',
-            } }, this.currentTrek && (index.h("div", { key: 'b327c59a1868a51e5bfaedd062d15749197d4853', part: "trek-options", class: "trek-options" }, index.h("a", { key: '7062985bc5e7cc0ea836de6c80fdff73464ac318', part: "trek-option", class: `presentation trek-option${this.indicatorSelectedTrekOption.ref === 'presentationOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.presentationOptionRef = el), onClick: () => this.handleScrollTo(this.presentationRef) }, i18n.translate[store.state.language].options.presentation), this.options.steps.visible && (index.h("a", { key: '3202645cc5c65fe979add70b3f63843e912e5e73', part: "trek-option", class: `steps trek-option${this.options.steps.indicator ? ' selected-trek-option' : ''}`, ref: el => (this.stepsOptionRef = el), onClick: () => this.handleScrollTo(this.stepsRef) }, i18n.translate[store.state.language].options.steps)), this.options.description.visible && (index.h("a", { key: 'c7474d272820d04db30df3018e7add9764df113a', part: "trek-option", class: `description trek-option${this.indicatorSelectedTrekOption.ref === 'descriptionOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.descriptionOptionRef = el), onClick: () => this.handleScrollTo(this.descriptionRef) }, i18n.translate[store.state.language].options.description)), this.options.pois.visible && (index.h("a", { key: '74be01b6c25ec3e8d48f8a6cad5b4952438aa9d3', part: "trek-option", class: `pois trek-option${this.indicatorSelectedTrekOption.ref === 'poisOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.poisOptionRef = el), onClick: () => this.handleScrollTo(this.poiRef) }, i18n.translate[store.state.language].options.pois)), this.options.recommendations.visible && (index.h("a", { key: 'e3323fdad181db9f307b4dac03f4aaf6554ad27f', part: "trek-option", class: `recommendations trek-option${this.indicatorSelectedTrekOption.ref === 'recommendationsOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.recommendationsOptionRef = el), onClick: () => this.handleScrollTo(this.recommendationRef) }, i18n.translate[store.state.language].options.recommendations)), this.options.sensitiveArea.visible && (index.h("a", { key: '308bb7c5bd95017b5b335d20a096a0a3741c0be3', part: "trek-option", class: `sensitive-areas trek-option${this.indicatorSelectedTrekOption.ref === 'sensitiveAreaOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.sensitiveAreaOptionRef = el), onClick: () => this.handleScrollTo(this.sensitiveAreaRef) }, i18n.translate[store.state.language].options.environmentalSensitiveAreas)), this.options.informationPlaces.visible && (index.h("a", { key: '3da441d33421e643ffbfc7ba382f6602d6b1bea5', part: "trek-option", class: `information-places trek-option${this.indicatorSelectedTrekOption.ref === 'informationPlacesOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.informationPlacesOptionRef = el), onClick: () => this.handleScrollTo(this.informationPlacesRef) }, i18n.translate[store.state.language].options.informationPlaces)), this.options.accessibility.visible && (index.h("a", { key: 'd4bd96a00ace6116a98bc583330f715497446711', part: "trek-option", class: `accessibility trek-option${this.indicatorSelectedTrekOption.ref === 'accessibilityOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.accessibilityOptionRef = el), onClick: () => this.handleScrollTo(this.accessibilityRef) }, i18n.translate[store.state.language].options.accessibility)), this.options.touristicContents.visible && (index.h("a", { key: 'be94f6460b8cae9cef77f4bb3e4bb8e16db10986', part: "trek-option", class: `touristic-content trek-option${this.indicatorSelectedTrekOption.ref === 'touristicContentsOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.touristicContentsOptionRef = el), onClick: () => this.handleScrollTo(this.touristicContentsRef) }, i18n.translate[store.state.language].options.touristicContents)), this.options.touristicEvents.visible && (index.h("a", { key: '412f0bed2548caa0da893f64e29df2e05b5846d5', part: "trek-option", class: `touristic-event trek-option${this.indicatorSelectedTrekOption.ref === 'touristicEventsOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.touristicEventsOptionRef = el), onClick: () => this.handleScrollTo(this.touristicEventsRef) }, i18n.translate[store.state.language].options.touristicEvents)), this.presentationOptionRef && (index.h("span", { key: '30dd648a2c4db4d5cdcce7ea3a6b0ffc3f7614fb', part: "trek-indicator-selected-trek-option", class: "trek-indicator-selected-trek-option", style: {
+            } }, this.currentTrek && (index.h("div", { key: 'c470a9ef92ad0a9cc3622250647303aa7a510de9', part: "trek-options", class: "trek-options" }, index.h("a", { key: '164282466b473c827be22d98db3480e0394588d6', part: "trek-option", class: `presentation trek-option${this.indicatorSelectedTrekOption.ref === 'presentationOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.presentationOptionRef = el), onClick: () => this.handleScrollTo(this.presentationRef) }, i18n.translate[store.state.language].options.presentation), this.options.steps.visible && (index.h("a", { key: '8f91213d9d350a344e6e112c2704592cfb331757', part: "trek-option", class: `steps trek-option${this.indicatorSelectedTrekOption.ref === 'stepsOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.stepsOptionRef = el), onClick: () => this.handleScrollTo(this.stepsRef) }, i18n.translate[store.state.language].options.steps)), this.options.description.visible && (index.h("a", { key: '5c8ec2571e07748488dfe498b6474d7740e96ed2', part: "trek-option", class: `description trek-option${this.indicatorSelectedTrekOption.ref === 'descriptionOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.descriptionOptionRef = el), onClick: () => this.handleScrollTo(this.descriptionRef) }, i18n.translate[store.state.language].options.description)), this.options.pois.visible && (index.h("a", { key: 'f0c3a39f30fb70b7642e1a0c796e1d37bfa255a5', part: "trek-option", class: `pois trek-option${this.indicatorSelectedTrekOption.ref === 'poisOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.poisOptionRef = el), onClick: () => this.handleScrollTo(this.poiRef) }, i18n.translate[store.state.language].options.pois)), this.options.recommendations.visible && (index.h("a", { key: '115212345c778ceb5ecb1c42daae09fc2714b246', part: "trek-option", class: `recommendations trek-option${this.indicatorSelectedTrekOption.ref === 'recommendationsOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.recommendationsOptionRef = el), onClick: () => this.handleScrollTo(this.recommendationRef) }, i18n.translate[store.state.language].options.recommendations)), this.options.sensitiveArea.visible && (index.h("a", { key: '03ea62aff0331903e44653e792c27497916421fa', part: "trek-option", class: `sensitive-areas trek-option${this.indicatorSelectedTrekOption.ref === 'sensitiveAreaOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.sensitiveAreaOptionRef = el), onClick: () => this.handleScrollTo(this.sensitiveAreaRef) }, i18n.translate[store.state.language].options.environmentalSensitiveAreas)), this.options.informationPlaces.visible && (index.h("a", { key: '73b3b24cc877c63e4745ce77a53c486ecb908b83', part: "trek-option", class: `information-places trek-option${this.indicatorSelectedTrekOption.ref === 'informationPlacesOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.informationPlacesOptionRef = el), onClick: () => this.handleScrollTo(this.informationPlacesRef) }, i18n.translate[store.state.language].options.informationPlaces)), this.options.accessibility.visible && (index.h("a", { key: '3c00972f4152339450e8c666155fabf862c99529', part: "trek-option", class: `accessibility trek-option${this.indicatorSelectedTrekOption.ref === 'accessibilityOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.accessibilityOptionRef = el), onClick: () => this.handleScrollTo(this.accessibilityRef) }, i18n.translate[store.state.language].options.accessibility)), this.options.touristicContents.visible && (index.h("a", { key: '7f8705dffc2935dfb4b91014f4f3892d8307d33e', part: "trek-option", class: `touristic-content trek-option${this.indicatorSelectedTrekOption.ref === 'touristicContentsOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.touristicContentsOptionRef = el), onClick: () => this.handleScrollTo(this.touristicContentsRef) }, i18n.translate[store.state.language].options.touristicContents)), this.options.touristicEvents.visible && (index.h("a", { key: 'da1036af287a56fa9a46f84aeb7ca9ffcee509e8', part: "trek-option", class: `touristic-event trek-option${this.indicatorSelectedTrekOption.ref === 'touristicEventsOptionRef' ? ' selected-trek-option' : ''}`, ref: el => (this.touristicEventsOptionRef = el), onClick: () => this.handleScrollTo(this.touristicEventsRef) }, i18n.translate[store.state.language].options.touristicEvents)), this.presentationOptionRef && (index.h("span", { key: '3a347294d3e6f35e35227ffa44934f483f4f8601', part: "trek-indicator-selected-trek-option", class: "trek-indicator-selected-trek-option", style: {
                 transform: `translateX(${this.indicatorSelectedTrekOption.translateX})`,
                 width: this.indicatorSelectedTrekOption.width,
                 backgroundSize: this.indicatorSelectedTrekOption.backgroundSize,
-            } })))), this.currentTrek && (index.h("div", { key: 'bf0b34c0e088dede6d18fb69feb48420f42235dd', part: "trek-detail-container", class: "trek-detail-container", ref: el => (this.trekDetailContainerRef = el) }, index.h("div", { key: '4725de18daa909218351128dea0608a128804244', part: "trek-images", class: "trek-images-container", ref: el => (this.presentationRef = el) }, index.h("div", { key: '9100decfe749ad2d1c87e90aaaeaa4db3e24cf48', part: "swiper-images", class: "swiper swiper-images", ref: el => (this.swiperImagesRef = el) }, index.h("div", { key: 'd155cde26eed01b9a2849a7792e9d2e70d9849e3', part: "swiper-wrapper", class: "swiper-wrapper" }, this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (this.currentTrek.attachments
+            } })))), this.currentTrek && (index.h("div", { key: '75f377cef7b716631079b5f8245b000e5cbe3159', part: "trek-detail-container", class: "trek-detail-container", ref: el => (this.trekDetailContainerRef = el) }, index.h("div", { key: '447b0213955f98d094cbee055bc96dbfe2e537c6', part: "trek-images", class: "trek-images-container", ref: el => (this.presentationRef = el) }, index.h("div", { key: 'bc35938fc09e62384a2925cfb4de1bcc744c07f5', part: "swiper-images", class: "swiper swiper-images", ref: el => (this.swiperImagesRef = el) }, index.h("div", { key: '85f13526088515991e4d4c95d6a621d53b032235', part: "swiper-wrapper", class: "swiper-wrapper" }, this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (this.currentTrek.attachments
             .filter(attachment => attachment.type === 'image')
             .map(attachment => {
             const legend = [attachment.legend, attachment.author].filter(Boolean).join(' - ');
@@ -6984,16 +7112,16 @@ const GrwTrekDetail = class {
                     event.target.className = 'trek-img default-trek-img';
                     event.target.src = defaultImageSrc;
                 }, alt: attachment.legend })));
-        })) : (index.h("img", { part: "trek-img", class: "trek-img default-trek-img", src: defaultImageSrc, loading: "lazy", alt: "" }))), index.h("div", { key: '6887f1134755e81b150d69f59f8a9df2a344c92d', style: { display: 'block', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { key: '5f6bc07cfcf1a87898b9b2b5b44d7df21e5d9a98', style: { display: 'flex', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { key: 'afc79144a5713d3ef32d73e6b79e8b493dd6546b', style: { display: 'flex', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { key: '74a032a2730b96e65e8c435557bf5cdd08deaa08', part: "trek-name", class: "trek-name" }, this.currentTrek.name), this.themes.length > 0 && (index.h("div", { key: '7af2cb018a98a331f5a5c16eea631eaa435325aa', part: "themes-container", class: "themes-container" }, this.themes.map(theme => (index.h("div", { part: "theme", class: "theme" }, theme.label))))), index.h("div", { key: '13088024058789b46a42771981cb1e78af02aaee', part: "sub-container", class: "sub-container" }, index.h("div", { key: 'f0e4fe9d8a5faf33aa2dc78e63f6bfe7cc34e9db', part: "icons-labels-container", class: "icons-labels-container" }, this.difficulty && (index.h("div", { key: '9d52237094df3a6d7575d00601c86732911d2152', part: "icon-label", class: "icon-label difficulty" }, this.difficulty.pictogram && index.h("img", { key: '1792c6d3b753e33270c29df98c6997d76825a69b', part: "icon", class: "icon", src: this.difficulty.pictogram, alt: "" }), index.h("span", { key: '4316730d8a26075ed6e2b70825df1abfcd59868c', part: "label", class: "label" }, this.difficulty.label))), index.h("div", { key: '020208eacab2d0ac83adc783c1e5cbe714450b81', part: "icon-label", class: "icon-label duration" }, index.h("span", { key: '955db8a47643eee91b32519c2f73800a48069b57', part: "icon", class: "icon", innerHTML: moving.TimelapseIcon }), index.h("span", { key: 'a5b0eb6ffd955988f28f02bb6bb491596b4e4ef4', part: "label", class: "label" }, utils.formatDuration((_a = this.currentTrek) === null || _a === void 0 ? void 0 : _a.duration))), index.h("div", { key: 'de9f17b621577fbdf176ebf5d64b6aa06d3f6248', part: "icon-label", class: "icon-label route" }, ((_b = this.route) === null || _b === void 0 ? void 0 : _b.pictogram) && index.h("img", { key: '88596ef89ac448db944cce10ab88f93896620298', part: "icon", class: "icon", src: this.route.pictogram, alt: "" }), index.h("span", { key: 'c5e736b01c5853e13604ec04ad06c2df7e2d88b4', part: "label", class: "label" }, (_c = this.route) === null || _c === void 0 ? void 0 : _c.route)), index.h("div", { key: '20776c06ceed161f059964de8e64d489ed34c46e', part: "icon-label", class: "icon-label length" }, index.h("span", { key: '7af868707e1c90903310d10dac76d6dbc3bd9423', part: "icon", class: "icon", innerHTML: moving.OpenInFullIcon }), index.h("span", { key: '9662b3f1c0d72fa9e8989d55abbfdcb02a7c0d89', part: "label", class: "label" }, utils.formatLength(this.currentTrek.length_2d))), this.currentTrek.ascent && (index.h("div", { key: '136ec9fd9f3668da89a3f2be4a7ef0472cbcec09', part: "icon-label", class: "icon-label ascent" }, index.h("span", { key: '50c2bbb2db7bf3b006ec73a3c3ff252e5b75fec7', part: "icon", class: "icon", innerHTML: moving.MovingIcon }), index.h("span", { key: '2ba1ae8f5a3dbfef9d39dc9d981fcc9420e30636', part: "label", class: "label" }, utils.formatAscent(this.currentTrek.ascent)))), this.currentTrek.descent && (index.h("div", { key: '45582196a53937fd66b28b5a910ebedcd78ae90a', part: "icon-label", class: "icon-label descent" }, index.h("span", { key: 'c1525632443747164c052c421ada1517402dd347', part: "icon", class: "icon", innerHTML: moving.MovingIcon }), index.h("span", { key: '764c90721943f07ee8f3eefb660c689e17affd43', part: "label", class: "label" }, utils.formatDescent(this.currentTrek.descent)))), index.h("div", { key: '44310e505616fad8f45c60c468261468d720fa68', part: "icon-label", class: "icon-label practice" }, ((_d = this.practice) === null || _d === void 0 ? void 0 : _d.pictogram) && index.h("img", { key: '4bf1587bd598954cbdae132042c487c39574f121', part: "icon", class: "icon", src: this.practice.pictogram, alt: "" }), index.h("span", { key: '9788a82b369627c1b81366db1b6344cb7b22d400', part: "label", class: "label" }, (_e = this.practice) === null || _e === void 0 ? void 0 : _e.name)), index.h("div", { key: '2bf47acf3463a6852af4d8b7d21b141bc58e2657', part: "icon-label", class: "icon-label networks" }, this.currentTrek.networks.map(networkId => {
+        })) : (index.h("img", { part: "trek-img", class: "trek-img default-trek-img", src: defaultImageSrc, loading: "lazy", alt: "" }))), index.h("div", { key: '02a8a1ee5e21a355290f2600c14210b462f3f0e9', style: { display: 'block', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { key: '1a3f9bd8a40c214df4f55ea66cf4b03a350efc68', style: { display: 'flex', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { key: '9cd83bbf7c66b3af170da92834f6def37d3939f6', style: { display: 'flex', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { key: 'f697a0914e0d85342ada86623d5ce3b749a7045c', part: "trek-name", class: "trek-name" }, this.currentTrek.name), this.themes.length > 0 && (index.h("div", { key: 'd569afefaaf22120f7074fd496920e3e5f276554', part: "themes-container", class: "themes-container" }, this.themes.map(theme => (index.h("div", { part: "theme", class: "theme" }, theme.label))))), index.h("div", { key: 'e46f209b459fb571ae14f425133990939b3383d8', part: "sub-container", class: "sub-container" }, index.h("div", { key: 'f1b0a8675039defb0a41d74169f8889faf8fadb3', part: "icons-labels-container", class: "icons-labels-container" }, this.difficulty && (index.h("div", { key: 'acf37d8416203f9cabfd5a6cc9ef3b5b317a0292', part: "icon-label", class: "icon-label difficulty" }, this.difficulty.pictogram && index.h("img", { key: '07fa021365f5ac981bf3e49ad7dc27f56ce6aa0d', part: "icon", class: "icon", src: this.difficulty.pictogram, alt: "" }), index.h("span", { key: 'f084ace494d4284ee47d176c4f600fb71ccab213', part: "label", class: "label" }, this.difficulty.label))), index.h("div", { key: 'bf30711fc9b49a61e023a2dbfc6eb596e8529d26', part: "icon-label", class: "icon-label duration" }, index.h("span", { key: 'e3e4fa0b69b0d126ae5c6cff9974a27b7ba37a4b', part: "icon", class: "icon", innerHTML: moving.TimelapseIcon }), index.h("span", { key: 'a74813034b08f02883adf45cf00c59a1b70dc68c', part: "label", class: "label" }, utils.formatDuration((_a = this.currentTrek) === null || _a === void 0 ? void 0 : _a.duration))), index.h("div", { key: '5091d4717866cbac1c3abd5e6aee533a7ea55ebb', part: "icon-label", class: "icon-label route" }, ((_b = this.route) === null || _b === void 0 ? void 0 : _b.pictogram) && index.h("img", { key: '5448e09b99a92d744bd2486f061283bf7a5bb567', part: "icon", class: "icon", src: this.route.pictogram, alt: "" }), index.h("span", { key: '5dafc5d01ae5d5ed6401c21475e54a5928368763', part: "label", class: "label" }, (_c = this.route) === null || _c === void 0 ? void 0 : _c.route)), index.h("div", { key: '5c1013e35fdb2fc762964cfad84ffaedb93a0668', part: "icon-label", class: "icon-label length" }, index.h("span", { key: 'eecae9f0e2f5ed5663babf1e7b61272ee36955f9', part: "icon", class: "icon", innerHTML: moving.OpenInFullIcon }), index.h("span", { key: '100b68f5245773c7ba8517cd260414389d505fed', part: "label", class: "label" }, utils.formatLength(this.currentTrek.length_2d))), this.currentTrek.ascent && (index.h("div", { key: '0b5ba64e4fd7c027cff14efa8a392a00ad8f8b58', part: "icon-label", class: "icon-label ascent" }, index.h("span", { key: '8a71b994345a29a18cb4947a1dad53e0c665682f', part: "icon", class: "icon", innerHTML: moving.MovingIcon }), index.h("span", { key: '99dbcab6ee7c8b718ca94ea064e063b11270ae42', part: "label", class: "label" }, utils.formatAscent(this.currentTrek.ascent)))), this.currentTrek.descent && (index.h("div", { key: 'f298b42ad796a5a2eae9638cdc6698a4300cff66', part: "icon-label", class: "icon-label descent" }, index.h("span", { key: '90b038b36e0b9839f805edd4e249e75b2fb8e6d7', part: "icon", class: "icon", innerHTML: moving.MovingIcon }), index.h("span", { key: '872ea8a5dbf84c428d9491c386539ee3b6b90645', part: "label", class: "label" }, utils.formatDescent(this.currentTrek.descent)))), index.h("div", { key: 'f24ead114617b3cba4a95323ce0e280c5de4e4d3', part: "icon-label", class: "icon-label practice" }, ((_d = this.practice) === null || _d === void 0 ? void 0 : _d.pictogram) && index.h("img", { key: '8f77d258c7625a91091fb4c6fbffc0abc1e39a94', part: "icon", class: "icon", src: this.practice.pictogram, alt: "" }), index.h("span", { key: '97e46e0bb8e633ac365313eae7c44b4deaa3cda2', part: "label", class: "label" }, (_e = this.practice) === null || _e === void 0 ? void 0 : _e.name)), index.h("div", { key: '98a4fe02c92c813a071d22310cb4d5e00bc4fbdb', part: "icon-label", class: "icon-label networks" }, this.currentTrek.networks.map(networkId => {
             const currentNetwork = store.state.networks.find(network => network.id === networkId);
             return (index.h("div", { part: "network", class: "network" }, index.h("img", { part: "icon", class: "icon", src: currentNetwork.pictogram, alt: "" }), index.h("span", { part: "label", class: "label" }, currentNetwork.label)));
-        })), this.currentTrek.ratings.map(trekRating => (index.h("div", { part: "row", class: "row" }, `${store.state.ratingsScale.find(ratingScale => ratingScale.id === store.state.ratings.find(rating => rating.id === trekRating).scale).name} : ${store.state.ratings.find(rating => rating.id === trekRating).name}`))), this.currentTrek.ratings_description && this.currentTrek.ratings_description !== '' && (index.h("div", { key: '7df8da7cdc15d3925298116446ff6017180a02d0', part: "row", class: "row", innerHTML: this.currentTrek.ratings_description })))), index.h("div", { key: '77651937485368b49a1c08f0df2a2541a062938f', part: "divider", class: "divider" }), index.h("div", { key: 'd3236b1136ee4e3fd5ab3dacc85205ca4479b2a9', part: "downloads-container", class: "downloads-container" }, index.h("div", { key: 'b54af562f141262e513934f2c9ab5ca520010987', part: "download-title", class: "download-title" }, i18n.translate[store.state.language].downloads), this.enableOffline && !this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (index.h("button", { key: 'ec2f4b1a4d6dc3468f8208e8e4050f00f5cebd54', part: "offline-button", class: "offline-button", onClick: () => this.displayDownloadModal() }, index.h("span", { key: '639f562ed575a2f8cd6a99314c8a4535be5ba49b', part: "icon", class: "icon", innerHTML: DownloadForOfflineIcon }), index.h("span", { key: '69b3783c26442aab714b4b7da2d346183fe5cf4b', part: "label", class: "label" }, i18n.translate[store.state.language].offline.downloadOffline))), this.enableOffline && this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (index.h("button", { key: 'b5dbe26ac977f2df981f869089a449ff8303b1fd', part: "offline-button", class: "offline-button", onClick: () => this.displayDeleteModal() }, index.h("span", { key: '8cf31dcaf4821c32f1e02094df545b800e607e17', part: "icon", class: "icon", innerHTML: DeleteIcon }), index.h("span", { key: '42e0bfcb6bf3050d0cd3b79e53ab8686fcea85a6', part: "label", class: "label" }, i18n.translate[store.state.language].offline.deleteOffline))), index.h("div", { key: '7eda158f8d87090c4636ad0151aa98cc2a703f00', part: "links-container", class: "links-container" }, index.h("a", { key: '6ed39518858080cdf066f5b04070bb1403283297', part: "download-gpx-button", href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { key: 'abdd34892be4e11c9b790bec866e2c9684c6e815', part: "icon", class: " icon", innerHTML: call.DownloadIcon }), index.h("span", { key: 'c4c29179e973bc0e3843e888bcb123f737a17dc0', part: "label", class: "label" }, "GPX")), index.h("a", { key: 'f3996de23d2c4a5ef0047a7591f3148d878723bd', part: "download-kml-button", href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { key: '95564258320250e87662fd6cd641a694a375595e', part: "icon", class: "icon", innerHTML: call.DownloadIcon }), index.h("span", { key: '4628a42d8f962dcc1e2d6cb4c6d675a6a4d777a3', part: "label", class: "label" }, "KML")), index.h("a", { key: '24409c39c884508fa4b8976ad6898a87fb170bd7', part: "download-pdf-button", href: `${this.currentTrek.pdf}${store.state.portalsFromProviders && store.state.portalsFromProviders.length === 1 ? '?portal=' + store.state.portalsFromProviders[0] : ''}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { key: 'e07901091374b95851d4c92e6e532def3f656f2c', part: "icon", class: "icon", innerHTML: call.DownloadIcon }), index.h("span", { key: 'ad53da78f79c143e9400d51c7ef8e36cfce577a5', part: "label", class: "label" }, "PDF")))), index.h("div", { key: '34fd55bd1d6d10b893883781d4df26cf82100af8', part: "divider", class: "divider" }), this.currentTrek.description_teaser && index.h("div", { key: '787582fdf4bfdb5bb7f1b82569324476811bf4ab', part: "description-teaser", class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && index.h("div", { key: '5ba04b1cd788d911ce65609983ae0787c2b546ee', part: "ambiance", class: "ambiance", innerHTML: this.currentTrek.ambiance }), store.state.parentTrekId && store.state.parentTrek && this.currentTrek.id !== store.state.parentTrekId && (index.h("div", { key: '7fdb6da0c91edfb95c3b05d0049baff5264b2a76' }, index.h("div", { key: '70ef2c5d79513c7193ef6e33a298b4f4b4d00daf', part: "divider", class: "divider" }), index.h("div", { key: '4372f8cf67585c21038ec50d38ffbc67cf4e4c63', part: "parent-trek-container", class: "parent-trek-container" }, index.h("button", { key: '6455d276980c3a25da009231de1f4576b908dc8f', part: "parent-trek-title", class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(store.state.parentTrekId) }, index.h("div", { key: 'e557e0629757e632706c67ed9074cc367a249c96' }, "<"), store.state.parentTrek.name)))), store.state.currentTrekSteps && (index.h("div", { key: '3d3ce9fc2d57de06b2e4427eaffb69f952b3ebc8', part: "step-container", class: "step-container", ref: el => (this.stepsRef = el) }, index.h("div", { key: '2b8802589b4c971c89bd3b166df0cab9b4e08710', part: "step-title", class: "step-title" }, `${store.state.currentTrekSteps.length} ${i18n.translate[store.state.language].steps}`), index.h("div", { key: 'e352d6852719a84a7e84470efb55576dc7c0e435', part: "swiper-step", class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, index.h("div", { key: '697272fd9cceeaa8572eeee680f15ca7c0ca18a6', part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentTrekSteps &&
+        })), this.currentTrek.ratings.map(trekRating => (index.h("div", { part: "row", class: "row" }, `${store.state.ratingsScale.find(ratingScale => ratingScale.id === store.state.ratings.find(rating => rating.id === trekRating).scale).name} : ${store.state.ratings.find(rating => rating.id === trekRating).name}`))), this.currentTrek.ratings_description && this.currentTrek.ratings_description !== '' && (index.h("div", { key: '49abcc96898b17479606364360e506afacbf3562', part: "row", class: "row", innerHTML: this.currentTrek.ratings_description })))), index.h("div", { key: '742bb8dec109ad386d65a932efa8f4d294dbf769', part: "divider", class: "divider" }), index.h("div", { key: 'a177114b911f9bba0b8f2b16f74bc5f227020660', part: "downloads-container", class: "downloads-container" }, index.h("div", { key: '4ddf7a9615d56c6555773b55189ccc3426ca8b03', part: "download-title", class: "download-title" }, i18n.translate[store.state.language].downloads), this.enableOffline && !this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (index.h("button", { key: 'a329b6b5d45a9911d9b69d79b9c3c40e9929e875', part: "offline-button", class: "offline-button", onClick: () => this.displayDownloadModal() }, index.h("span", { key: 'c06cd2f6b5d1e48e3d6e877d73110a6a59dba92c', part: "icon", class: "icon", innerHTML: DownloadForOfflineIcon }), index.h("span", { key: '2040993f69b66a5951146ff556f05bb32823e0e4', part: "label", class: "label" }, i18n.translate[store.state.language].offline.downloadOffline))), this.enableOffline && this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (index.h("button", { key: '2fc61d98a8b694d66e73007142541cd0b546ddc4', part: "offline-button", class: "offline-button", onClick: () => this.displayDeleteModal() }, index.h("span", { key: '723360b1ce6599ae881ab9edb04f0d591dc123e0', part: "icon", class: "icon", innerHTML: DeleteIcon }), index.h("span", { key: 'ca08a9abcd7856a69671b33405f0a18cf1806b22', part: "label", class: "label" }, i18n.translate[store.state.language].offline.deleteOffline))), index.h("div", { key: '204413b50209e588aca822f4f073400bb21322f3', part: "links-container", class: "links-container" }, index.h("a", { key: '45a8ad92375d3ac2b08d3cdb17d49f76edbd19c7', part: "download-gpx-button", href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { key: '1bb9e0195d254073e6f62b52d62d7ff69fc4de04', part: "icon", class: " icon", innerHTML: call.DownloadIcon }), index.h("span", { key: '9b76350d258e9a4559795700ba05ea4908229075', part: "label", class: "label" }, "GPX")), index.h("a", { key: '0f9d39765f9d12b42c29c94650e1885a44de0a61', part: "download-kml-button", href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { key: 'a56aa0106bfeccc7234b8dcceb816ea8b2415e26', part: "icon", class: "icon", innerHTML: call.DownloadIcon }), index.h("span", { key: 'ddc546fd02b2a19386826cc60caf21f50bf59082', part: "label", class: "label" }, "KML")), index.h("a", { key: '5227c8db0123ffb925787ec0a6faa3cf26fe2e8d', part: "download-pdf-button", href: `${this.currentTrek.pdf}${store.state.portalsFromProviders && store.state.portalsFromProviders.length === 1 ? '?portal=' + store.state.portalsFromProviders[0] : ''}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { key: 'b8b08aee2f3c2ca25d04d2a814e944949005a250', part: "icon", class: "icon", innerHTML: call.DownloadIcon }), index.h("span", { key: '8afe179ac2648e1dd495698a46fd2ea3867ef423', part: "label", class: "label" }, "PDF")))), index.h("div", { key: '32cad606d3103ab4457439de27d845978898e71e', part: "divider", class: "divider" }), this.currentTrek.description_teaser && index.h("div", { key: 'af6be2c303f191880bf6e608f11d384c5b6ba6e0', part: "description-teaser", class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && index.h("div", { key: 'c2c8537103a30a2a646770dcbb0d04028145b43b', part: "ambiance", class: "ambiance", innerHTML: this.currentTrek.ambiance }), store.state.parentTrekId && store.state.parentTrek && this.currentTrek.id !== store.state.parentTrekId && (index.h("div", { key: '37dc8e79c170cde6b7e423ffd47f5385ceb80c96' }, index.h("div", { key: 'da327dc0ef59a1415f6dd424ac4e712d043a32fc', part: "divider", class: "divider" }), index.h("div", { key: '9935602ebcf91327d9da13ed1c0de2001c085504', part: "parent-trek-container", class: "parent-trek-container" }, index.h("button", { key: '80c9bd745e7b9948b2cb3686604b69476729f3c9', part: "parent-trek-title", class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(store.state.parentTrekId) }, index.h("div", { key: '46f551f1298f71b7c53320fdb5f4ddc3313a226c' }, "<"), store.state.parentTrek.name)))), store.state.currentTrekSteps && (index.h("div", { key: '888c3446400a14c684a4c48bd9e7710e0b3786d3', part: "step-container", class: "step-container", ref: el => (this.stepsRef = el) }, index.h("div", { key: 'cfbe629a45371b8abe34adfe31ed0dd31b609858', part: "step-title", class: "step-title" }, `${store.state.currentTrekSteps.length} ${i18n.translate[store.state.language].steps}`), index.h("div", { key: 'a67450ee53266df0d9b19e2188fad22fe8fb49a8', part: "swiper-step", class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, index.h("div", { key: '5a4ade6abdc404571b30c4471ba1f17f3f25ddca', part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentTrekSteps &&
             store.state.currentTrekSteps.map(trek => {
                 return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-trek-card", { exportparts: "trek-card,trek-img-container,trek-img,trek-sub-container,trek-departure,trek-name,trek-themes-container,trek-theme,trek-icons-labels-container,trek-icon-label,trek-icon,trek-label", key: `trek-${trek.id}`, trek: trek, "is-large-view": false, "is-step": true, 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, "grw-app": this.grwApp })));
-            })), index.h("div", { key: '2373e613f791b27f0b16e9ae998e27260ed8cdc0', part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.stepSwiperScrollbar = el) })))), index.h("div", { key: 'e07ce3560e56c15f5ebd32a83389c5370ef5b091', part: "divider", class: "divider" }), this.currentTrek.description && (index.h("div", { key: 'f065b26ca44b984e7fb94f29c8147e8ec2eaa4b0', part: "description-container", class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { key: '16c50ad135c6a275cdf668a7e76ea378498e329d', part: "description-title", class: "description-title" }, i18n.translate[store.state.language].description), index.h("div", { key: 'e75567feb79e779e97e99e882f4d0ca631ba96c9', part: "description", class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (index.h("div", { key: '5dc5f948184e5c295767974b73ce3b30b3369a74', part: "departure-container", class: "departure-container" }, index.h("div", { key: '0965fd68965d36f01e765b9f2449d86baf33bf61', part: "departure-title", class: "departure-title" }, i18n.translate[store.state.language].departure, " :\u00A0"), index.h("div", { key: '15218b4a77ceed48776d2de75d3d1bb87c504173', part: "departure", innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (index.h("div", { key: '2be986852b89a9aec08699e9ca52dc4c3b1d430c', part: "arrival-container", class: "arrival-container" }, index.h("div", { key: '799e5979dc9496b2da9cc3fec22cada3b7aaf151', part: "arrival-title", class: "arrival-title" }, i18n.translate[store.state.language].arrival, " :\u00A0"), index.h("div", { key: '6f2c39ccebfa8f7fddd50bf01dea444440712ab3', part: "arrival", innerHTML: this.currentTrek.arrival }))), this.cities && this.cities.length > 0 && (index.h("div", { key: 'cdaed86974933b7325d6c84ae1c25179fc5771c3', part: "cities-container", class: "cities-container" }, index.h("div", { key: 'fd9d4254f76f5e3ec1dee0861f500c0d500d5d29', part: "cities-title", class: "cities-title" }, i18n.translate[store.state.language].crossedCities, " :\u00A0"), index.h("div", { key: 'a782119bf9e56f3a8fb1614f53f71910e651b209', part: "cities", innerHTML: this.cities.join(', ') }))), this.options.pois.visible && (index.h("div", { key: '6cfec582ca726d853bd4756ea526bcb30b508fb0', part: "divider-and-pois-container", class: "divider-and-pois-container" }, index.h("div", { key: '2e0de2ab38350ac717873d5251be15669a82e1ed', part: "divider", class: "divider" }), index.h("div", { key: 'ed41fd20042af6ce74c1bfa7e1067e4e8e135de6', part: "pois-container", class: "pois-container", ref: el => (this.poiRef = el) }, index.h("div", { key: '28c93b0bf428e16d83101e839a6c7dbdde38d3db', part: "pois-title", class: "pois-title" }, i18n.translate[store.state.language].pois(store.state.poisData)), !store.state.currentPois ? (index.h("div", { class: "loader-container" }, index.h("span", { part: "loader", class: "loader" }))) : (index.h(index.Fragment, null, index.h("div", { part: "swiper-pois", class: "swiper swiper-pois", ref: el => (this.swiperPoisRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentPois.map(poi => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-poi", { exportparts: "poi-type-img-container,poi-type,swiper-poi,swiper-wrapper,swiper-slide,poi-img,default-poi-img,swiper-pagination,swiper-button-prev,swiper-button-next,poi-sub-container,poi-name,poi-description,handle-poi-description", poi: poi, colorSurfaceContainerLow: this.colorSurfaceContainerLow }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.poisSwiperScrollbar = el) }))))))), this.weather && this.currentTrek.departure_city && !this.offline && (index.h("div", { key: 'fb226a025c103cc359a0ec8fd74abe4078edc80a', part: "divider-and-weather-container", class: "divider-and-weather-container" }, index.h("div", { key: 'ae6d705a077576ad70eb9ae0e587bb500036e173', part: "divider", class: "divider" }), index.h("div", { key: '39c55e4b5819f66b2d8df31afcccf08518d3c7ba', part: "weather-container", class: "weather-container" }, index.h("iframe", { key: 'e6a346876b832bf51adb602105994173ff75968c', height: "150", frameborder: "0", src: `https://meteofrance.com/widget/prevision/${this.getDepartureCityCode()}0#${this.colorPrimaryApp}` })))), this.currentTrek.access && (index.h("div", { key: '221a168cb054ab6a8f1682d086daa07dfff50c2b', part: "divider-and-access-container", class: "divider-and-access-container" }, index.h("div", { key: 'b01b96e62fdabc116e87053a83f869c9ca8c34d8', part: "divider", class: "divider" }), index.h("div", { key: 'c9ce1acac3bf6edf9fa44dc3f44a0580be8d4a04', part: "access-container", class: "access-container" }, index.h("div", { key: '0a2bbf12490f129572aa8a294c86415e8a033ffe', part: "access-title", class: "access-title" }, i18n.translate[store.state.language].roadAccessAndParking), index.h("div", { key: '45d559cc6882c93881f6d5f1e8f13f287086d5c5', part: "access", class: "access", innerHTML: this.currentTrek.access }), this.currentTrek.advised_parking && (index.h("div", { key: '082ce38581c6f5538b832a231e03e5e7817f4b92' }, index.h("div", { key: '56c44627b467d44b2d59f6d73ce3d92ec3f15915', part: "advised-parking-title", class: "advised-parking-title", ref: el => (this.parkingRef = el) }, i18n.translate[store.state.language].recommendedParking), index.h("div", { key: 'fd2e71ac537a7e6720b30a74fe8b2ad7dde991fb', part: "advised-parking", class: "advised-parking", innerHTML: this.currentTrek.advised_parking })))))), this.currentTrek.public_transport && (index.h("div", { key: '0c775c7507efdfe87e3191278b8fa15d11663a1c', part: "divider-and-public-transport-container", class: "divider-and-public-transport-container" }, index.h("div", { key: '86423bce9a1c813d31257bc6546384a4a409b6d6', part: "divider", class: "divider" }), index.h("div", { key: '6ad2545ce3776ba6c9c4ffc9d6f0d98640a90cac', part: "public-transport-container", class: "public-transport-container" }, index.h("div", { key: 'efab9c1c7dd2d52ddeba730cd8b25bceb0f0dd0e', part: "public-transport-title", class: "public-transport-title" }, i18n.translate[store.state.language].transport), index.h("div", { key: '1026cc44ca60db8ea6b4691dbc3e670f9907d273', part: "public-transport", class: "public-transport", innerHTML: this.currentTrek.public_transport })))), (this.currentTrek.advice || this.currentTrek.gear || this.labels.length > 0) && (index.h("div", { key: 'df2d2a83187e1fcb25eefa4d2373bf13ebdcb3b5', part: "divider-and-advice-container", class: "divider-and-advice-container" }, index.h("div", { key: 'e474a261eeb21c77550efae7a000f60b7a1d0789', part: "divider", class: "divider" }), index.h("div", { key: 'c257f20f2309bea1af429d61828b563b1c804a92', part: "advice-container", class: "advice-container", ref: el => (this.recommendationRef = el) }, index.h("div", { key: '747e79892fb77906ed2aa9e32a9281ee6fa4b1d6', part: "advice-title", class: "advice-title" }, i18n.translate[store.state.language].recommendations), this.currentTrek.advice && (index.h("div", { key: '77bdd36abfe7244c613415c1fd9ca54b949153fe', part: "current-advice-container", class: "current-advice-container" }, index.h("span", { key: '10901ed280e384f0da4dd24d349e8dc4f39b6981', part: "advice-icon", class: "icon", innerHTML: WarningIcon }), index.h("div", { key: '2be2d50df79bf6c1a4f3697cf82137540b6442ff', part: "advice", class: "advice", innerHTML: this.currentTrek.advice }))), this.currentTrek.gear && (index.h("div", { key: 'f15395119217313663bc9f6a56a21133d2694dd2', part: "gear-container", class: "gear-container" }, index.h("span", { key: 'cfd850c3f73ee21755ebb39d8ac1e10ecfaa8e9d', part: "gear-icon", class: "icon", innerHTML: BackpackIcon }), index.h("div", { key: '371620216ec1d176a6259faf7e7132577652ae31', part: "gear", class: "gear", innerHTML: this.currentTrek.gear }))), this.labels.map(label => (index.h("div", { part: "label-container", class: "label-container" }, index.h("div", { part: "label-sub-container", class: "label-sub-container" }, label.pictogram && index.h("img", { src: label.pictogram, alt: "" }), index.h("div", { part: "label-name", class: "label-name", innerHTML: label.name })), index.h("div", { part: "label-advice", class: "label-advice", innerHTML: label.advice }))))))), store.state.currentSensitiveAreas && store.state.currentSensitiveAreas.length > 0 && (index.h("div", { key: '10a89abb1043a0a733d4d02853915cca48b478ac', part: "divider-and-sensitive-areas-container", class: "divider-and-sensitive-areas-container" }, index.h("div", { key: 'e92451f91d91fce7d194ce3d678bbac5267b6167', part: "divider", class: "divider" }), index.h("div", { key: 'a1070d5e1c14d255f8829da9a9690478cf1ed431', part: "sensitive-areas-container", class: "sensitive-areas-container", ref: el => (this.sensitiveAreaRef = el) }, index.h("div", { key: '9142d12f1c1c87be8dc66d3ddeeac648dce290d0', part: "ensitive-areas-title", class: "sensitive-areas-title" }, i18n.translate[store.state.language].environmentalSensitiveAreas), index.h("div", { key: '229a54a9dec4377b81f8df63f0741c019ce5d828', part: "sensitive-areas-description", class: "sensitive-areas-description" }, i18n.translate[store.state.language].sensitiveAreasDescription), store.state.currentSensitiveAreas.map(sensitiveArea => (index.h("grw-sensitive-area-detail", { exportparts: "sensitive-area-title-container,sensitive-area-color-container,sensitive-area-title,sensitive-area-description,sensitive-area-practice-container,sensitive-area-practice-title,sensitive-area-practices,sensitive-area-practice,sensitive-area-period-container,sensitive-area-period-title,sensitive-area-periods,sensitive-area-period,sensitive-area-contact-container,sensitive-area-contact-title,sensitive-area-contact-value", sensitiveArea: sensitiveArea })))))), store.state.currentInformationDesks &&
-            store.state.currentInformationDesks.filter(currentInformationDesks => this.currentTrek.information_desks.includes(currentInformationDesks.id)).length > 0 && (index.h("div", { key: '0f07d47e04de1ed27bd8033e477c0a0fc88f0959', part: "divider-and-information-desks-container", class: "divider-and-information-desks-container" }, index.h("div", { key: '67aab93126aa16cf97a7c97d4154caedab4ccf53', part: "divider", class: "divider" }), index.h("div", { key: '4afa0057e955a45361065b87d74587d9b9af12b3', part: "information-desks-container", class: "information-desks-container", ref: el => (this.informationPlacesRef = el) }, index.h("div", { key: '808407d80c2247b32e9aec0107e3c3a1e4f2ef17', part: "information-desks-title", class: "information-desks-title" }, i18n.translate[store.state.language].informationPlaces), index.h("div", { key: '6d54872831c99a594ddaecaae130c044f0fdc707', part: "swiper-information-desks", class: "swiper swiper-information-desks", ref: el => (this.swiperInformationDesksRef = el) }, index.h("div", { key: '35577e8678e199041c2762b0270cc4941440a103', part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentInformationDesks
+            })), index.h("div", { key: 'a2be24528695e0bdef574aed78012412c0b3ee9a', part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.stepSwiperScrollbar = el) })))), index.h("div", { key: '570fb294d899f0576166f388f7d6d28e1e3931cd', part: "divider", class: "divider" }), this.currentTrek.description && (index.h("div", { key: '9b302fc1df215730be0fe8e3bcf16ef9fb4fea82', part: "description-container", class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { key: 'ae009259c7478e72105eb583c21e50b063fc37dd', part: "description-title", class: "description-title" }, i18n.translate[store.state.language].description), index.h("div", { key: '4dd093853c1077ac1ccfb5640fb1ff9535b2fcbb', part: "description", class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (index.h("div", { key: 'f4d55258f71b5704757dba00ea45568a93fa26fa', part: "departure-container", class: "departure-container" }, index.h("div", { key: '8f3ea9c2a3e9a222aaa2592ff965acbc9c5bd6c2', part: "departure-title", class: "departure-title" }, i18n.translate[store.state.language].departure, " :\u00A0"), index.h("div", { key: 'cd20aea91cd7803b6592b8ea4c04265e9e8de280', part: "departure", innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (index.h("div", { key: '74aefe3c54c86d1b611b3992e1d3b76d5a5e202f', part: "arrival-container", class: "arrival-container" }, index.h("div", { key: '7d53a0152bd04b10e0c1edf69aef2f6f4f4364df', part: "arrival-title", class: "arrival-title" }, i18n.translate[store.state.language].arrival, " :\u00A0"), index.h("div", { key: '456ad300401bf027c2e7ed8531f170b2b4aa1bbc', part: "arrival", innerHTML: this.currentTrek.arrival }))), this.cities && this.cities.length > 0 && (index.h("div", { key: '232645bc2a8bf6f8ef6cf2ef00a75e9b2e7ded17', part: "cities-container", class: "cities-container" }, index.h("div", { key: '6bebda2bf995dc3c926e53edf1ef51e76cb1ee33', part: "cities-title", class: "cities-title" }, i18n.translate[store.state.language].crossedCities, " :\u00A0"), index.h("div", { key: '3747f53bf7617b1fcafa9939fb35943c8b81cd06', part: "cities", innerHTML: this.cities.join(', ') }))), this.options.pois.visible && (index.h("div", { key: 'a554526d7b61e12258f8dcd51f219144b311d678', part: "divider-and-pois-container", class: "divider-and-pois-container" }, index.h("div", { key: '5208ece164c141a80ffa9a21a2135b1cada854cc', part: "divider", class: "divider" }), index.h("div", { key: '8ac1d82f8ca923156ddbd0be43bc7ca0ed5a9c96', part: "pois-container", class: "pois-container", ref: el => (this.poiRef = el) }, index.h("div", { key: '244f08c7b421a0590641724c9720ecb3bb32ccc4', part: "pois-title", class: "pois-title" }, i18n.translate[store.state.language].pois(store.state.poisData)), !store.state.currentPois ? (index.h("div", { class: "loader-container" }, index.h("span", { part: "loader", class: "loader" }))) : (index.h(index.Fragment, null, index.h("div", { part: "swiper-pois", class: "swiper swiper-pois", ref: el => (this.swiperPoisRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentPois.map(poi => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-poi", { exportparts: "poi-type-img-container,poi-type,swiper-poi,swiper-wrapper,swiper-slide,poi-img,default-poi-img,swiper-pagination,swiper-button-prev,swiper-button-next,poi-sub-container,poi-name,poi-description,handle-poi-description", poi: poi, colorSurfaceContainerLow: this.colorSurfaceContainerLow }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.poisSwiperScrollbar = el) }))))))), this.weather && this.currentTrek.departure_city && !this.offline && (index.h("div", { key: '26cd4f7d04031407ce9caae15023ed859d7fa258', part: "divider-and-weather-container", class: "divider-and-weather-container" }, index.h("div", { key: 'a8acfbe7e29b23f764f2bdbf2cb25c475181f252', part: "divider", class: "divider" }), index.h("div", { key: '80ff13b3c6bb577d322089f560eea58df361333c', part: "weather-container", class: "weather-container" }, index.h("iframe", { key: 'c0a6795de89382f9bc2bfc7ac4a6e926eda8ef89', height: "150", frameborder: "0", src: `https://meteofrance.com/widget/prevision/${this.getDepartureCityCode()}0#${this.colorPrimaryApp}` })))), this.currentTrek.access && (index.h("div", { key: '06e60efeeab5095cfa8beec917aca70c8e1e983e', part: "divider-and-access-container", class: "divider-and-access-container" }, index.h("div", { key: '0d2051624023d9affe6705a1dafa79ee6fee981b', part: "divider", class: "divider" }), index.h("div", { key: '4013daedc87320bdbf9924f68f7fedb20954fae1', part: "access-container", class: "access-container" }, index.h("div", { key: '4edc76257fea898c72cb4061e06087efd30384af', part: "access-title", class: "access-title" }, i18n.translate[store.state.language].roadAccessAndParking), index.h("div", { key: 'bb92d1dc156c2503fc47d213a13525130e885439', part: "access", class: "access", innerHTML: this.currentTrek.access }), this.currentTrek.advised_parking && (index.h("div", { key: 'b86752d7416fb3bdc16a536d97aa76e647d5b63d' }, index.h("div", { key: '2d7b468ac525f331fe15dce708697f13ca2f6d9b', part: "advised-parking-title", class: "advised-parking-title", ref: el => (this.parkingRef = el) }, i18n.translate[store.state.language].recommendedParking), index.h("div", { key: '0c95d78c39e9239c0a0776a97f8c52342650f35f', part: "advised-parking", class: "advised-parking", innerHTML: this.currentTrek.advised_parking })))))), this.currentTrek.public_transport && (index.h("div", { key: '46ee0b3eef83a13d7bfe519481e252c0fb967ab0', part: "divider-and-public-transport-container", class: "divider-and-public-transport-container" }, index.h("div", { key: 'c28829e1ddef0c746025a9d26e802c42b4e67b55', part: "divider", class: "divider" }), index.h("div", { key: '0f69359bcc2da2cfb6da47a4911268c3469930d2', part: "public-transport-container", class: "public-transport-container" }, index.h("div", { key: '44b74910a7ac9931de34b4157a9a51ad310c2344', part: "public-transport-title", class: "public-transport-title" }, i18n.translate[store.state.language].transport), index.h("div", { key: 'b6c93f00cd81e74924ad67aad8e2e994f434cbae', part: "public-transport", class: "public-transport", innerHTML: this.currentTrek.public_transport })))), (this.currentTrek.advice || this.currentTrek.gear || this.labels.length > 0) && (index.h("div", { key: '086cd818feecfc3d79cf53f24df86f0960f112ef', part: "divider-and-advice-container", class: "divider-and-advice-container" }, index.h("div", { key: '2c6756a0387d363c6c72359d6dcd615ca5ba2764', part: "divider", class: "divider" }), index.h("div", { key: 'a8b31475aef060320367d8d4ae8cac4437458602', part: "advice-container", class: "advice-container", ref: el => (this.recommendationRef = el) }, index.h("div", { key: '618422295d3105c003f25fc3cb768c1d06c5b020', part: "advice-title", class: "advice-title" }, i18n.translate[store.state.language].recommendations), this.currentTrek.advice && (index.h("div", { key: 'e19dbf6763313623bae34b554517a74546e48ba9', part: "current-advice-container", class: "current-advice-container" }, index.h("span", { key: '2c3bfa0829413592ac5874b9de367f6a09176589', part: "advice-icon", class: "icon", innerHTML: WarningIcon }), index.h("div", { key: 'bbb4c1a2b5db0de2951c0cbffd887311cba9821e', part: "advice", class: "advice", innerHTML: this.currentTrek.advice }))), this.currentTrek.gear && (index.h("div", { key: 'b9393b617af2825e4d1cf9d59ba2f1a26a239b01', part: "gear-container", class: "gear-container" }, index.h("span", { key: 'a3bc802047d12f8cfcda39dc695ae89126d7a452', part: "gear-icon", class: "icon", innerHTML: BackpackIcon }), index.h("div", { key: 'f20dca4ab326acefd684efdbc2c1524fb3cf2606', part: "gear", class: "gear", innerHTML: this.currentTrek.gear }))), this.labels.map(label => (index.h("div", { part: "label-container", class: "label-container" }, index.h("div", { part: "label-sub-container", class: "label-sub-container" }, label.pictogram && index.h("img", { src: label.pictogram, alt: "" }), index.h("div", { part: "label-name", class: "label-name", innerHTML: label.name })), index.h("div", { part: "label-advice", class: "label-advice", innerHTML: label.advice }))))))), store.state.currentSensitiveAreas && store.state.currentSensitiveAreas.length > 0 && (index.h("div", { key: '24ae9ff11ed0b5d55537793026c12527a0fb602b', part: "divider-and-sensitive-areas-container", class: "divider-and-sensitive-areas-container" }, index.h("div", { key: 'e3e57ea144e78cc386ea9941a2bc8ed597b6e46b', part: "divider", class: "divider" }), index.h("div", { key: '935cfb45766230ac78b2813885f6a274afe19b33', part: "sensitive-areas-container", class: "sensitive-areas-container", ref: el => (this.sensitiveAreaRef = el) }, index.h("div", { key: '092d1cd92f211cac604dd32da9209504338dad58', part: "ensitive-areas-title", class: "sensitive-areas-title" }, i18n.translate[store.state.language].environmentalSensitiveAreas), index.h("div", { key: 'e1251ae2937b9d2154ffc39ea4ba750d3645b092', part: "sensitive-areas-description", class: "sensitive-areas-description" }, i18n.translate[store.state.language].sensitiveAreasDescription), store.state.currentSensitiveAreas.map(sensitiveArea => (index.h("grw-sensitive-area-detail", { exportparts: "sensitive-area-title-container,sensitive-area-color-container,sensitive-area-title,sensitive-area-description,sensitive-area-practice-container,sensitive-area-practice-title,sensitive-area-practices,sensitive-area-practice,sensitive-area-period-container,sensitive-area-period-title,sensitive-area-periods,sensitive-area-period,sensitive-area-contact-container,sensitive-area-contact-title,sensitive-area-contact-value", sensitiveArea: sensitiveArea })))))), store.state.currentInformationDesks &&
+            store.state.currentInformationDesks.filter(currentInformationDesks => this.currentTrek.information_desks.includes(currentInformationDesks.id)).length > 0 && (index.h("div", { key: '1d4504b42eed738f539171b127e1a006e05847e5', part: "divider-and-information-desks-container", class: "divider-and-information-desks-container" }, index.h("div", { key: '7c8ce2a69520241463ac794ac2501ac65956d14a', part: "divider", class: "divider" }), index.h("div", { key: 'cbe5c85b47a73d2a0f104d715178c12d20d775b9', part: "information-desks-container", class: "information-desks-container", ref: el => (this.informationPlacesRef = el) }, index.h("div", { key: '41e823f6f88bb9c02721f8de773ee5030077ab9b', part: "information-desks-title", class: "information-desks-title" }, i18n.translate[store.state.language].informationPlaces), index.h("div", { key: 'e78aa26e19e0356872331bd0708efb45a92cfe13', part: "swiper-information-desks", class: "swiper swiper-information-desks", ref: el => (this.swiperInformationDesksRef = el) }, index.h("div", { key: 'bfccb7f3d2700f0a4ac6d1053848ad91ee0b431d', part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentInformationDesks
             .filter(currentInformationDesks => this.currentTrek.information_desks.includes(currentInformationDesks.id))
-            .map(informationDesk => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-information-desk", { exportparts: "information-desk-img-container,information-desk-img,information-desk-sub-container,information-desk-name,center-on-map-button,icon,label,information-desk-informations,phone-container,mail-container,link-container,information-desk-description-container,information-desk-description,handle-information-desk-description", informationDesk: informationDesk, colorSurfaceContainerLow: this.colorSurfaceContainerLow }))))), index.h("div", { key: '730650be04eca9d9ab356abc8ac9c8576825cdd4', part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.informationDesksContentsSwiperScrollbar = el) }))))), (this.currentTrek.disabled_infrastructure ||
+            .map(informationDesk => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-information-desk", { exportparts: "information-desk-img-container,information-desk-img,information-desk-sub-container,information-desk-name,center-on-map-button,icon,label,information-desk-informations,phone-container,mail-container,link-container,information-desk-description-container,information-desk-description,handle-information-desk-description", informationDesk: informationDesk, colorSurfaceContainerLow: this.colorSurfaceContainerLow }))))), index.h("div", { key: '89f4a3d527e78c1f3d8a5ab2dc814f17714c1374', part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.informationDesksContentsSwiperScrollbar = el) }))))), (this.currentTrek.disabled_infrastructure ||
             (this.accessibilities && this.accessibilities.length > 0) ||
             this.currentTrek.accessibility_level ||
             this.currentTrek.accessibility_slope ||
@@ -7002,7 +7130,7 @@ const GrwTrekDetail = class {
             this.currentTrek.accessibility_covering ||
             this.currentTrek.accessibility_exposure ||
             this.currentTrek.accessibility_advice ||
-            this.emergencyNumber) && (index.h("div", { key: '4f806a8e66248f09f7f618480806c2efddef3283', part: "divider-and-accessibilities-container", class: "divider-and-accessibilities-container" }, index.h("div", { key: 'b0b5ed06f06220c930b2ca949a272d4dfd0b5fd1', part: "divider", class: "divider" }), index.h("div", { key: '45ea751269000fd1358157d77bb78a2355b4cc98', part: "accessibilities-container", class: "accessibilities-container", ref: el => (this.accessibilityRef = el) }, index.h("div", { key: '391ad0fccd0127171314a7c57e34c3efd8064eda', part: "accessibilities-title", class: "accessibilities-title" }, i18n.translate[store.state.language].accessibility), this.currentTrek.disabled_infrastructure && index.h("div", { key: 'f436204f77ff11c870295d45ee4c2989d44f8304', part: "disabled-infrastructure", innerHTML: this.currentTrek.disabled_infrastructure }), this.accessibilities && this.accessibilities.length > 0 && (index.h("div", { key: '941fc9e7d28580b70f07ad3bb9ff68836aa0fd94', part: "accessibilities-content-container", class: "accessibilities-content-container" }, this.accessibilities.map(accessibility => (index.h("div", { part: "accessibility-content-container", class: "accessibility-content-container" }, index.h("img", { src: accessibility.pictogram, alt: "" }), index.h("div", { part: "accessibility-name", innerHTML: accessibility.name })))))), this.emergencyNumber && (index.h("div", { key: '2b46384c2d2de9fb956edf1b274bec745fe5f90c', part: "accessibility-emergency-number-container", class: "accessibility-emergency-number-container" }, index.h("div", { key: '58d939a140c84e8fd5ab129e9c7bb26214dc4379', part: "accessibility-emergency-number-title", class: "accessibility-emergency-number-title" }, i18n.translate[store.state.language].emergencyNumber), index.h("div", { key: '6afe66e7939db0e92cd0d46ecd733dd8bb1fd773', part: "accessibility-emergency-number-content", class: "accessibility-emergency-number-content" }, index.h("a", { key: 'f7810e50130d2f73583a1f71f3877f5e17032cd6', href: `tel:${this.emergencyNumber.toString()}` }, index.h("span", { key: '52fc2369095c83e84a53d3b2c38ee3aa3f88e825', part: "icon", class: "icon", innerHTML: call.CallIcon }), index.h("span", { key: 'b992fa3403f3c4912e9109e0491a72eb809d5019', part: "emergency-number", class: "emergency-number" }, this.emergencyNumber.toString()))))), this.currentTrek.accessibility_level && (index.h("div", { key: '170d65ea4fd1a03c7f5ff765104f877ad5ae83c1', part: "accessibility-level-container", class: "accessibility-level-container" }, index.h("div", { key: '90e0bd4c39288b0c0fe98cbce428bdfc4174047e', part: "accessibility-level-title", class: "accessibility-level-title" }, i18n.translate[store.state.language].accessibilityLevel), index.h("div", { key: 'cce7ee54af6b4f456803a26aceb4167e8c3858fc', part: "accessibility-level-name", innerHTML: this.accessibilityLevel.name }))), this.currentTrek.accessibility_slope && (index.h("div", { key: '01dfa8fe9894091110ee8b58d6567498ba060df5', part: "accessibility-slope-container", class: "accessibility-slope-container" }, index.h("div", { key: 'a512151f80df700be25e099e63b628065048376e', part: "accessibility-slope-title", class: "accessibility-slope-title" }, i18n.translate[store.state.language].accessibilitySlope), index.h("div", { key: 'e31e218c92407a75757b42519fe6f7aa1f6d9afb', part: "accessibility-slope", innerHTML: this.currentTrek.accessibility_slope }))), this.currentTrek.accessibility_width && (index.h("div", { key: 'abaea6fb23e7d7415d13e04ee42f789e49915899', part: "accessibility-width-container", class: "accessibility-width-container" }, index.h("div", { key: '825d098738476eb8872f45b53da83ccd38d23a1d', part: "accessibility-width-title", class: "accessibility-width-title" }, i18n.translate[store.state.language].accessibilityWidth), index.h("div", { key: '1291bf4403177d1c374950c3508d5d6d6c4dfbf4', part: "accessibility-width", innerHTML: this.currentTrek.accessibility_width }))), this.currentTrek.accessibility_signage && (index.h("div", { key: 'bc57023bdc018a15cbf5aa852cc3414ceb69d94d', part: "accessibility-signage-container", class: "accessibility-signage-container" }, index.h("div", { key: '46d9a6b30be8650ae4e4c568dc572019bb121028', part: "accessibility-signage-title", class: "accessibility-signage-title" }, i18n.translate[store.state.language].accessibilitySignage), index.h("div", { key: '11167ef1a9b78c2335b5da538fd2685e00cc0a6a', part: "accessibility-signage", innerHTML: this.currentTrek.accessibility_signage }))), this.currentTrek.accessibility_covering && (index.h("div", { key: 'fe8ed645d85ca40f0492ad4af9a547b7125c7574', part: "accessibility-covering-container", class: "accessibility-covering-container" }, index.h("div", { key: '57d55300c2eea8d56ca90b350427f9368a1829f2', part: "accessibility-covering-title", class: "accessibility-covering-title" }, i18n.translate[store.state.language].accessibilityCovering), index.h("div", { key: '7dfb5f982de0dd6b961c58a3203d4fb4497589ba', part: "accessibility-covering", innerHTML: this.currentTrek.accessibility_covering }))), this.currentTrek.accessibility_exposure && (index.h("div", { key: '357f1a00379c59d4e6492532b8d524bec7a99916', part: "accessibility-exposure-container", class: "accessibility-exposure-container" }, index.h("div", { key: '9540fd1f74e6caf4be04d190673e0e33a65ec538', part: "accessibility-exposure-title", class: "accessibility-exposure-title" }, i18n.translate[store.state.language].accessibilityExposure), index.h("div", { key: '6e5c1f4b9084009b6cc9d5ec828ab7d52c111f82', part: "accessibility-exposure", innerHTML: this.currentTrek.accessibility_exposure }))), this.currentTrek.accessibility_advice && (index.h("div", { key: 'c8688083f7d5f6503cee8b482d244636d439e5fa', part: "accessibility-advice-container", class: "accessibility-advice-container" }, index.h("div", { key: '4e32affac731ff74fa85e80a54d590a9d21d276d', part: "accessibility-advice-title", class: "accessibility-advice-title" }, i18n.translate[store.state.language].accessibilityAdvices), index.h("div", { key: 'a439ed237017b9dc01d1ea02dee0fe293a66ac18', part: "accessibility-advice", innerHTML: this.currentTrek.accessibility_advice })))))), this.options.touristicContents.visible && (index.h("div", { key: 'e464c9eda3d95882503e6b2d6021045cfd1c223c', part: "divider-and-touristic-content-container", class: "divider-and-touristic-content-container" }, index.h("div", { key: '9d127502b33c99f30c03a3eca23ced99dde55cc8', part: "divider", class: "divider" }), index.h("div", { key: '7136eb583aa15faf0402b9b87216f5fea8d61020', part: "touristic-content-container", class: "touristic-content-container", ref: el => (this.touristicContentsRef = el) }, index.h("div", { key: '558c9800c05666034aac2ff449a7bd817ca4244a', part: "touristic-content-title", class: "touristic-content-title" }, i18n.translate[store.state.language].touristicContents(store.state.touristicContentsData)), !store.state.trekTouristicContents ? (index.h("div", { class: "loader-container" }, index.h("span", { part: "loader", class: "loader" }))) : (index.h(index.Fragment, null, index.h("div", { part: "swiper-touristic-content", class: "swiper swiper-touristic-content", ref: el => (this.swiperTouristicContentsRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.trekTouristicContents.map(touristicContent => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-touristic-content-card", { exportparts: "touristic-content-card,touristic-content-img-container,swiper-touristic-content,swiper-wrapper,swiper-slide,touristic-content-img,default-touristic-content-img,swiper-pagination,swiper-button-prev,swiper-button-next,touristic-content-sub-container,touristic-content-category-container,touristic-content-category-img,touristic-content-category-name,touristic-content-name,touristic-content-more-detail-container,more-details-button", fontFamily: this.fontFamily, touristicContent: touristicContent, isInsideHorizontalList: true, "color-surface-container-low": this.colorSurfaceContainerLow }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.touristicContentsSwiperScrollbar = el) }))))))), this.options.touristicEvents.visible && (index.h("div", { key: '4b2fae6130cd206a6e196d03a8fb03f22cb4c52d', part: "divider-and-touristic-event-container", class: "divider-and-touristic-event-container" }, index.h("div", { key: 'edb96abdb0c20337eec1cd8c10223a86f2912c07', part: "divider", class: "divider" }), index.h("div", { key: '4cd08ff16b5526cf04ae487ec491e644bd69e0a9', part: "touristic-event-container", class: "touristic-event-container", ref: el => (this.touristicEventsRef = el) }, index.h("div", { key: '4dd0550ab067f6146d229851b0fc2809b62cd6fc', part: "touristic-event-title", class: "touristic-event-title" }, i18n.translate[store.state.language].touristicEvents(store.state.touristicEventsData)), !store.state.trekTouristicEvents ? (index.h("div", { class: "loader-container" }, index.h("span", { part: "loader", class: "loader" }))) : (index.h(index.Fragment, null, index.h("div", { part: "swiper-touristic-event", class: "swiper swiper-touristic-event", ref: el => (this.swiperTouristicEventsRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.trekTouristicEvents.map(touristicEvent => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-touristic-event-card", { exportparts: "touristic-event-card,touristic-event-img-container,swiper-touristic-event,swiper-wrapper,swiper-slide,touristic-event-img,default-touristic-event-img,swiper-pagination,swiper-button-prev,swiper-button-next,touristic-event-sub-container,touristic-event-sub-container,touristic-event-type-img,touristic-event-type-name,touristic-event-name,touristic-event-date-container,touristic-event-date,touristic-event-more-detail-container,more-details-button", fontFamily: this.fontFamily, touristicEvent: touristicEvent, isInsideHorizontalList: true, colorSurfaceContainerLow: this.colorSurfaceContainerLow }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.touristicEventsSwiperScrollbar = el) }))))))), this.currentTrek.web_links && this.currentTrek.web_links.length > 0 && (index.h("div", { key: 'd0190286fc984307156f36a6e7dd588c48ec9dfa', part: "divider-and-weblinks-container", class: "divider-and-weblinks-container" }, index.h("div", { key: 'db33e46e1ed2f3c5c8f23261de0890d109dbf997', part: "divider", class: "divider" }), index.h("div", { key: 'b176c789a2c2b6d789f5b6bf9447ddca3db1573b', part: "weblinks-container", class: "weblinks-container" }, index.h("div", { key: 'ecad4ac4ac1645ac158b0baa79793ed2eb996724', part: "weblinks-title", class: "weblinks-title" }, i18n.translate[store.state.language].learnMore), this.currentTrek.web_links.map(weblink => (index.h("a", { part: "weblink-container", class: "weblink-container", href: weblink.url, target: "_blank", rel: "noopener noreferrer" }, weblink.category && weblink.category.pictogram && index.h("img", { src: weblink.category.pictogram, alt: weblink.category.label }), weblink.name)))))), this.currentTrek.source && this.currentTrek.source.length > 0 && (index.h("div", { key: 'd432e6c7628e3586e4f3194655e23964a549c1c4', part: "divider-and-source-container", class: "divider-and-source-container" }, index.h("div", { key: '892a2c7f361cadef6374b4334a1f06d02a35e412', part: "divider", class: "divider" }), index.h("div", { key: '63afe1f5106f517260daea7fa65149328f674b3e', part: "source-container", class: "source-container" }, index.h("div", { key: '0fb74a858d93673c474ac84cc543dc7320ec0e22', part: "source-title", class: "source-title" }, i18n.translate[store.state.language].sources), this.sources.map(source => (index.h("div", { part: "source-sub-container", class: "source-sub-container" }, source.pictogram && index.h("img", { src: source.pictogram, alt: "" }), index.h("div", null, index.h("div", { part: "source-name", class: "source-name", innerHTML: source.name }), index.h("a", { part: "source-advice", class: "source-advice", href: source.website, innerHTML: source.website })))))))), this.grwApp && index.h("div", { key: '0d2aa31bbacb6831c057ea48b78ac21ea78a2148', part: "detail-bottom-space", class: "detail-bottom-space" }))), this.modalDetailsId && (index.h(index.Fragment, { key: 'ffc2cf06b3308487da030af9ed8df2c1b7e9dd89' }, this.showTouristicContentDetailsModal && index.h("grw-touristic-content-provider", { key: '4de5aa777f67f8277ba7004461235d99f428ef70', api: store.state.api, "touristic-content-id": this.modalDetailsId }), this.showTouristicEventDetailsModal && index.h("grw-touristic-event-provider", { key: '83ac974aa4b9a280b0975d7bdf1522143474b06f', api: store.state.api, "touristic-event-id": this.modalDetailsId })))));
+            this.emergencyNumber) && (index.h("div", { key: 'eb8829521bc2ca9e9253329a172a14ee06df5d28', part: "divider-and-accessibilities-container", class: "divider-and-accessibilities-container" }, index.h("div", { key: '925ed832d4e29b778ec41eaeaae9218fedfe9f6b', part: "divider", class: "divider" }), index.h("div", { key: 'cf130f7baf8df0b6f0a4ffa3fd4d5a9e18c58e07', part: "accessibilities-container", class: "accessibilities-container", ref: el => (this.accessibilityRef = el) }, index.h("div", { key: '3307a43c3881a4916c30083030959e294813fb22', part: "accessibilities-title", class: "accessibilities-title" }, i18n.translate[store.state.language].accessibility), this.currentTrek.disabled_infrastructure && index.h("div", { key: '0e2f88ca65b32bcfc4f7dbe282e47b15e7ca41c4', part: "disabled-infrastructure", innerHTML: this.currentTrek.disabled_infrastructure }), this.accessibilities && this.accessibilities.length > 0 && (index.h("div", { key: 'd25502d1f4d5e47000c7d497878b91c25f973d29', part: "accessibilities-content-container", class: "accessibilities-content-container" }, this.accessibilities.map(accessibility => (index.h("div", { part: "accessibility-content-container", class: "accessibility-content-container" }, index.h("img", { src: accessibility.pictogram, alt: "" }), index.h("div", { part: "accessibility-name", innerHTML: accessibility.name })))))), this.emergencyNumber && (index.h("div", { key: '185e2bc8c8aa39579ecee36b16b7c8b5a2227153', part: "accessibility-emergency-number-container", class: "accessibility-emergency-number-container" }, index.h("div", { key: '6e8b5a1ad36c091601f29f327994a3b498b3486f', part: "accessibility-emergency-number-title", class: "accessibility-emergency-number-title" }, i18n.translate[store.state.language].emergencyNumber), index.h("div", { key: '4021a4197bbc58bf283fa617bc3163a451107fa9', part: "accessibility-emergency-number-content", class: "accessibility-emergency-number-content" }, index.h("a", { key: '743aacf9ba80cf1a94d89d7b7318fd08b4147957', href: `tel:${this.emergencyNumber.toString()}` }, index.h("span", { key: 'f9bac3576ed7a604c4c5200b52d6ca0176253453', part: "icon", class: "icon", innerHTML: call.CallIcon }), index.h("span", { key: '9baa4b19df487014f38feb3cbc769d04b6af1832', part: "emergency-number", class: "emergency-number" }, this.emergencyNumber.toString()))))), this.currentTrek.accessibility_level && (index.h("div", { key: '742f8faa93f09debe473374488d669f82991dad5', part: "accessibility-level-container", class: "accessibility-level-container" }, index.h("div", { key: 'cb33b6512298e9cd65acbd11379b25de78e980ab', part: "accessibility-level-title", class: "accessibility-level-title" }, i18n.translate[store.state.language].accessibilityLevel), index.h("div", { key: 'bcc4be8cea54759d01f5d776fb6369e94cea5d69', part: "accessibility-level-name", innerHTML: this.accessibilityLevel.name }))), this.currentTrek.accessibility_slope && (index.h("div", { key: '2fafcb93f1793ee4b0c3398e7e63cda39d455551', part: "accessibility-slope-container", class: "accessibility-slope-container" }, index.h("div", { key: '39bf014c0854142ff946d60089716f3b7e7a8bf9', part: "accessibility-slope-title", class: "accessibility-slope-title" }, i18n.translate[store.state.language].accessibilitySlope), index.h("div", { key: '7b60817a28b0e7cbec960cd3a5adc36dc19456af', part: "accessibility-slope", innerHTML: this.currentTrek.accessibility_slope }))), this.currentTrek.accessibility_width && (index.h("div", { key: '7053f5b8f8fd224a974489c0b2b89f4f5ca778e3', part: "accessibility-width-container", class: "accessibility-width-container" }, index.h("div", { key: '31974f1adf55cfc8390b4ab726e2a4903d4850b8', part: "accessibility-width-title", class: "accessibility-width-title" }, i18n.translate[store.state.language].accessibilityWidth), index.h("div", { key: 'ddc06e3ca03a65478416bc709d397395ae40f7e0', part: "accessibility-width", innerHTML: this.currentTrek.accessibility_width }))), this.currentTrek.accessibility_signage && (index.h("div", { key: 'a12829cd44ec3d01f4043ad912c314ab44a4edf9', part: "accessibility-signage-container", class: "accessibility-signage-container" }, index.h("div", { key: '6e00232bad9180617a2652eec1c22c1c51075aac', part: "accessibility-signage-title", class: "accessibility-signage-title" }, i18n.translate[store.state.language].accessibilitySignage), index.h("div", { key: '35ca3c26f7db28b34858a11b308407a93d6f3e7d', part: "accessibility-signage", innerHTML: this.currentTrek.accessibility_signage }))), this.currentTrek.accessibility_covering && (index.h("div", { key: 'b0cda3ab0328f20e943008b49d4fb30b98fe9439', part: "accessibility-covering-container", class: "accessibility-covering-container" }, index.h("div", { key: '8bb4c95e53000d383529c49dadf8efedfa9f4401', part: "accessibility-covering-title", class: "accessibility-covering-title" }, i18n.translate[store.state.language].accessibilityCovering), index.h("div", { key: '01efdb5a1d27a8a5e3a8b1ace0ac3c2e164e78ee', part: "accessibility-covering", innerHTML: this.currentTrek.accessibility_covering }))), this.currentTrek.accessibility_exposure && (index.h("div", { key: '3ec422ef01d61555fbd16b82ba2af2b458b7d792', part: "accessibility-exposure-container", class: "accessibility-exposure-container" }, index.h("div", { key: '9ad8e1ab7ee75aace6125396c1512d3706a2c330', part: "accessibility-exposure-title", class: "accessibility-exposure-title" }, i18n.translate[store.state.language].accessibilityExposure), index.h("div", { key: 'ba8a7bc4acca07d292247b55ac3f41915db1a103', part: "accessibility-exposure", innerHTML: this.currentTrek.accessibility_exposure }))), this.currentTrek.accessibility_advice && (index.h("div", { key: 'd68eed9e535d65d1ebb119f3ff3af5c2bbd353aa', part: "accessibility-advice-container", class: "accessibility-advice-container" }, index.h("div", { key: 'e6d39b76294f4499f479161995b8135dd26df0d4', part: "accessibility-advice-title", class: "accessibility-advice-title" }, i18n.translate[store.state.language].accessibilityAdvices), index.h("div", { key: '61787a87f0c403ecc5c3e5369e562115f1eb0053', part: "accessibility-advice", innerHTML: this.currentTrek.accessibility_advice })))))), this.options.touristicContents.visible && (index.h("div", { key: '0d2c377a56992af6510ac538dd1f5dd2a4e77169', part: "divider-and-touristic-content-container", class: "divider-and-touristic-content-container" }, index.h("div", { key: '0b0e7ff5e704326569509b2099a970717689c617', part: "divider", class: "divider" }), index.h("div", { key: '362d8e0adb4fad208e0472b69248ce1c4a20226f', part: "touristic-content-container", class: "touristic-content-container", ref: el => (this.touristicContentsRef = el) }, index.h("div", { key: '32caad75521ddcf0627896e05bf1bff81299c8b8', part: "touristic-content-title", class: "touristic-content-title" }, i18n.translate[store.state.language].touristicContents(store.state.touristicContentsData)), !store.state.trekTouristicContents ? (index.h("div", { class: "loader-container" }, index.h("span", { part: "loader", class: "loader" }))) : (index.h(index.Fragment, null, index.h("div", { part: "swiper-touristic-content", class: "swiper swiper-touristic-content", ref: el => (this.swiperTouristicContentsRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.trekTouristicContents.map(touristicContent => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-touristic-content-card", { exportparts: "touristic-content-card,touristic-content-img-container,swiper-touristic-content,swiper-wrapper,swiper-slide,touristic-content-img,default-touristic-content-img,swiper-pagination,swiper-button-prev,swiper-button-next,touristic-content-sub-container,touristic-content-category-container,touristic-content-category-img,touristic-content-category-name,touristic-content-name,touristic-content-more-detail-container,more-details-button", fontFamily: this.fontFamily, touristicContent: touristicContent, isInsideHorizontalList: true, "color-surface-container-low": this.colorSurfaceContainerLow }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.touristicContentsSwiperScrollbar = el) }))))))), this.options.touristicEvents.visible && (index.h("div", { key: 'eb578e2e72e3a6372eecdffde752138b93afa8c6', part: "divider-and-touristic-event-container", class: "divider-and-touristic-event-container" }, index.h("div", { key: '98a2df2c916e67cbc4c111d9ee56314d1266dde6', part: "divider", class: "divider" }), index.h("div", { key: '92af504145bd88c4ab841af10a2e24e6fc634854', part: "touristic-event-container", class: "touristic-event-container", ref: el => (this.touristicEventsRef = el) }, index.h("div", { key: 'd2e113aec1c3d9c57e2675698442f6d1a6ca3801', part: "touristic-event-title", class: "touristic-event-title" }, i18n.translate[store.state.language].touristicEvents(store.state.touristicEventsData)), !store.state.trekTouristicEvents ? (index.h("div", { class: "loader-container" }, index.h("span", { part: "loader", class: "loader" }))) : (index.h(index.Fragment, null, index.h("div", { part: "swiper-touristic-event", class: "swiper swiper-touristic-event", ref: el => (this.swiperTouristicEventsRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.trekTouristicEvents.map(touristicEvent => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-touristic-event-card", { exportparts: "touristic-event-card,touristic-event-img-container,swiper-touristic-event,swiper-wrapper,swiper-slide,touristic-event-img,default-touristic-event-img,swiper-pagination,swiper-button-prev,swiper-button-next,touristic-event-sub-container,touristic-event-sub-container,touristic-event-type-img,touristic-event-type-name,touristic-event-name,touristic-event-date-container,touristic-event-date,touristic-event-more-detail-container,more-details-button", fontFamily: this.fontFamily, touristicEvent: touristicEvent, isInsideHorizontalList: true, colorSurfaceContainerLow: this.colorSurfaceContainerLow }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.touristicEventsSwiperScrollbar = el) }))))))), this.currentTrek.web_links && this.currentTrek.web_links.length > 0 && (index.h("div", { key: 'd5bd4265aa035487ade0844d2ac647f5f7e410e0', part: "divider-and-weblinks-container", class: "divider-and-weblinks-container" }, index.h("div", { key: 'cfaecea2542bef6bad89a3a23f6323e7c8847131', part: "divider", class: "divider" }), index.h("div", { key: 'ae41deb935c10bc0cd07b625c77a31d96537af91', part: "weblinks-container", class: "weblinks-container" }, index.h("div", { key: 'ec8aba05a06bc35df938cc29019219b37078aefa', part: "weblinks-title", class: "weblinks-title" }, i18n.translate[store.state.language].learnMore), this.currentTrek.web_links.map(weblink => (index.h("a", { part: "weblink-container", class: "weblink-container", href: weblink.url, target: "_blank", rel: "noopener noreferrer" }, weblink.category && weblink.category.pictogram && index.h("img", { src: weblink.category.pictogram, alt: weblink.category.label }), weblink.name)))))), this.currentTrek.source && this.currentTrek.source.length > 0 && (index.h("div", { key: 'bb2b6bc17f518646c519395edf276ce32bf71cbd', part: "divider-and-source-container", class: "divider-and-source-container" }, index.h("div", { key: 'a1c508510881ec5dd1955e168dd9c16c01df7b22', part: "divider", class: "divider" }), index.h("div", { key: '087952096fafd6deae17f94c1a7e17884b15041b', part: "source-container", class: "source-container" }, index.h("div", { key: '66423c8fd4a58b4694b27df143d350c5e27a8df2', part: "source-title", class: "source-title" }, i18n.translate[store.state.language].sources), this.sources.map(source => (index.h("div", { part: "source-sub-container", class: "source-sub-container" }, source.pictogram && index.h("img", { src: source.pictogram, alt: "" }), index.h("div", null, index.h("div", { part: "source-name", class: "source-name", innerHTML: source.name }), index.h("a", { part: "source-advice", class: "source-advice", href: source.website, innerHTML: source.website })))))))), this.grwApp && index.h("div", { key: 'f4c7748362f45f7a16eddf47d1964d04c1c9e7a6', part: "detail-bottom-space", class: "detail-bottom-space" }))), this.modalDetailsId && (index.h(index.Fragment, { key: '9916ef83810bb053728ff407f17a66a4cb645504' }, this.showTouristicContentDetailsModal && index.h("grw-touristic-content-provider", { key: '3e40ebbe8862f5a121829dfe13cb840a21edc88e', api: store.state.api, "touristic-content-id": this.modalDetailsId }), this.showTouristicEventDetailsModal && index.h("grw-touristic-event-provider", { key: '51069e0a74f7b2daed37fe6402f0e80152926403', api: store.state.api, "touristic-event-id": this.modalDetailsId })))));
     }
 };
 GrwTrekDetail.style = grwTrekDetailCss();