@geotrekce/geotrek-rando-widget 0.4.2 → 0.4.3

package/dist/cjs/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,7 +20849,7 @@ 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;
@@ -20867,6 +20863,7 @@ const GrwTouristicContentProvider = class {
     this.languages = 'fr';
     this.api = undefined;
     this.touristicContentId = undefined;
+    this.portals = undefined;
   }
   connectedCallback() {
     if (!store.state.api) {
@@ -20880,7 +20877,7 @@ const GrwTouristicContentProvider = class {
     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}&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,
@@ -21021,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())))
@@ -21106,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;
@@ -21478,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 &&
@@ -21506,6 +21503,7 @@ const GrwTrekProvider = class {
     this.languages = 'fr';
     this.api = undefined;
     this.trekId = undefined;
+    this.portals = undefined;
   }
   connectedCallback() {
     if (!store.state.api) {
@@ -21517,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)
@@ -21739,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),
     ])