@geotrekce/geotrek-rando-widget 0.4.2 → 0.4.4

package/dist/esm/grw-filters_12.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, H as Host, i as getAssetPath, g as getElement } from './index-d5cacae4.js';
-import { t as translate } from './i18n-60e9fdd3.js';
+import { t as translate } from './i18n-e6325e81.js';
 import { s as state, o as onChange, r as reset } from './store-032ab1f5.js';
 import { t as treksFilters, h as handleTreksFiltersAndSearch, a as touristicContentsFilters, b as handleTouristicContentsFiltersAndSearch, f as formatDuration, c as formatLength, d as formatAscent } from './utils-b09ac7c9.js';
 import { g as getWindow, n as nextTick, a as now, e as elementTransitionEnd, S as Swiper, N as Navigation, P as Pagination, K as Keyboard } from './pagination-24051620.js';
@@ -50,7 +50,7 @@ const GrwFilters = class {
     this.handleFilters();
   }
   render() {
-    return (h(Host, null, h("div", { class: "options-container" }, h("div", { class: "filters-container" }, state.mode === 'treks' && (h("div", { class: "filters-treks-container" }, h("div", { class: "filters-options-container" }, state.treksWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.treksWithinBounds.length} ${state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseTreksFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkTreksFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, translate[state.language].activities, " ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, translate[state.language].themes, " ", state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, translate[state.language].location, " ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { key: "treks-activities-segment-container", class: "segment-container" }, state['practices'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['difficulties'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), state['durations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['lengths'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['elevations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['routes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), state['accessibilities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['labels'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (h("div", { key: "treks-themes-segment-container", class: "segment-container" }, state['themes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].themes, filterPlaceholder: translate[state.language].placeholderThemes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { key: "treks-location-segment-container", class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].crossedCities, filterPlaceholder: translate[state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" })))))))), state.mode === 'touristicContents' && (h("div", { class: "filters-touristic-contents-container" }, h("div", { class: "filters-options-container" }, state.touristicContentsWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.touristicContentsWithinBounds.length} ${state.touristicContentsWithinBounds.length > 1 ? translate[state.language].home.touristicContents : translate[state.language].home.touristicContent}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseTouristicContentsFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkTouristicContentsFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, translate[state.language].services, " ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, translate[state.language].location, " ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { key: "touristic-contents-activities-segment-container", class: "segment-container" }, state['touristicContentCategories'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].category, filterType: "touristicContentCategories", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { key: "touristic-contents-location-segment-container", class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].crossedCities, filterPlaceholder: translate[state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))))), h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" }))));
+    return (h(Host, null, h("div", { class: "options-container" }, h("div", { class: "filters-container" }, state.mode === 'treks' && (h("div", { class: "filters-treks-container" }, h("div", { class: "filters-options-container" }, state.treksWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.treksWithinBounds.length} ${state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseTreksFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkTreksFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, translate[state.language].activities, " ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, translate[state.language].themes, " ", state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, translate[state.language].location, " ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { key: "treks-activities-segment-container", class: "segment-container" }, state['practices'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters", filterPlaceholder: translate[state.language].placeholderPractices }))), state['difficulties'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), state['durations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['lengths'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['elevations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['routes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), state['accessibilities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['labels'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (h("div", { key: "treks-themes-segment-container", class: "segment-container" }, state['themes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].themes, filterPlaceholder: translate[state.language].placeholderThemes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { key: "treks-location-segment-container", class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].crossedCities, filterPlaceholder: translate[state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" })))))))), state.mode === 'touristicContents' && (h("div", { class: "filters-touristic-contents-container" }, h("div", { class: "filters-options-container" }, state.touristicContentsWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.touristicContentsWithinBounds.length} ${state.touristicContentsWithinBounds.length > 1 ? translate[state.language].home.touristicContents : translate[state.language].home.touristicContent}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseTouristicContentsFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkTouristicContentsFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, translate[state.language].services, " ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, translate[state.language].location, " ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { key: "touristic-contents-activities-segment-container", class: "segment-container" }, state['touristicContentCategories'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].category, filterType: "touristicContentCategories", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { key: "touristic-contents-location-segment-container", class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].crossedCities, filterPlaceholder: translate[state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))))), h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" }))));
   }
 };
 GrwFilters.style = grwFiltersCss;
@@ -19016,7 +19016,7 @@ const GrwMap = class {
         this.removeTrek();
         this.removeTouristicContent();
         this.removeTouristicEvent();
-        this.addTreks();
+        this.addTreks(true);
       }
     });
     onChange('currentTrek', () => {
@@ -19071,17 +19071,21 @@ const GrwMap = class {
       }
       else if (state.currentTouristicContents) {
         this.removeTouristicContent();
-        this.addTouristicContents();
+        this.addTouristicContents(true);
       }
     });
     onChange('mode', () => {
       if (state.mode === 'treks') {
-        this.removeTouristicContents();
-        this.addTreks();
+        if (state.treks) {
+          this.removeTouristicContents();
+          this.addTreks(true);
+        }
       }
       else if (state.mode === 'touristicContents') {
-        this.removeTreks();
-        this.addTouristicContents();
+        if (state.touristicContents) {
+          this.removeTreks();
+          this.addTouristicContents(true);
+        }
       }
     });
   }
@@ -19094,7 +19098,7 @@ const GrwMap = class {
     }
     this.handleLayersControlEvent();
   }
-  addTreks() {
+  addTreks(resetBounds = false) {
     var _a;
     state.treksWithinBounds = state.currentTreks;
     const treksCurrentDepartureCoordinates = [];
@@ -19118,7 +19122,7 @@ const GrwMap = class {
       }
     }
     if (!this.treksLayer) {
-      if (treksCurrentDepartureCoordinates.length > 0 && !state.currentMapBounds) {
+      if ((treksCurrentDepartureCoordinates.length > 0 && !state.currentMapBounds) || resetBounds) {
         this.bounds = leafletSrc.latLngBounds(treksCurrentDepartureCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
       }
       else {
@@ -19882,22 +19886,14 @@ const GrwMap = class {
       this.currentToutisticContentLayer = null;
     }
   }
-  addTouristicContents() {
-    state.touristicContentsWithinBounds = state.touristicContents;
+  addTouristicContents(resetBounds = false) {
+    state.touristicContentsWithinBounds = state.currentTouristicContents;
     const touristicContentsCurrentCoordinates = [];
     const touristicContentsFeatureCollection = {
       type: 'FeatureCollection',
       features: [],
     };
-    if (state.touristicContents) {
-      if (touristicContentsCurrentCoordinates.length > 0 && !state.currentMapBounds) {
-        this.bounds = leafletSrc.latLngBounds(touristicContentsCurrentCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
-      }
-      else {
-        if (state.currentMapBounds) {
-          this.bounds = state.currentMapBounds;
-        }
-      }
+    if (state.currentTouristicContents) {
       for (const currentTouristicContent of state.currentTouristicContents) {
         touristicContentsCurrentCoordinates.push(currentTouristicContent.geometry.coordinates);
         touristicContentsFeatureCollection.features.push({
@@ -19912,7 +19908,7 @@ const GrwMap = class {
       }
     }
     if (!this.toutisticContentsLayer) {
-      if (touristicContentsCurrentCoordinates.length > 0 && !state.currentMapBounds) {
+      if ((touristicContentsCurrentCoordinates.length > 0 && !state.currentMapBounds) || resetBounds) {
         this.bounds = leafletSrc.latLngBounds(touristicContentsCurrentCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
       }
       else {
@@ -20829,7 +20825,7 @@ const GrwTouristicContentDetail = class {
         '--detail-bottom-space-height': this.isLargeView ? '8px' : '104px',
       } }, state.currentTouristicContent && (h("div", { class: "touristic-content-detail-container", ref: el => (this.touristicContentDetailContainerRef = el) }, h("div", { class: "images-container", ref: el => (this.presentationRef = el) }, h("div", { class: "swiper swiper-images", ref: el => (this.swiperImagesRef = el) }, h("div", { class: "swiper-wrapper" }, state.currentTouristicContent.attachments.length > 0 ? (state.currentTouristicContent.attachments
       .filter(attachment => attachment.type === 'image')
-      .map(attachment => (h("div", { class: "swiper-slide" }, h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))) : (h("div", { class: "swiper-slide" }, h("img", { class: "default-poi-img", src: defaultImageSrc, loading: "lazy" })))), h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), h("div", { class: "touristic-content-category-container" }, h("img", { src: touristicContentCategory.pictogram }), h("div", { class: "touristic-content-category-name" }, touristicContentCategory.label)), h("div", { class: "name" }, state.currentTouristicContent.name), h("div", { class: "divider" }), h("div", { class: "downloads-container" }, h("div", { class: "download-title" }, translate[state.language].download), h("div", { class: "links-container" }, h("a", { href: `${state.currentTouristicContent.pdf}` }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), state.currentTouristicContent.description_teaser && (h("div", null, h("div", { class: "divider" }), h("div", { class: "description-teaser", innerHTML: state.currentTouristicContent.description_teaser }))), h("div", { class: "divider" }), state.currentTouristicContent.practical_info && (h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, h("div", { class: "description-title" }, translate[state.language].description), h("div", { class: "description", innerHTML: state.currentTouristicContent.description }))), cities && cities.length > 0 && (h("div", { class: "cities-container" }, h("div", { class: "cities-title" }, translate[state.language].city, " :\u00A0"), h("div", { innerHTML: cities.join(', ') }))), state.currentTouristicContent.practical_info && (h("div", null, h("div", { class: "divider" }), h("div", { class: "useful-information-container" }, h("div", { class: "useful-information-title" }, translate[state.language].usefulInformation, " :\u00A0"), h("div", { innerHTML: state.currentTouristicContent.practical_info })))), (state.currentTouristicContent.contact || state.currentTouristicContent.email || state.currentTouristicContent.website) && (h("div", null, h("div", { class: "divider" }), h("div", { class: "contact-container" }, h("div", { class: "contact-title" }, translate[state.language].contact, " :\u00A0"), state.currentTouristicContent.contact && h("div", { innerHTML: state.currentTouristicContent.contact }), state.currentTouristicContent.email && (h("div", { class: "email-container" }, h("div", null, translate[state.language].email, " :\u00A0"), h("div", { innerHTML: state.currentTouristicContent.email }))), state.currentTouristicContent.website && (h("div", { class: "website-container" }, h("div", null, translate[state.language].website, " :\u00A0"), h("div", { innerHTML: state.currentTouristicContent.website })))))), h("div", { class: "detail-bottom-space" })))));
+      .map(attachment => (h("div", { class: "swiper-slide" }, h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))) : (h("div", { class: "swiper-slide" }, h("img", { class: "default-poi-img", src: defaultImageSrc, loading: "lazy" })))), h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), h("div", { class: "touristic-content-category-container" }, h("img", { src: touristicContentCategory.pictogram }), h("div", { class: "touristic-content-category-name" }, touristicContentCategory.label)), h("div", { class: "name" }, state.currentTouristicContent.name), h("div", { class: "divider" }), h("div", { class: "downloads-container" }, h("div", { class: "download-title" }, translate[state.language].download), h("div", { class: "links-container" }, h("a", { href: `${state.currentTouristicContent.pdf}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), state.currentTouristicContent.description_teaser && (h("div", null, h("div", { class: "divider" }), h("div", { class: "description-teaser", innerHTML: state.currentTouristicContent.description_teaser }))), h("div", { class: "divider" }), state.currentTouristicContent.practical_info && (h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, h("div", { class: "description-title" }, translate[state.language].description), h("div", { class: "description", innerHTML: state.currentTouristicContent.description }))), cities && cities.length > 0 && (h("div", { class: "cities-container" }, h("div", { class: "cities-title" }, translate[state.language].city, " :\u00A0"), h("div", { innerHTML: cities.join(', ') }))), state.currentTouristicContent.practical_info && (h("div", null, h("div", { class: "divider" }), h("div", { class: "useful-information-container" }, h("div", { class: "useful-information-title" }, translate[state.language].usefulInformation, " :\u00A0"), h("div", { innerHTML: state.currentTouristicContent.practical_info })))), (state.currentTouristicContent.contact || state.currentTouristicContent.email || state.currentTouristicContent.website) && (h("div", null, h("div", { class: "divider" }), h("div", { class: "contact-container" }, h("div", { class: "contact-title" }, translate[state.language].contact, " :\u00A0"), state.currentTouristicContent.contact && h("div", { innerHTML: state.currentTouristicContent.contact }), state.currentTouristicContent.email && (h("div", { class: "email-container" }, h("div", null, translate[state.language].email, " :\u00A0"), h("div", { innerHTML: state.currentTouristicContent.email }))), state.currentTouristicContent.website && (h("div", { class: "website-container" }, h("div", null, translate[state.language].website, " :\u00A0"), h("div", { innerHTML: state.currentTouristicContent.website })))))), h("div", { class: "detail-bottom-space" })))));
   }
 };
 GrwTouristicContentDetail.style = grwTouristicContentDetailCss;
@@ -20843,6 +20839,7 @@ const GrwTouristicContentProvider = class {
     this.languages = 'fr';
     this.api = undefined;
     this.touristicContentId = undefined;
+    this.portals = undefined;
   }
   connectedCallback() {
     if (!state.api) {
@@ -20856,7 +20853,7 @@ const GrwTouristicContentProvider = class {
     const requests = [];
     requests.push(!state.cities ? fetch(`${state.api}city/?language=${state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null'));
     requests.push(!state.touristicContentCategories
-      ? fetch(`${state.api}touristiccontent_category/?language=${state.language}&published=true&fields=id,label,pictogram&page_size=999`, this.init)
+      ? fetch(`${state.api}touristiccontent_category/?language=${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,
@@ -20997,7 +20994,7 @@ const GrwTouristicContentsProvider = class {
     requests.push(!state.cities ? fetch(`${state.api}city/?language=${state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null'));
     requests.push(!state.districts ? fetch(`${state.api}district/?language=${state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null')),
       requests.push(!state.touristicContentCategories
-        ? fetch(`${state.api}touristiccontent_category/?language=${state.language}&published=true&fields=id,label,pictogram&page_size=999`, this.init)
+        ? fetch(`${state.api}touristiccontent_category/?language=${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())))
@@ -21082,7 +21079,7 @@ const GrwTouristicEventDetail = class {
         '--detail-bottom-space-height': this.isLargeView ? '8px' : '104px',
       } }, state.currentTouristicEvent && (h("div", { class: "touristic-event-detail-container", ref: el => (this.touristicEventDetailContainerRef = el) }, h("div", { class: "images-container", ref: el => (this.presentationRef = el) }, h("div", { class: "swiper swiper-images", ref: el => (this.swiperImagesRef = el) }, h("div", { class: "swiper-wrapper" }, state.currentTouristicEvent.attachments.length > 0 ? (state.currentTouristicEvent.attachments
       .filter(attachment => attachment.type === 'image')
-      .map(attachment => (h("div", { class: "swiper-slide" }, h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))) : (h("div", { class: "swiper-slide" }, h("img", { class: "default-poi-img", src: defaultImageSrc, loading: "lazy" })))), h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), h("div", { class: "touristic-event-category-container" }, h("img", { src: touristicEventType.pictogram }), h("div", { class: "touristic-event-category-name" }, touristicEventType.type)), h("div", { class: "name" }, state.currentTouristicEvent.name), h("div", { class: "divider" }), h("div", { class: "downloads-container" }, h("div", { class: "download-title" }, translate[state.language].download), h("div", { class: "links-container" }, h("a", { href: `${state.currentTouristicEvent.pdf}` }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), state.currentTouristicEvent.description_teaser && (h("div", null, h("div", { class: "divider" }), h("div", { class: "description-teaser", innerHTML: state.currentTouristicEvent.description_teaser }))), h("div", { class: "divider" }), state.currentTouristicEvent.practical_info && (h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, h("div", { class: "description-title" }, translate[state.language].description), h("div", { class: "description", innerHTML: state.currentTouristicEvent.description }))), cities && cities.length > 0 && (h("div", { class: "cities-container" }, h("div", { class: "cities-title" }, translate[state.language].city, " :\u00A0"), h("div", { innerHTML: cities.join(', ') }))), state.currentTouristicEvent.practical_info && (h("div", null, h("div", { class: "divider" }), h("div", { class: "useful-information-container" }, h("div", { class: "useful-information-title" }, translate[state.language].usefulInformation, " :\u00A0"), h("div", { innerHTML: state.currentTouristicEvent.practical_info })))), (state.currentTouristicEvent.contact || state.currentTouristicEvent.email || state.currentTouristicEvent.website) && (h("div", null, h("div", { class: "divider" }), h("div", { class: "contact-container" }, h("div", { class: "contact-title" }, translate[state.language].contact, " :\u00A0"), state.currentTouristicEvent.contact && h("div", { innerHTML: state.currentTouristicEvent.contact }), state.currentTouristicEvent.email && (h("div", { class: "email-container" }, h("div", null, translate[state.language].email, " :\u00A0"), h("div", { innerHTML: state.currentTouristicEvent.email }))), state.currentTouristicEvent.website && (h("div", { class: "website-container" }, h("div", null, translate[state.language].website, " :\u00A0"), h("div", { innerHTML: state.currentTouristicEvent.website })))))), h("div", { class: "detail-bottom-space" })))));
+      .map(attachment => (h("div", { class: "swiper-slide" }, h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))) : (h("div", { class: "swiper-slide" }, h("img", { class: "default-poi-img", src: defaultImageSrc, loading: "lazy" })))), h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), h("div", { class: "touristic-event-category-container" }, h("img", { src: touristicEventType.pictogram }), h("div", { class: "touristic-event-category-name" }, touristicEventType.type)), h("div", { class: "name" }, state.currentTouristicEvent.name), h("div", { class: "divider" }), h("div", { class: "downloads-container" }, h("div", { class: "download-title" }, translate[state.language].download), h("div", { class: "links-container" }, h("a", { href: `${state.currentTouristicEvent.pdf}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), state.currentTouristicEvent.description_teaser && (h("div", null, h("div", { class: "divider" }), h("div", { class: "description-teaser", innerHTML: state.currentTouristicEvent.description_teaser }))), h("div", { class: "divider" }), state.currentTouristicEvent.practical_info && (h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, h("div", { class: "description-title" }, translate[state.language].description), h("div", { class: "description", innerHTML: state.currentTouristicEvent.description }))), cities && cities.length > 0 && (h("div", { class: "cities-container" }, h("div", { class: "cities-title" }, translate[state.language].city, " :\u00A0"), h("div", { innerHTML: cities.join(', ') }))), state.currentTouristicEvent.practical_info && (h("div", null, h("div", { class: "divider" }), h("div", { class: "useful-information-container" }, h("div", { class: "useful-information-title" }, translate[state.language].usefulInformation, " :\u00A0"), h("div", { innerHTML: state.currentTouristicEvent.practical_info })))), (state.currentTouristicEvent.contact || state.currentTouristicEvent.email || state.currentTouristicEvent.website) && (h("div", null, h("div", { class: "divider" }), h("div", { class: "contact-container" }, h("div", { class: "contact-title" }, translate[state.language].contact, " :\u00A0"), state.currentTouristicEvent.contact && h("div", { innerHTML: state.currentTouristicEvent.contact }), state.currentTouristicEvent.email && (h("div", { class: "email-container" }, h("div", null, translate[state.language].email, " :\u00A0"), h("div", { innerHTML: state.currentTouristicEvent.email }))), state.currentTouristicEvent.website && (h("div", { class: "website-container" }, h("div", null, translate[state.language].website, " :\u00A0"), h("div", { innerHTML: state.currentTouristicEvent.website })))))), h("div", { class: "detail-bottom-space" })))));
   }
 };
 GrwTouristicEventDetail.style = grwTouristicEventDetailCss;
@@ -21454,7 +21451,7 @@ const GrwTrekDetail = class {
       .map(attachment => (h("div", { class: "swiper-slide" }, h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))), h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), h("div", { class: "name" }, this.currentTrek.name), this.themes.length > 0 && (h("div", { class: "themes-container" }, this.themes.map(theme => (h("div", { class: "theme" }, theme.label))))), h("div", { class: "sub-container" }, h("div", { class: "icons-labels-container" }, h("div", { class: "row" }, h("div", { class: "icon-label difficulty" }, ((_a = this.difficulty) === null || _a === void 0 ? void 0 : _a.pictogram) && h("img", { src: this.difficulty.pictogram }), (_b = this.difficulty) === null || _b === void 0 ? void 0 :
       _b.label), h("div", { class: "icon-label duration" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "timelapse"), formatDuration((_c = this.currentTrek) === null || _c === void 0 ? void 0 : _c.duration)), h("div", { class: "icon-label route" }, ((_d = this.route) === null || _d === void 0 ? void 0 : _d.pictogram) && h("img", { src: this.route.pictogram }), (_e = this.route) === null || _e === void 0 ? void 0 :
       _e.route)), h("div", { class: "row" }, h("div", { class: "icon-label length" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "open_in_full"), formatLength(this.currentTrek.length_2d)), h("div", { class: "icon-label ascent" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "moving"), formatAscent(this.currentTrek.ascent)), h("div", { class: "icon-label practice" }, ((_f = this.practice) === null || _f === void 0 ? void 0 : _f.pictogram) && h("img", { src: this.practice.pictogram }), (_g = this.practice) === null || _g === void 0 ? void 0 :
-      _g.name)))), h("div", { class: "divider" }), h("div", { class: "downloads-container" }, h("div", { class: "download-title" }, translate[state.language].downloads), h("div", { class: "links-container" }, h("a", { href: `${this.currentTrek.gpx}` }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "GPX"), h("a", { href: `${this.currentTrek.kml}` }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "KML"), h("a", { href: `${this.currentTrek.pdf}` }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), h("div", { class: "divider" }), this.currentTrek.description_teaser && h("div", { class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && h("div", { class: "ambiance", innerHTML: this.currentTrek.ambiance }), state.parentTrekId && state.parentTrek && this.currentTrek.id !== state.parentTrekId && (h("div", null, h("div", { class: "divider" }), h("div", { class: "parent-trek-container" }, h("button", { class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(state.parentTrekId) }, h("div", null, "<"), state.parentTrek.name)))), state.currentTrekSteps && (h("div", { class: "step-container", ref: el => (this.stepsRef = el) }, h("div", { class: "step-title" }, `${state.currentTrekSteps.length} ${translate[state.language].steps}`), h("div", { class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, h("div", { class: "swiper-wrapper" }, state.currentTrekSteps &&
+      _g.name)))), h("div", { class: "divider" }), h("div", { class: "downloads-container" }, h("div", { class: "download-title" }, translate[state.language].downloads), h("div", { class: "links-container" }, h("a", { href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "GPX"), h("a", { href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "KML"), h("a", { href: `${this.currentTrek.pdf}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), h("div", { class: "divider" }), this.currentTrek.description_teaser && h("div", { class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && h("div", { class: "ambiance", innerHTML: this.currentTrek.ambiance }), state.parentTrekId && state.parentTrek && this.currentTrek.id !== state.parentTrekId && (h("div", null, h("div", { class: "divider" }), h("div", { class: "parent-trek-container" }, h("button", { class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(state.parentTrekId) }, h("div", null, "<"), state.parentTrek.name)))), state.currentTrekSteps && (h("div", { class: "step-container", ref: el => (this.stepsRef = el) }, h("div", { class: "step-title" }, `${state.currentTrekSteps.length} ${translate[state.language].steps}`), h("div", { class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, h("div", { class: "swiper-wrapper" }, state.currentTrekSteps &&
       state.currentTrekSteps.map(trek => {
         return (h("div", { class: "swiper-slide" }, 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 })));
       }))))), h("div", { class: "divider" }), this.currentTrek.description && (h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, h("div", { class: "description-title" }, translate[state.language].description), h("div", { class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (h("div", { class: "departure-container" }, h("div", { class: "departure-title" }, translate[state.language].departure, " :\u00A0"), h("div", { innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (h("div", { class: "arrival-container" }, h("div", { class: "arrival-title" }, translate[state.language].arrival, " :\u00A0"), h("div", { innerHTML: this.currentTrek.arrival }))), this.currentTrek.cities && this.currentTrek.cities.length > 0 && (h("div", { class: "cities-container" }, h("div", { class: "cities-title" }, translate[state.language].crossedCities, " :\u00A0"), h("div", { innerHTML: this.cities.join(', ') }))), this.weather && this.currentTrek.departure_city && (h("div", { class: "weather-container" }, h("iframe", { height: "150", frameborder: "0", src: `https://meteofrance.com/widget/prevision/${this.currentTrek.departure_city}0#${this.colorPrimaryApp}` }))), this.currentTrek.access && (h("div", null, h("div", { class: "divider" }), h("div", { class: "access-container" }, h("div", { class: "access-title" }, translate[state.language].roadAccess), h("div", { class: "access", innerHTML: this.currentTrek.access })))), this.currentTrek.public_transport && (h("div", null, h("div", { class: "divider" }), h("div", { class: "public-transport-container" }, h("div", { class: "public-transport-title" }, translate[state.language].transport), h("div", { class: "public-transport", innerHTML: this.currentTrek.public_transport })))), (this.currentTrek.advice || this.labels.length > 0) && (h("div", null, h("div", { class: "divider" }), h("div", { class: "advice-container", ref: el => (this.recommendationRef = el) }, h("div", { class: "advice-title" }, translate[state.language].recommendations), this.currentTrek.advice && (h("div", { class: "current-advice-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "warning"), h("div", { class: "advice", innerHTML: this.currentTrek.advice }))), this.labels.map(label => (h("div", { class: "label-container" }, h("div", { class: "label-sub-container" }, label.pictogram && h("img", { src: label.pictogram }), h("div", { class: "label-name", innerHTML: label.name })), h("div", { class: "label-advice", innerHTML: label.advice }))))))), this.currentTrek.advised_parking && (h("div", null, h("div", { class: "divider" }), h("div", { class: "advised-parking-container", ref: el => (this.parkingRef = el) }, h("div", { class: "advised-parking-title" }, translate[state.language].recommendedParking), h("div", { class: "advised-parking", innerHTML: this.currentTrek.advised_parking })))), this.currentTrek.gear && (h("div", null, h("div", { class: "divider" }), h("div", { class: "gear-container" }, h("div", { class: "gear-title" }, translate[state.language].equipments), h("div", { class: "gear", innerHTML: this.currentTrek.gear })))), state.currentSensitiveAreas && state.currentSensitiveAreas.length > 0 && (h("div", null, h("div", { class: "divider" }), h("div", { class: "sensitive-areas-container", ref: el => (this.sensitiveAreaRef = el) }, h("div", { class: "sensitive-areas-title" }, translate[state.language].environmentalSensitiveAreas), state.currentSensitiveAreas.map(sensitiveArea => (h("grw-sensitive-area-detail", { sensitiveArea: sensitiveArea })))))), state.currentInformationDesks &&
@@ -21482,6 +21479,7 @@ const GrwTrekProvider = class {
     this.languages = 'fr';
     this.api = undefined;
     this.trekId = undefined;
+    this.portals = undefined;
   }
   connectedCallback() {
     if (!state.api) {
@@ -21493,12 +21491,22 @@ const GrwTrekProvider = class {
   }
   handleTrek() {
     const requests = [];
-    requests.push(!state.difficulties ? fetch(`${state.api}trek_difficulty/?language=${state.language}&fields=id,label,pictogram`, this.init) : new Response('null'));
-    requests.push(!state.routes ? fetch(`${state.api}trek_route/?language=${state.language}&fields=id,route,pictogram`, this.init) : new Response('null'));
-    requests.push(!state.practices ? fetch(`${state.api}trek_practice/?language=${state.language}&fields=id,name,pictogram`, this.init) : new Response('null'));
-    requests.push(!state.themes ? fetch(`${state.api}theme/?language=${state.language}&fields=id,label,pictogram`, this.init) : new Response('null'));
+    requests.push(!state.difficulties
+      ? fetch(`${state.api}trek_difficulty/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,label,pictogram`, this.init)
+      : new Response('null'));
+    requests.push(!state.routes
+      ? fetch(`${state.api}trek_route/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,route,pictogram`, this.init)
+      : new Response('null'));
+    requests.push(!state.practices
+      ? fetch(`${state.api}trek_practice/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name,pictogram`, this.init)
+      : new Response('null'));
+    requests.push(!state.themes
+      ? fetch(`${state.api}theme/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,label,pictogram`, this.init)
+      : new Response('null'));
     requests.push(!state.cities ? fetch(`${state.api}city/?language=${state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null'));
-    requests.push(!state.accessibilities ? fetch(`${state.api}trek_accessibility/?language=${state.language}&fields=id,name,pictogram`, this.init) : new Response('null'));
+    requests.push(!state.accessibilities
+      ? fetch(`${state.api}trek_accessibility/?language=${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=${state.language}&published=true&trek=${this.trekId}&fields=id,geometry,name,description,contact,info_url,period,practices`, this.init)
@@ -21715,13 +21723,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(`${state.api}trek_difficulty/?language=${state.language}&fields=id,label,pictogram`, this.init),
-      fetch(`${state.api}trek_route/?language=${state.language}&fields=id,route,pictogram`, this.init),
-      fetch(`${state.api}trek_practice/?language=${state.language}&fields=id,name,pictogram`, this.init),
-      fetch(`${state.api}theme/?language=${state.language}&fields=id,label,pictogram`, this.init),
+      fetch(`${state.api}trek_difficulty/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,label,pictogram`, this.init),
+      fetch(`${state.api}trek_route/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,route,pictogram`, this.init),
+      fetch(`${state.api}trek_practice/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name,pictogram`, this.init),
+      fetch(`${state.api}theme/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,label,pictogram`, this.init),
       fetch(`${state.api}city/?language=${state.language}&fields=id,name&published=true&page_size=999`, this.init),
-      fetch(`${state.api}trek_accessibility/?language=${state.language}&fields=id,name,pictogram&published=true&page_size=999`, this.init),
-      fetch(`${state.api}label/?language=${state.language}&fields=id,name,advice,pictogram&published=true&page_size=999`, this.init),
+      fetch(`${state.api}trek_accessibility/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name,pictogram&published=true&page_size=999`, this.init),
+      fetch(`${state.api}label/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name,advice,pictogram&published=true&page_size=999`, this.init),
       fetch(`${state.api}district/?language=${state.language}&fields=id,name&published=true&page_size=999`, this.init),
       fetch(treksRequest, this.init),
     ])