@geotrekce/geotrek-rando-widget 0.4.1 → 0.4.3

package/dist/cjs/{grw-filters_11.cjs.entry.js → grw-filters_12.cjs.entry.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9e4fe3f0.js');
-const i18n = require('./i18n-cfc000c9.js');
+const i18n = require('./i18n-e2c62fa9.js');
 const store = require('./store-d20ae78f.js');
 const utils$1 = require('./utils-332e41b3.js');
 const pagination = require('./pagination-149c2052.js');
@@ -74,7 +74,7 @@ const GrwFilters = class {
     this.handleFilters();
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "options-container" }, index.h("div", { class: "filters-container" }, store.state.mode === 'treks' && (index.h("div", { class: "filters-treks-container" }, index.h("div", { class: "filters-options-container" }, store.state.treksWithinBounds && (index.h("div", { class: "current-treks-within-bounds-length" }, `${store.state.treksWithinBounds.length} ${store.state.treksWithinBounds.length > 1 ? i18n.translate[store.state.language].treks : i18n.translate[store.state.language].trek}`)), index.h("div", { class: "filters-options-buttons-container" }, index.h("button", { class: "filter-option-button", onClick: () => this.handleEraseTreksFilters() }, i18n.translate[store.state.language].erase), index.h("button", { class: "filter-option-button", onClick: () => this.handleOkTreksFilters() }, i18n.translate[store.state.language].ok))), index.h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, i18n.translate[store.state.language].activities, " ", store.state.selectedActivitiesFilters !== 0 && `(${store.state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, i18n.translate[store.state.language].themes, " ", store.state.selectedThemesFilters !== 0 && `(${store.state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, i18n.translate[store.state.language].location, " ", store.state.selectedLocationFilters !== 0 && `(${store.state.selectedLocationFilters})`))), index.h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (index.h("div", { key: "treks-activities-segment-container", class: "segment-container" }, store.state['practices'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['difficulties'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), store.state['durations'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['lengths'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['elevations'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['routes'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), store.state['accessibilities'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['labels'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (index.h("div", { key: "treks-themes-segment-container", class: "segment-container" }, store.state['themes'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].themes, filterPlaceholder: i18n.translate[store.state.language].placeholderThemes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (index.h("div", { key: "treks-location-segment-container", class: "segment-container" }, store.state['districts'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), store.state['cities'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].crossedCities, filterPlaceholder: i18n.translate[store.state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" })))))))), store.state.mode === 'touristicContents' && (index.h("div", { class: "filters-touristic-contents-container" }, index.h("div", { class: "filters-options-container" }, store.state.touristicContentsWithinBounds && (index.h("div", { class: "current-treks-within-bounds-length" }, `${store.state.touristicContentsWithinBounds.length} ${store.state.touristicContentsWithinBounds.length > 1 ? i18n.translate[store.state.language].home.touristicContents : i18n.translate[store.state.language].home.touristicContent}`)), index.h("div", { class: "filters-options-buttons-container" }, index.h("button", { class: "filter-option-button", onClick: () => this.handleEraseTouristicContentsFilters() }, i18n.translate[store.state.language].erase), index.h("button", { class: "filter-option-button", onClick: () => this.handleOkTouristicContentsFilters() }, i18n.translate[store.state.language].ok))), index.h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, i18n.translate[store.state.language].services, " ", store.state.selectedActivitiesFilters !== 0 && `(${store.state.selectedActivitiesFilters})`)), this.handleSegment('selectedLocationFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, i18n.translate[store.state.language].location, " ", store.state.selectedLocationFilters !== 0 && `(${store.state.selectedLocationFilters})`))), index.h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (index.h("div", { key: "touristic-contents-activities-segment-container", class: "segment-container" }, store.state['touristicContentCategories'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].category, filterType: "touristicContentCategories", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (index.h("div", { key: "touristic-contents-location-segment-container", class: "segment-container" }, store.state['districts'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), store.state['cities'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].crossedCities, filterPlaceholder: i18n.translate[store.state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))))), index.h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" }))));
+    return (index.h(index.Host, null, index.h("div", { class: "options-container" }, index.h("div", { class: "filters-container" }, store.state.mode === 'treks' && (index.h("div", { class: "filters-treks-container" }, index.h("div", { class: "filters-options-container" }, store.state.treksWithinBounds && (index.h("div", { class: "current-treks-within-bounds-length" }, `${store.state.treksWithinBounds.length} ${store.state.treksWithinBounds.length > 1 ? i18n.translate[store.state.language].treks : i18n.translate[store.state.language].trek}`)), index.h("div", { class: "filters-options-buttons-container" }, index.h("button", { class: "filter-option-button", onClick: () => this.handleEraseTreksFilters() }, i18n.translate[store.state.language].erase), index.h("button", { class: "filter-option-button", onClick: () => this.handleOkTreksFilters() }, i18n.translate[store.state.language].ok))), index.h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, i18n.translate[store.state.language].activities, " ", store.state.selectedActivitiesFilters !== 0 && `(${store.state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, i18n.translate[store.state.language].themes, " ", store.state.selectedThemesFilters !== 0 && `(${store.state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, i18n.translate[store.state.language].location, " ", store.state.selectedLocationFilters !== 0 && `(${store.state.selectedLocationFilters})`))), index.h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (index.h("div", { key: "treks-activities-segment-container", class: "segment-container" }, store.state['practices'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters", filterPlaceholder: i18n.translate[store.state.language].placeholderPractices }))), store.state['difficulties'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), store.state['durations'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['lengths'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['elevations'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['routes'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), store.state['accessibilities'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['labels'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (index.h("div", { key: "treks-themes-segment-container", class: "segment-container" }, store.state['themes'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].themes, filterPlaceholder: i18n.translate[store.state.language].placeholderThemes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (index.h("div", { key: "treks-location-segment-container", class: "segment-container" }, store.state['districts'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), store.state['cities'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].crossedCities, filterPlaceholder: i18n.translate[store.state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" })))))))), store.state.mode === 'touristicContents' && (index.h("div", { class: "filters-touristic-contents-container" }, index.h("div", { class: "filters-options-container" }, store.state.touristicContentsWithinBounds && (index.h("div", { class: "current-treks-within-bounds-length" }, `${store.state.touristicContentsWithinBounds.length} ${store.state.touristicContentsWithinBounds.length > 1 ? i18n.translate[store.state.language].home.touristicContents : i18n.translate[store.state.language].home.touristicContent}`)), index.h("div", { class: "filters-options-buttons-container" }, index.h("button", { class: "filter-option-button", onClick: () => this.handleEraseTouristicContentsFilters() }, i18n.translate[store.state.language].erase), index.h("button", { class: "filter-option-button", onClick: () => this.handleOkTouristicContentsFilters() }, i18n.translate[store.state.language].ok))), index.h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, i18n.translate[store.state.language].services, " ", store.state.selectedActivitiesFilters !== 0 && `(${store.state.selectedActivitiesFilters})`)), this.handleSegment('selectedLocationFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, i18n.translate[store.state.language].location, " ", store.state.selectedLocationFilters !== 0 && `(${store.state.selectedLocationFilters})`))), index.h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (index.h("div", { key: "touristic-contents-activities-segment-container", class: "segment-container" }, store.state['touristicContentCategories'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].category, filterType: "touristicContentCategories", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (index.h("div", { key: "touristic-contents-location-segment-container", class: "segment-container" }, store.state['districts'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), store.state['cities'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].crossedCities, filterPlaceholder: i18n.translate[store.state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))))), index.h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" }))));
   }
 };
 GrwFilters.style = grwFiltersCss;
@@ -19040,7 +19040,7 @@ const GrwMap = class {
         this.removeTrek();
         this.removeTouristicContent();
         this.removeTouristicEvent();
-        this.addTreks();
+        this.addTreks(true);
       }
     });
     store.onChange('currentTrek', () => {
@@ -19095,17 +19095,21 @@ const GrwMap = class {
       }
       else if (store.state.currentTouristicContents) {
         this.removeTouristicContent();
-        this.addTouristicContents();
+        this.addTouristicContents(true);
       }
     });
     store.onChange('mode', () => {
       if (store.state.mode === 'treks') {
-        this.removeTouristicContents();
-        this.addTreks();
+        if (store.state.treks) {
+          this.removeTouristicContents();
+          this.addTreks(true);
+        }
       }
       else if (store.state.mode === 'touristicContents') {
-        this.removeTreks();
-        this.addTouristicContents();
+        if (store.state.touristicContents) {
+          this.removeTreks();
+          this.addTouristicContents(true);
+        }
       }
     });
   }
@@ -19118,7 +19122,7 @@ const GrwMap = class {
     }
     this.handleLayersControlEvent();
   }
-  addTreks() {
+  addTreks(resetBounds = false) {
     var _a;
     store.state.treksWithinBounds = store.state.currentTreks;
     const treksCurrentDepartureCoordinates = [];
@@ -19142,7 +19146,7 @@ const GrwMap = class {
       }
     }
     if (!this.treksLayer) {
-      if (treksCurrentDepartureCoordinates.length > 0 && !store.state.currentMapBounds) {
+      if ((treksCurrentDepartureCoordinates.length > 0 && !store.state.currentMapBounds) || resetBounds) {
         this.bounds = leafletSrc.latLngBounds(treksCurrentDepartureCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
       }
       else {
@@ -19906,22 +19910,14 @@ const GrwMap = class {
       this.currentToutisticContentLayer = null;
     }
   }
-  addTouristicContents() {
-    store.state.touristicContentsWithinBounds = store.state.touristicContents;
+  addTouristicContents(resetBounds = false) {
+    store.state.touristicContentsWithinBounds = store.state.currentTouristicContents;
     const touristicContentsCurrentCoordinates = [];
     const touristicContentsFeatureCollection = {
       type: 'FeatureCollection',
       features: [],
     };
-    if (store.state.touristicContents) {
-      if (touristicContentsCurrentCoordinates.length > 0 && !store.state.currentMapBounds) {
-        this.bounds = leafletSrc.latLngBounds(touristicContentsCurrentCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
-      }
-      else {
-        if (store.state.currentMapBounds) {
-          this.bounds = store.state.currentMapBounds;
-        }
-      }
+    if (store.state.currentTouristicContents) {
       for (const currentTouristicContent of store.state.currentTouristicContents) {
         touristicContentsCurrentCoordinates.push(currentTouristicContent.geometry.coordinates);
         touristicContentsFeatureCollection.features.push({
@@ -19936,7 +19932,7 @@ const GrwMap = class {
       }
     }
     if (!this.toutisticContentsLayer) {
-      if (touristicContentsCurrentCoordinates.length > 0 && !store.state.currentMapBounds) {
+      if ((touristicContentsCurrentCoordinates.length > 0 && !store.state.currentMapBounds) || resetBounds) {
         this.bounds = leafletSrc.latLngBounds(touristicContentsCurrentCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
       }
       else {
@@ -20853,11 +20849,64 @@ const GrwTouristicContentDetail = class {
         '--detail-bottom-space-height': this.isLargeView ? '8px' : '104px',
       } }, store.state.currentTouristicContent && (index.h("div", { class: "touristic-content-detail-container", ref: el => (this.touristicContentDetailContainerRef = el) }, index.h("div", { class: "images-container", ref: el => (this.presentationRef = el) }, index.h("div", { class: "swiper swiper-images", ref: el => (this.swiperImagesRef = el) }, index.h("div", { class: "swiper-wrapper" }, store.state.currentTouristicContent.attachments.length > 0 ? (store.state.currentTouristicContent.attachments
       .filter(attachment => attachment.type === 'image')
-      .map(attachment => (index.h("div", { class: "swiper-slide" }, index.h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))) : (index.h("div", { class: "swiper-slide" }, index.h("img", { class: "default-poi-img", src: defaultImageSrc, loading: "lazy" })))), index.h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { class: "touristic-content-category-container" }, index.h("img", { src: touristicContentCategory.pictogram }), index.h("div", { class: "touristic-content-category-name" }, touristicContentCategory.label)), index.h("div", { class: "name" }, store.state.currentTouristicContent.name), index.h("div", { class: "divider" }), index.h("div", { class: "downloads-container" }, index.h("div", { class: "download-title" }, i18n.translate[store.state.language].download), index.h("div", { class: "links-container" }, index.h("a", { href: `${store.state.currentTouristicContent.pdf}` }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), store.state.currentTouristicContent.description_teaser && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "description-teaser", innerHTML: store.state.currentTouristicContent.description_teaser }))), index.h("div", { class: "divider" }), store.state.currentTouristicContent.practical_info && (index.h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { class: "description-title" }, i18n.translate[store.state.language].description), index.h("div", { class: "description", innerHTML: store.state.currentTouristicContent.description }))), cities && cities.length > 0 && (index.h("div", { class: "cities-container" }, index.h("div", { class: "cities-title" }, i18n.translate[store.state.language].city, " :\u00A0"), index.h("div", { innerHTML: cities.join(', ') }))), store.state.currentTouristicContent.practical_info && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "useful-information-container" }, index.h("div", { class: "useful-information-title" }, i18n.translate[store.state.language].usefulInformation, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicContent.practical_info })))), (store.state.currentTouristicContent.contact || store.state.currentTouristicContent.email || store.state.currentTouristicContent.website) && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "contact-container" }, index.h("div", { class: "contact-title" }, i18n.translate[store.state.language].contact, " :\u00A0"), store.state.currentTouristicContent.contact && index.h("div", { innerHTML: store.state.currentTouristicContent.contact }), store.state.currentTouristicContent.email && (index.h("div", { class: "email-container" }, index.h("div", null, i18n.translate[store.state.language].email, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicContent.email }))), store.state.currentTouristicContent.website && (index.h("div", { class: "website-container" }, index.h("div", null, i18n.translate[store.state.language].website, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicContent.website })))))), index.h("div", { class: "detail-bottom-space" })))));
+      .map(attachment => (index.h("div", { class: "swiper-slide" }, index.h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))) : (index.h("div", { class: "swiper-slide" }, index.h("img", { class: "default-poi-img", src: defaultImageSrc, loading: "lazy" })))), index.h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { class: "touristic-content-category-container" }, index.h("img", { src: touristicContentCategory.pictogram }), index.h("div", { class: "touristic-content-category-name" }, touristicContentCategory.label)), index.h("div", { class: "name" }, store.state.currentTouristicContent.name), index.h("div", { class: "divider" }), index.h("div", { class: "downloads-container" }, index.h("div", { class: "download-title" }, i18n.translate[store.state.language].download), index.h("div", { class: "links-container" }, index.h("a", { href: `${store.state.currentTouristicContent.pdf}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), store.state.currentTouristicContent.description_teaser && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "description-teaser", innerHTML: store.state.currentTouristicContent.description_teaser }))), index.h("div", { class: "divider" }), store.state.currentTouristicContent.practical_info && (index.h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { class: "description-title" }, i18n.translate[store.state.language].description), index.h("div", { class: "description", innerHTML: store.state.currentTouristicContent.description }))), cities && cities.length > 0 && (index.h("div", { class: "cities-container" }, index.h("div", { class: "cities-title" }, i18n.translate[store.state.language].city, " :\u00A0"), index.h("div", { innerHTML: cities.join(', ') }))), store.state.currentTouristicContent.practical_info && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "useful-information-container" }, index.h("div", { class: "useful-information-title" }, i18n.translate[store.state.language].usefulInformation, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicContent.practical_info })))), (store.state.currentTouristicContent.contact || store.state.currentTouristicContent.email || store.state.currentTouristicContent.website) && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "contact-container" }, index.h("div", { class: "contact-title" }, i18n.translate[store.state.language].contact, " :\u00A0"), store.state.currentTouristicContent.contact && index.h("div", { innerHTML: store.state.currentTouristicContent.contact }), store.state.currentTouristicContent.email && (index.h("div", { class: "email-container" }, index.h("div", null, i18n.translate[store.state.language].email, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicContent.email }))), store.state.currentTouristicContent.website && (index.h("div", { class: "website-container" }, index.h("div", null, i18n.translate[store.state.language].website, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicContent.website })))))), index.h("div", { class: "detail-bottom-space" })))));
   }
 };
 GrwTouristicContentDetail.style = grwTouristicContentDetailCss;
 
+const GrwTouristicContentProvider = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.controller = new AbortController();
+    this.signal = this.controller.signal;
+    this.init = { cache: 'default', signal: this.signal };
+    this.languages = 'fr';
+    this.api = undefined;
+    this.touristicContentId = undefined;
+    this.portals = undefined;
+  }
+  connectedCallback() {
+    if (!store.state.api) {
+      store.state.api = this.api;
+      store.state.languages = this.languages.split(',');
+      store.state.language = store.state.languages[0];
+    }
+    this.handleTouristicContent();
+  }
+  handleTouristicContent() {
+    const requests = [];
+    requests.push(!store.state.cities ? fetch(`${store.state.api}city/?language=${store.state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null'));
+    requests.push(!store.state.touristicContentCategories
+      ? fetch(`${store.state.api}touristiccontent_category/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&published=true&fields=id,label,pictogram&page_size=999`, this.init)
+      : new Response('null'));
+    Promise.all([
+      ...requests,
+      fetch(`${store.state.api}touristiccontent/${this.touristicContentId}/?language=${store.state.language}&published=true&fields=id,name,attachments,description,description_teaser,category,geometry,cities,pdf,practical_info,contact,email,website`, this.init),
+    ])
+      .then(responses => Promise.all(responses.map(response => response.json())))
+      .then(([cities, touristicContentCategory, touristicContent]) => {
+      store.state.trekNetworkError = false;
+      if (cities) {
+        store.state.cities = cities.results;
+      }
+      if (touristicContentCategory) {
+        store.state.touristicContentCategories = touristicContentCategory.results;
+      }
+      store.state.currentTouristicContent = touristicContent;
+    })
+      .catch(() => {
+      store.state.trekNetworkError = true;
+    });
+  }
+  disconnectedCallback() {
+    this.controller.abort();
+    store.state.trekNetworkError = false;
+  }
+  render() {
+    return index.h(index.Host, null);
+  }
+};
+
 const grwTouristicContentsListCss = ".material-symbols{font-family:\"Material Symbols Outlined\"}.material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}:host{font-family:\"Roboto\";width:100%;height:100%;overflow-y:auto;width:100%}grw-touristic-content-card{width:100% !important;margin:0px 8px 8px 8px}.list-bottom-space{min-height:104px;height:104px;width:100%}.current-touristic-contents-within-bounds-length{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:16px;color:var(--color-on-surface);font-size:22px;line-height:28px;font-weight:400}.touristic-contents-list-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}";
 
 const GrwTouristicContentsList = class {
@@ -20969,7 +21018,7 @@ const GrwTouristicContentsProvider = class {
     requests.push(!store.state.cities ? fetch(`${store.state.api}city/?language=${store.state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null'));
     requests.push(!store.state.districts ? fetch(`${store.state.api}district/?language=${store.state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null')),
       requests.push(!store.state.touristicContentCategories
-        ? fetch(`${store.state.api}touristiccontent_category/?language=${store.state.language}&published=true&fields=id,label,pictogram&page_size=999`, this.init)
+        ? fetch(`${store.state.api}touristiccontent_category/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&published=true&fields=id,label,pictogram&page_size=999`, this.init)
         : new Response('null'));
     Promise.all([...requests, fetch(touristicContentsRequest, this.init)])
       .then(responses => Promise.all(responses.map(response => response.json())))
@@ -20984,9 +21033,8 @@ const GrwTouristicContentsProvider = class {
       if (touristicContentCategory) {
         store.state.touristicContentCategories = touristicContentCategory.results;
       }
-      store.state.currentTouristicContents = touristicContents.results;
-      store.state.touristicContentsWithinBounds = touristicContents.results;
       store.state.touristicContents = touristicContents.results;
+      store.state.currentTouristicContents = touristicContents.results;
     })
       .catch(() => {
       store.state.trekNetworkError = true;
@@ -21055,7 +21103,7 @@ const GrwTouristicEventDetail = class {
         '--detail-bottom-space-height': this.isLargeView ? '8px' : '104px',
       } }, store.state.currentTouristicEvent && (index.h("div", { class: "touristic-event-detail-container", ref: el => (this.touristicEventDetailContainerRef = el) }, index.h("div", { class: "images-container", ref: el => (this.presentationRef = el) }, index.h("div", { class: "swiper swiper-images", ref: el => (this.swiperImagesRef = el) }, index.h("div", { class: "swiper-wrapper" }, store.state.currentTouristicEvent.attachments.length > 0 ? (store.state.currentTouristicEvent.attachments
       .filter(attachment => attachment.type === 'image')
-      .map(attachment => (index.h("div", { class: "swiper-slide" }, index.h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))) : (index.h("div", { class: "swiper-slide" }, index.h("img", { class: "default-poi-img", src: defaultImageSrc, loading: "lazy" })))), index.h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { class: "touristic-event-category-container" }, index.h("img", { src: touristicEventType.pictogram }), index.h("div", { class: "touristic-event-category-name" }, touristicEventType.type)), index.h("div", { class: "name" }, store.state.currentTouristicEvent.name), index.h("div", { class: "divider" }), index.h("div", { class: "downloads-container" }, index.h("div", { class: "download-title" }, i18n.translate[store.state.language].download), index.h("div", { class: "links-container" }, index.h("a", { href: `${store.state.currentTouristicEvent.pdf}` }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), store.state.currentTouristicEvent.description_teaser && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "description-teaser", innerHTML: store.state.currentTouristicEvent.description_teaser }))), index.h("div", { class: "divider" }), store.state.currentTouristicEvent.practical_info && (index.h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { class: "description-title" }, i18n.translate[store.state.language].description), index.h("div", { class: "description", innerHTML: store.state.currentTouristicEvent.description }))), cities && cities.length > 0 && (index.h("div", { class: "cities-container" }, index.h("div", { class: "cities-title" }, i18n.translate[store.state.language].city, " :\u00A0"), index.h("div", { innerHTML: cities.join(', ') }))), store.state.currentTouristicEvent.practical_info && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "useful-information-container" }, index.h("div", { class: "useful-information-title" }, i18n.translate[store.state.language].usefulInformation, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicEvent.practical_info })))), (store.state.currentTouristicEvent.contact || store.state.currentTouristicEvent.email || store.state.currentTouristicEvent.website) && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "contact-container" }, index.h("div", { class: "contact-title" }, i18n.translate[store.state.language].contact, " :\u00A0"), store.state.currentTouristicEvent.contact && index.h("div", { innerHTML: store.state.currentTouristicEvent.contact }), store.state.currentTouristicEvent.email && (index.h("div", { class: "email-container" }, index.h("div", null, i18n.translate[store.state.language].email, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicEvent.email }))), store.state.currentTouristicEvent.website && (index.h("div", { class: "website-container" }, index.h("div", null, i18n.translate[store.state.language].website, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicEvent.website })))))), index.h("div", { class: "detail-bottom-space" })))));
+      .map(attachment => (index.h("div", { class: "swiper-slide" }, index.h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))) : (index.h("div", { class: "swiper-slide" }, index.h("img", { class: "default-poi-img", src: defaultImageSrc, loading: "lazy" })))), index.h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { class: "touristic-event-category-container" }, index.h("img", { src: touristicEventType.pictogram }), index.h("div", { class: "touristic-event-category-name" }, touristicEventType.type)), index.h("div", { class: "name" }, store.state.currentTouristicEvent.name), index.h("div", { class: "divider" }), index.h("div", { class: "downloads-container" }, index.h("div", { class: "download-title" }, i18n.translate[store.state.language].download), index.h("div", { class: "links-container" }, index.h("a", { href: `${store.state.currentTouristicEvent.pdf}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), store.state.currentTouristicEvent.description_teaser && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "description-teaser", innerHTML: store.state.currentTouristicEvent.description_teaser }))), index.h("div", { class: "divider" }), store.state.currentTouristicEvent.practical_info && (index.h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { class: "description-title" }, i18n.translate[store.state.language].description), index.h("div", { class: "description", innerHTML: store.state.currentTouristicEvent.description }))), cities && cities.length > 0 && (index.h("div", { class: "cities-container" }, index.h("div", { class: "cities-title" }, i18n.translate[store.state.language].city, " :\u00A0"), index.h("div", { innerHTML: cities.join(', ') }))), store.state.currentTouristicEvent.practical_info && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "useful-information-container" }, index.h("div", { class: "useful-information-title" }, i18n.translate[store.state.language].usefulInformation, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicEvent.practical_info })))), (store.state.currentTouristicEvent.contact || store.state.currentTouristicEvent.email || store.state.currentTouristicEvent.website) && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "contact-container" }, index.h("div", { class: "contact-title" }, i18n.translate[store.state.language].contact, " :\u00A0"), store.state.currentTouristicEvent.contact && index.h("div", { innerHTML: store.state.currentTouristicEvent.contact }), store.state.currentTouristicEvent.email && (index.h("div", { class: "email-container" }, index.h("div", null, i18n.translate[store.state.language].email, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicEvent.email }))), store.state.currentTouristicEvent.website && (index.h("div", { class: "website-container" }, index.h("div", null, i18n.translate[store.state.language].website, " :\u00A0"), index.h("div", { innerHTML: store.state.currentTouristicEvent.website })))))), index.h("div", { class: "detail-bottom-space" })))));
   }
 };
 GrwTouristicEventDetail.style = grwTouristicEventDetailCss;
@@ -21427,7 +21475,7 @@ const GrwTrekDetail = class {
       .map(attachment => (index.h("div", { class: "swiper-slide" }, index.h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))), index.h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { class: "name" }, this.currentTrek.name), this.themes.length > 0 && (index.h("div", { class: "themes-container" }, this.themes.map(theme => (index.h("div", { class: "theme" }, theme.label))))), index.h("div", { class: "sub-container" }, index.h("div", { class: "icons-labels-container" }, index.h("div", { class: "row" }, index.h("div", { class: "icon-label difficulty" }, ((_a = this.difficulty) === null || _a === void 0 ? void 0 : _a.pictogram) && index.h("img", { src: this.difficulty.pictogram }), (_b = this.difficulty) === null || _b === void 0 ? void 0 :
       _b.label), index.h("div", { class: "icon-label duration" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "timelapse"), utils$1.formatDuration((_c = this.currentTrek) === null || _c === void 0 ? void 0 : _c.duration)), index.h("div", { class: "icon-label route" }, ((_d = this.route) === null || _d === void 0 ? void 0 : _d.pictogram) && index.h("img", { src: this.route.pictogram }), (_e = this.route) === null || _e === void 0 ? void 0 :
       _e.route)), index.h("div", { class: "row" }, index.h("div", { class: "icon-label length" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "open_in_full"), utils$1.formatLength(this.currentTrek.length_2d)), index.h("div", { class: "icon-label ascent" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "moving"), utils$1.formatAscent(this.currentTrek.ascent)), index.h("div", { class: "icon-label practice" }, ((_f = this.practice) === null || _f === void 0 ? void 0 : _f.pictogram) && index.h("img", { src: this.practice.pictogram }), (_g = this.practice) === null || _g === void 0 ? void 0 :
-      _g.name)))), index.h("div", { class: "divider" }), index.h("div", { class: "downloads-container" }, index.h("div", { class: "download-title" }, i18n.translate[store.state.language].downloads), index.h("div", { class: "links-container" }, index.h("a", { href: `${this.currentTrek.gpx}` }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "GPX"), index.h("a", { href: `${this.currentTrek.kml}` }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "KML"), index.h("a", { href: `${this.currentTrek.pdf}` }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), index.h("div", { class: "divider" }), this.currentTrek.description_teaser && index.h("div", { class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && index.h("div", { class: "ambiance", innerHTML: this.currentTrek.ambiance }), store.state.parentTrekId && store.state.parentTrek && this.currentTrek.id !== store.state.parentTrekId && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "parent-trek-container" }, index.h("button", { class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(store.state.parentTrekId) }, index.h("div", null, "<"), store.state.parentTrek.name)))), store.state.currentTrekSteps && (index.h("div", { class: "step-container", ref: el => (this.stepsRef = el) }, index.h("div", { class: "step-title" }, `${store.state.currentTrekSteps.length} ${i18n.translate[store.state.language].steps}`), index.h("div", { class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, index.h("div", { class: "swiper-wrapper" }, store.state.currentTrekSteps &&
+      _g.name)))), index.h("div", { class: "divider" }), index.h("div", { class: "downloads-container" }, index.h("div", { class: "download-title" }, i18n.translate[store.state.language].downloads), index.h("div", { class: "links-container" }, index.h("a", { href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "GPX"), index.h("a", { href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "KML"), index.h("a", { href: `${this.currentTrek.pdf}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), index.h("div", { class: "divider" }), this.currentTrek.description_teaser && index.h("div", { class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && index.h("div", { class: "ambiance", innerHTML: this.currentTrek.ambiance }), store.state.parentTrekId && store.state.parentTrek && this.currentTrek.id !== store.state.parentTrekId && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "parent-trek-container" }, index.h("button", { class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(store.state.parentTrekId) }, index.h("div", null, "<"), store.state.parentTrek.name)))), store.state.currentTrekSteps && (index.h("div", { class: "step-container", ref: el => (this.stepsRef = el) }, index.h("div", { class: "step-title" }, `${store.state.currentTrekSteps.length} ${i18n.translate[store.state.language].steps}`), index.h("div", { class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, index.h("div", { class: "swiper-wrapper" }, store.state.currentTrekSteps &&
       store.state.currentTrekSteps.map(trek => {
         return (index.h("div", { class: "swiper-slide" }, index.h("grw-trek-card", { "reset-store-on-disconnected": "false", key: `trek-${trek.id}`, trek: trek, "is-large-view": false, "is-step": true, "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 })));
       }))))), index.h("div", { class: "divider" }), this.currentTrek.description && (index.h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { class: "description-title" }, i18n.translate[store.state.language].description), index.h("div", { class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (index.h("div", { class: "departure-container" }, index.h("div", { class: "departure-title" }, i18n.translate[store.state.language].departure, " :\u00A0"), index.h("div", { innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (index.h("div", { class: "arrival-container" }, index.h("div", { class: "arrival-title" }, i18n.translate[store.state.language].arrival, " :\u00A0"), index.h("div", { innerHTML: this.currentTrek.arrival }))), this.currentTrek.cities && this.currentTrek.cities.length > 0 && (index.h("div", { class: "cities-container" }, index.h("div", { class: "cities-title" }, i18n.translate[store.state.language].crossedCities, " :\u00A0"), index.h("div", { innerHTML: this.cities.join(', ') }))), this.weather && this.currentTrek.departure_city && (index.h("div", { class: "weather-container" }, index.h("iframe", { height: "150", frameborder: "0", src: `https://meteofrance.com/widget/prevision/${this.currentTrek.departure_city}0#${this.colorPrimaryApp}` }))), this.currentTrek.access && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "access-container" }, index.h("div", { class: "access-title" }, i18n.translate[store.state.language].roadAccess), index.h("div", { class: "access", innerHTML: this.currentTrek.access })))), this.currentTrek.public_transport && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "public-transport-container" }, index.h("div", { class: "public-transport-title" }, i18n.translate[store.state.language].transport), index.h("div", { class: "public-transport", innerHTML: this.currentTrek.public_transport })))), (this.currentTrek.advice || this.labels.length > 0) && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "advice-container", ref: el => (this.recommendationRef = el) }, index.h("div", { class: "advice-title" }, i18n.translate[store.state.language].recommendations), this.currentTrek.advice && (index.h("div", { class: "current-advice-container" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "warning"), index.h("div", { class: "advice", innerHTML: this.currentTrek.advice }))), this.labels.map(label => (index.h("div", { class: "label-container" }, index.h("div", { class: "label-sub-container" }, label.pictogram && index.h("img", { src: label.pictogram }), index.h("div", { class: "label-name", innerHTML: label.name })), index.h("div", { class: "label-advice", innerHTML: label.advice }))))))), this.currentTrek.advised_parking && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "advised-parking-container", ref: el => (this.parkingRef = el) }, index.h("div", { class: "advised-parking-title" }, i18n.translate[store.state.language].recommendedParking), index.h("div", { class: "advised-parking", innerHTML: this.currentTrek.advised_parking })))), this.currentTrek.gear && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "gear-container" }, index.h("div", { class: "gear-title" }, i18n.translate[store.state.language].equipments), index.h("div", { class: "gear", innerHTML: this.currentTrek.gear })))), store.state.currentSensitiveAreas && store.state.currentSensitiveAreas.length > 0 && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "sensitive-areas-container", ref: el => (this.sensitiveAreaRef = el) }, index.h("div", { class: "sensitive-areas-title" }, i18n.translate[store.state.language].environmentalSensitiveAreas), store.state.currentSensitiveAreas.map(sensitiveArea => (index.h("grw-sensitive-area-detail", { sensitiveArea: sensitiveArea })))))), store.state.currentInformationDesks &&
@@ -21455,6 +21503,7 @@ const GrwTrekProvider = class {
     this.languages = 'fr';
     this.api = undefined;
     this.trekId = undefined;
+    this.portals = undefined;
   }
   connectedCallback() {
     if (!store.state.api) {
@@ -21466,12 +21515,22 @@ const GrwTrekProvider = class {
   }
   handleTrek() {
     const requests = [];
-    requests.push(!store.state.difficulties ? fetch(`${store.state.api}trek_difficulty/?language=${store.state.language}&fields=id,label,pictogram`, this.init) : new Response('null'));
-    requests.push(!store.state.routes ? fetch(`${store.state.api}trek_route/?language=${store.state.language}&fields=id,route,pictogram`, this.init) : new Response('null'));
-    requests.push(!store.state.practices ? fetch(`${store.state.api}trek_practice/?language=${store.state.language}&fields=id,name,pictogram`, this.init) : new Response('null'));
-    requests.push(!store.state.themes ? fetch(`${store.state.api}theme/?language=${store.state.language}&fields=id,label,pictogram`, this.init) : new Response('null'));
+    requests.push(!store.state.difficulties
+      ? fetch(`${store.state.api}trek_difficulty/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,label,pictogram`, this.init)
+      : new Response('null'));
+    requests.push(!store.state.routes
+      ? fetch(`${store.state.api}trek_route/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,route,pictogram`, this.init)
+      : new Response('null'));
+    requests.push(!store.state.practices
+      ? fetch(`${store.state.api}trek_practice/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name,pictogram`, this.init)
+      : new Response('null'));
+    requests.push(!store.state.themes
+      ? fetch(`${store.state.api}theme/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,label,pictogram`, this.init)
+      : new Response('null'));
     requests.push(!store.state.cities ? fetch(`${store.state.api}city/?language=${store.state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null'));
-    requests.push(!store.state.accessibilities ? fetch(`${store.state.api}trek_accessibility/?language=${store.state.language}&fields=id,name,pictogram`, this.init) : new Response('null'));
+    requests.push(!store.state.accessibilities
+      ? fetch(`${store.state.api}trek_accessibility/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name,pictogram`, this.init)
+      : new Response('null'));
     Promise.all([
       ...requests,
       fetch(`${this.api}sensitivearea/?language=${store.state.language}&published=true&trek=${this.trekId}&fields=id,geometry,name,description,contact,info_url,period,practices`, this.init)
@@ -21688,13 +21747,13 @@ const GrwTreksProvider = class {
     this.practices && (treksRequest += `&practices=${this.practices}`);
     treksRequest += `&fields=id,name,attachments,description_teaser,difficulty,duration,ascent,length_2d,practice,themes,route,departure,departure_city,departure_geom,cities,accessibilities,labels,districts&page_size=999`;
     Promise.all([
-      fetch(`${store.state.api}trek_difficulty/?language=${store.state.language}&fields=id,label,pictogram`, this.init),
-      fetch(`${store.state.api}trek_route/?language=${store.state.language}&fields=id,route,pictogram`, this.init),
-      fetch(`${store.state.api}trek_practice/?language=${store.state.language}&fields=id,name,pictogram`, this.init),
-      fetch(`${store.state.api}theme/?language=${store.state.language}&fields=id,label,pictogram`, this.init),
+      fetch(`${store.state.api}trek_difficulty/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,label,pictogram`, this.init),
+      fetch(`${store.state.api}trek_route/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,route,pictogram`, this.init),
+      fetch(`${store.state.api}trek_practice/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name,pictogram`, this.init),
+      fetch(`${store.state.api}theme/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,label,pictogram`, this.init),
       fetch(`${store.state.api}city/?language=${store.state.language}&fields=id,name&published=true&page_size=999`, this.init),
-      fetch(`${store.state.api}trek_accessibility/?language=${store.state.language}&fields=id,name,pictogram&published=true&page_size=999`, this.init),
-      fetch(`${store.state.api}label/?language=${store.state.language}&fields=id,name,advice,pictogram&published=true&page_size=999`, this.init),
+      fetch(`${store.state.api}trek_accessibility/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name,pictogram&published=true&page_size=999`, this.init),
+      fetch(`${store.state.api}label/?language=${store.state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name,advice,pictogram&published=true&page_size=999`, this.init),
       fetch(`${store.state.api}district/?language=${store.state.language}&fields=id,name&published=true&page_size=999`, this.init),
       fetch(treksRequest, this.init),
     ])
@@ -21723,11 +21782,10 @@ const GrwTreksProvider = class {
         { id: 1, name: '0 - 500m', minValue: 0, maxValue: 500, selected: false },
         { id: 2, name: '500m - 1km', minValue: 500, maxValue: 1000, selected: false },
       ];
-      store.state.currentTreks = treks.results;
-      store.state.treksWithinBounds = treks.results;
       store.state.labels = labels.results;
       store.state.districts = districts.results;
       store.state.treks = treks.results;
+      store.state.currentTreks = treks.results;
     })
       .catch(() => (store.state.treksNetworkError = true));
   }
@@ -21740,6 +21798,7 @@ exports.grw_filters = GrwFilters;
 exports.grw_map = GrwMap;
 exports.grw_search = GrwSearch;
 exports.grw_touristic_content_detail = GrwTouristicContentDetail;
+exports.grw_touristic_content_provider = GrwTouristicContentProvider;
 exports.grw_touristic_contents_list = GrwTouristicContentsList;
 exports.grw_touristic_contents_provider = GrwTouristicContentsProvider;
 exports.grw_touristic_event_detail = GrwTouristicEventDetail;
@@ -21748,4 +21807,4 @@ exports.grw_trek_provider = GrwTrekProvider;
 exports.grw_treks_list = GrwTreksList;
 exports.grw_treks_provider = GrwTreksProvider;
 
-//# sourceMappingURL=grw-filters_11.cjs.entry.js.map
+//# sourceMappingURL=grw-filters_12.cjs.entry.js.map