@geotrekce/geotrek-rando-widget 0.7.1 → 0.8.1

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e9166f30.js');
 const i18n = require('./i18n-c8d45caf.js');
 const utils = require('./utils-84828f7f.js');
-const pagination = require('./pagination-528069db.js');
+const pagination = require('./pagination-4342f656.js');
 
 const grwCommonButtonCss = ".material-symbols{font-family:\"Material Symbols Outlined\"}.material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}.common-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;color:var(--color-on-primary-container);background-color:var(--color-primary-container);padding:12px 24px;border-radius:var(--border-radius, 20px);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1px;font-family:var(--font-family);font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.common-button .common-button-icon{font-size:18px}";
 
@@ -2904,7 +2904,7 @@ const GrwSwitch = class {
   render() {
     return (index.h(index.Host, { style: {
         '--font-family': this.fontFamily,
-      } }, index.h("label", { class: "md3 switch" }, index.h("input", { onChange: () => this.action(), type: "checkbox", id: "darkmode", name: "darkmode" }), index.h("span", { class: "slider" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "done")))));
+      } }, index.h("label", { class: "md3 switch" }, index.h("input", { checked: utils.state.offlineTreks, onChange: () => this.action(), type: "checkbox", id: "darkmode", name: "darkmode" }), index.h("span", { class: "slider" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "done")))));
   }
 };
 GrwSwitch.style = grwSwitchCss;
@@ -4960,9 +4960,9 @@ const GrwTrekDetail = class {
     await utils.writeOrUpdateDataInStore('treks', treks);
     await utils.writeOrUpdateDataInStore('districts', utils.state.districts);
     // download global tiles
-    // await this.downloadGlobalTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution);
+    await this.downloadGlobalTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution);
     // download trek tiles
-    // await this.downloadTrekTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution);
+    await this.downloadTrekTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution);
     // download global medias
     await utils.writeOrUpdateFilesInStore(utils.state.difficulties, utils.imagesRegExp);
     await utils.writeOrUpdateFilesInStore(utils.state.routes, utils.imagesRegExp);
@@ -4993,13 +4993,14 @@ const GrwTrekDetail = class {
     await utils.writeOrUpdateDataInStore('sources', utils.state.sources);
     await utils.writeOrUpdateDataInStore('accessibilitiesLevel', utils.state.accessibilitiesLevel);
     await utils.writeOrUpdateDataInStore('touristicContentCategories', utils.state.touristicContentCategories);
-    await utils.writeOrUpdateDataInStore('touristicEvents', utils.state.trekTouristicEvents);
     await utils.writeOrUpdateDataInStore('touristicEventTypes', utils.state.touristicEventTypes);
     await utils.writeOrUpdateDataInStore('networks', utils.state.networks);
     await utils.writeOrUpdateDataInStore('pois', utils.state.currentPois);
     await utils.writeOrUpdateDataInStore('poiTypes', utils.state.poiTypes);
     await utils.writeOrUpdateDataInStore('informationDesks', utils.state.currentInformationDesks);
-    await utils.writeOrUpdateDataInStore('treks', [Object.assign(Object.assign({}, this.currentTrek), { offline: true })]);
+    await utils.writeOrUpdateDataInStore('treks', [
+      Object.assign(Object.assign({}, this.currentTrek), { offline: true, pois: utils.state.currentPois.map(poi => poi.id), touristicContents: utils.state.trekTouristicContents.map(trekTouristicContent => trekTouristicContent.id), touristicEvents: utils.state.trekTouristicEvents.map(trekTouristicEvent => trekTouristicEvent.id), sensitiveAreas: utils.state.currentSensitiveAreas ? utils.state.currentSensitiveAreas.map(currentSensitiveArea => currentSensitiveArea.id) : [] }),
+    ]);
     await utils.writeOrUpdateFilesInStore(utils.state.currentPois, utils.imagesRegExp, true);
     await utils.writeOrUpdateFilesInStore(utils.state.currentInformationDesks, utils.imagesRegExp, true);
     // download items data
@@ -5021,35 +5022,45 @@ const GrwTrekDetail = class {
       const stepRequests = [];
       const stepsTouristicContentsRequests = [];
       const stepsTouristicEventsRequests = [];
+      const stepsPoisRequests = [];
+      const stepsSensitiveAreasRequests = [];
       steps.forEach(stepId => {
         stepRequests.push(pagination.getTrek(utils.state.api, utils.state.language, stepId, init));
         stepsTouristicContentsRequests.push(getTouristicContentsNearTrek(utils.state.api, utils.state.language, stepId, init));
         stepsTouristicEventsRequests.push(getTouristicEventsNearTrek(utils.state.api, utils.state.language, stepId, init));
+        stepsPoisRequests.push(pagination.getPoisNearTrek(utils.state.api, utils.state.language, stepId, init));
+        stepsSensitiveAreasRequests.push(pagination.getSensitiveAreasNearTrek(utils.state.api, utils.state.language, stepId, init));
       });
       const trekSteps = await Promise.all([...stepRequests]).then(responses => Promise.all(responses.map(response => response.json())));
       const stepsTouristicContentsResponses = await Promise.all([...stepsTouristicContentsRequests]).then(responses => Promise.all(responses.map(response => response.json())));
       const stepsTouristicEventsResponses = await Promise.all([...stepsTouristicEventsRequests]).then(responses => Promise.all(responses.map(response => response.json())));
+      const stepsPoisResponses = await Promise.all([...stepsPoisRequests]).then(responses => Promise.all(responses.map(response => response.json())));
+      const stepsSensitiveAreasResponses = await Promise.all([...stepsSensitiveAreasRequests]).then(responses => Promise.all(responses.map(response => response.json())));
       for (let index = 0; index < trekSteps.length; index++) {
         trekSteps[index].offline = true;
+        trekSteps[index].pois = stepsPoisResponses[index].results.map(poi => poi.id);
+        trekSteps[index].touristicContents = stepsTouristicContentsResponses[index].results.map(trekTouristicContent => trekTouristicContent.id);
+        trekSteps[index].touristicEvents = stepsTouristicEventsResponses[index].results.map(trekTouristicEvent => trekTouristicEvent.id);
+        trekSteps[index].sensitiveAreas = stepsSensitiveAreasResponses[index].results.map(currentSensitiveArea => currentSensitiveArea.id);
         await utils.writeOrUpdateDataInStore('treks', [trekSteps[index]]);
         await utils.writeOrUpdateFilesInStore(trekSteps[index], utils.imagesRegExp, true);
       }
-      for (let index = 0; index < stepsTouristicContentsResponses.length; index++) {
-        const stepsTouristicContentsResponse = stepsTouristicContentsResponses[index];
-        for (let index = 0; index < stepsTouristicContentsResponse.results.length; index++) {
-          stepsTouristicContentsResponse.results[index].offline = true;
-          await utils.writeOrUpdateDataInStore('touristicContents', [stepsTouristicContentsResponse.results[index]]);
-          await utils.writeOrUpdateFilesInStore(stepsTouristicContentsResponse.results[index], utils.imagesRegExp, true);
-        }
-      }
-      for (let index = 0; index < stepsTouristicEventsResponses.length; index++) {
-        const stepsTouristicEventsResponse = stepsTouristicEventsResponses[index];
-        for (let index = 0; index < stepsTouristicEventsResponse.results.length; index++) {
-          stepsTouristicEventsResponse[index].offline = true;
-          await utils.writeOrUpdateDataInStore('touristicEvents', [stepsTouristicEventsResponse[index]]);
-          await utils.writeOrUpdateFilesInStore(stepsTouristicEventsResponse[index], utils.imagesRegExp, true);
-        }
-      }
+      // for (let index = 0; index < stepsTouristicContentsResponses.length; index++) {
+      //   const stepsTouristicContentsResponse = stepsTouristicContentsResponses[index];
+      //   for (let index = 0; index < stepsTouristicContentsResponse.results.length; index++) {
+      //     stepsTouristicContentsResponse.results[index].offline = true;
+      //     await writeOrUpdateDataInStore('touristicContents', [stepsTouristicContentsResponse.results[index]]);
+      //     await writeOrUpdateFilesInStore(stepsTouristicContentsResponse.results[index], imagesRegExp, true);
+      //   }
+      // }
+      // for (let index = 0; index < stepsTouristicEventsResponses.length; index++) {
+      //   const stepsTouristicEventsResponse = stepsTouristicEventsResponses[index];
+      //   for (let index = 0; index < stepsTouristicEventsResponse.results.length; index++) {
+      //     stepsTouristicEventsResponse[index].offline = true;
+      //     await writeOrUpdateDataInStore('touristicEvents', [stepsTouristicEventsResponse[index]]);
+      //     await writeOrUpdateFilesInStore(stepsTouristicEventsResponse[index], imagesRegExp, true);
+      //   }
+      // }
     }
     utils.state.treks.find(trek => trek.id === this.currentTrek.id).offline = true;
     if (!utils.state.currentTreks) {
@@ -5133,7 +5144,11 @@ const GrwTrekDetail = class {
     delete trekInStore.networks;
     delete trekInStore.web_links;
     delete trekInStore.update_datetime;
-    delete trekInStore.offline;
+    delete trekInStore.information_desks;
+    delete trekInStore.pois;
+    delete trekInStore.touristicContents;
+    delete trekInStore.touristicEvents;
+    delete trekInStore.sensitiveAreas;
   }
   render() {
     var _a, _b, _c, _d, _e;
@@ -5184,7 +5199,7 @@ const GrwTrekDetail = class {
       return (index.h("div", { part: "network", class: "network" }, index.h("img", { part: "icon", class: "icon",
         /* @ts-ignore */
         crossorigin: "anonymous", src: currentNetwork.pictogram }), index.h("span", { part: "label", class: "label" }, currentNetwork.label)));
-    })), this.currentTrek.ratings.map(trekRating => (index.h("div", { part: "row", class: "row" }, `${utils.state.ratingsScale.find(ratingScale => ratingScale.id === utils.state.ratings.find(rating => rating.id === trekRating).scale).name} : ${utils.state.ratings.find(rating => rating.id === trekRating).name}`))), this.currentTrek.ratings_description && this.currentTrek.ratings_description !== '' && (index.h("div", { part: "row", class: "row", innerHTML: this.currentTrek.ratings_description })))), index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "downloads-container", class: "downloads-container" }, index.h("div", { part: "download-title", class: "download-title" }, i18n.translate[utils.state.language].downloads), this.enableOffline && !this.offline && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayTrekDownloadModal() }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download_for_offline"), index.h("span", { part: "label", class: "label" }, "RENDRE DISPONIBLE HORS LIGNE"))), this.enableOffline && this.offline && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayTrekDeleteModal() }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "delete"), index.h("span", { part: "label", class: "label" }, "SUPPRIMER DU HORS LIGNE"))), index.h("div", { part: "links-container", class: "links-container" }, index.h("a", { href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "GPX")), index.h("a", { href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "KML")), index.h("a", { href: `${this.currentTrek.pdf}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "PDF")))), index.h("div", { part: "divider", class: "divider" }), this.currentTrek.description_teaser && index.h("div", { part: "description-teaser", class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && index.h("div", { part: "ambiance", class: "ambiance", innerHTML: this.currentTrek.ambiance }), utils.state.parentTrekId && utils.state.parentTrek && this.currentTrek.id !== utils.state.parentTrekId && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "parent-trek-container", class: "parent-trek-container" }, index.h("button", { part: "parent-trek-title", class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(utils.state.parentTrekId) }, index.h("div", null, "<"), utils.state.parentTrek.name)))), utils.state.currentTrekSteps && (index.h("div", { part: "step-container", class: "step-container" }, index.h("div", { part: "step-title", class: "step-title", ref: el => (this.stepsRef = el) }, `${utils.state.currentTrekSteps.length} ${i18n.translate[utils.state.language].steps}`), index.h("div", { part: "swiper-step", class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, utils.state.currentTrekSteps &&
+    })), this.currentTrek.ratings.map(trekRating => (index.h("div", { part: "row", class: "row" }, `${utils.state.ratingsScale.find(ratingScale => ratingScale.id === utils.state.ratings.find(rating => rating.id === trekRating).scale).name} : ${utils.state.ratings.find(rating => rating.id === trekRating).name}`))), this.currentTrek.ratings_description && this.currentTrek.ratings_description !== '' && (index.h("div", { part: "row", class: "row", innerHTML: this.currentTrek.ratings_description })))), index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "downloads-container", class: "downloads-container" }, index.h("div", { part: "download-title", class: "download-title" }, i18n.translate[utils.state.language].downloads), this.enableOffline && !this.offline && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayTrekDownloadModal() }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download_for_offline"), index.h("span", { part: "label", class: "label" }, "RENDRE DISPONIBLE HORS LIGNE"))), this.enableOffline && this.offline && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayTrekDeleteModal() }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "delete"), index.h("span", { part: "label", class: "label" }, "SUPPRIMER DU HORS LIGNE"))), index.h("div", { part: "links-container", class: "links-container" }, index.h("a", { href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "GPX")), index.h("a", { href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "KML")), index.h("a", { href: `${this.currentTrek.pdf}${utils.state.portalsFromProviders && utils.state.portalsFromProviders.length === 1 ? '?portal=' + utils.state.portalsFromProviders[0] : ''}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "PDF")))), index.h("div", { part: "divider", class: "divider" }), this.currentTrek.description_teaser && index.h("div", { part: "description-teaser", class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && index.h("div", { part: "ambiance", class: "ambiance", innerHTML: this.currentTrek.ambiance }), utils.state.parentTrekId && utils.state.parentTrek && this.currentTrek.id !== utils.state.parentTrekId && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "parent-trek-container", class: "parent-trek-container" }, index.h("button", { part: "parent-trek-title", class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(utils.state.parentTrekId) }, index.h("div", null, "<"), utils.state.parentTrek.name)))), utils.state.currentTrekSteps && (index.h("div", { part: "step-container", class: "step-container" }, index.h("div", { part: "step-title", class: "step-title", ref: el => (this.stepsRef = el) }, `${utils.state.currentTrekSteps.length} ${i18n.translate[utils.state.language].steps}`), index.h("div", { part: "swiper-step", class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, utils.state.currentTrekSteps &&
       utils.state.currentTrekSteps.map(trek => {
         return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-trek-card", { exportparts: "trek-card,trek-img-container,trek-img,trek-sub-container,trek-departure,trek-name,trek-themes-container,trek-theme,trek-icons-labels-container,trek-icon-label,trek-icon,trek-label", key: `trek-${trek.id}`, trek: trek, "is-large-view": false, "is-step": true, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })));
       })), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.stepSwiperScrollbar = el) })))), index.h("div", { part: "divider", class: "divider" }), this.currentTrek.description && (index.h("div", { part: "description-container", class: "description-container" }, index.h("div", { part: "description-title", class: "description-title", ref: el => (this.descriptionRef = el) }, i18n.translate[utils.state.language].description), index.h("div", { part: "description", class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (index.h("div", { part: "departure-container", class: "departure-container" }, index.h("div", { part: "departure-title", class: "departure-title" }, i18n.translate[utils.state.language].departure, " :\u00A0"), index.h("div", { part: "departure", innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (index.h("div", { part: "arrival-container", class: "arrival-container" }, index.h("div", { part: "arrival-title", class: "arrival-title" }, i18n.translate[utils.state.language].arrival, " :\u00A0"), index.h("div", { part: "arrival", innerHTML: this.currentTrek.arrival }))), this.currentTrek.cities && this.currentTrek.cities.length > 0 && (index.h("div", { part: "cities-container", class: "cities-container" }, index.h("div", { part: "cities-title", class: "cities-title" }, i18n.translate[utils.state.language].crossedCities, " :\u00A0"), index.h("div", { part: "cities", innerHTML: this.cities.join(', ') }))), utils.state.currentPois && utils.state.currentPois.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "pois-container", class: "pois-container" }, index.h("div", { part: "pois-title", class: "pois-title", ref: el => (this.poiRef = el) }, i18n.translate[utils.state.language].pois(utils.state.currentPois.length)), index.h("div", { part: "swiper-pois", class: "swiper swiper-pois", ref: el => (this.swiperPoisRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, utils.state.currentPois.map(poi => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-poi", { exportparts: "poi-type-img-container,poi-type,swiper-poi,swiper-wrapper,swiper-slide,poi-img,default-poi-img,swiper-pagination,swiper-button-prev,swiper-button-next,poi-sub-container,poi-name,poi-description,handle-poi-description", poi: poi }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.poisSwiperScrollbar = el) }))))), this.weather && this.currentTrek.departure_city && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "weather-container", 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", { part: "divider", class: "divider" }), index.h("div", { part: "access-container", class: "access-container" }, index.h("div", { part: "access-title", class: "access-title" }, i18n.translate[utils.state.language].roadAccessAndParking), index.h("div", { part: "access", class: "access", innerHTML: this.currentTrek.access }), this.currentTrek.advised_parking && (index.h("div", null, index.h("div", { part: "advised-parking-title", class: "advised-parking-title", ref: el => (this.parkingRef = el) }, i18n.translate[utils.state.language].recommendedParking), index.h("div", { part: "advised-parking", class: "advised-parking", innerHTML: this.currentTrek.advised_parking })))))), this.currentTrek.public_transport && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "public-transport-container", class: "public-transport-container" }, index.h("div", { part: "public-transport-title", class: "public-transport-title" }, i18n.translate[utils.state.language].transport), index.h("div", { part: "public-transport", class: "public-transport", innerHTML: this.currentTrek.public_transport })))), (this.currentTrek.advice || this.currentTrek.gear || this.labels.length > 0) && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "advice-container", class: "advice-container" }, index.h("div", { part: "advice-title", class: "advice-title", ref: el => (this.recommendationRef = el) }, i18n.translate[utils.state.language].recommendations), this.currentTrek.advice && (index.h("div", { part: "current-advice-container", class: "current-advice-container" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "warning"), index.h("div", { part: "advice", class: "advice", innerHTML: this.currentTrek.advice }))), this.currentTrek.gear && (index.h("div", { part: "gear-container", class: "gear-container" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "backpack"), index.h("div", { part: "gear", class: "gear", innerHTML: this.currentTrek.gear }))), this.labels.map(label => (index.h("div", { part: "label-container", class: "label-container" }, index.h("div", { part: "label-sub-container", class: "label-sub-container" }, label.pictogram && (index.h("img", {
@@ -5310,10 +5325,6 @@ const GrwTrekProvider = class {
     if (!utils.state.ratingsScale) {
       utils.state.ratingsScale = await utils.getAllDataInStore('ratingsScale');
     }
-    if (!utils.state.currentSensitiveAreas) {
-      // filter trek items
-      utils.state.currentSensitiveAreas = await utils.getAllDataInStore('sensitiveAreas');
-    }
     if (!utils.state.labels) {
       utils.state.labels = await utils.getAllDataInStore('labels');
     }
@@ -5323,39 +5334,37 @@ const GrwTrekProvider = class {
     if (!utils.state.accessibilitiesLevel) {
       utils.state.accessibilitiesLevel = await utils.getAllDataInStore('accessibilitiesLevel');
     }
-    if (!utils.state.trekTouristicContents) {
-      // filter trek items
-      const touristicContents = await utils.getAllDataInStore('touristicContents');
-      utils.setFilesFromStore(touristicContents, utils.imagesRegExp);
-      utils.state.trekTouristicContents = touristicContents;
-    }
     if (!utils.state.touristicContentCategories) {
       utils.state.touristicContentCategories = await utils.getAllDataInStore('touristicContentCategories');
     }
-    if (!utils.state.trekTouristicEvents) {
-      // filter trek items
-      utils.state.trekTouristicEvents = await utils.getAllDataInStore('touristicEvents');
-    }
     if (!utils.state.touristicEventTypes) {
       utils.state.touristicEventTypes = await utils.getAllDataInStore('touristicEventTypes');
     }
     if (!utils.state.networks) {
       utils.state.networks = await utils.getAllDataInStore('networks');
     }
-    if (!utils.state.currentPois) {
-      // filter trek items
-      const pois = await utils.getAllDataInStore('pois');
-      utils.setFilesFromStore(pois, utils.imagesRegExp);
-      utils.state.currentPois = pois;
-    }
     if (!utils.state.poiTypes) {
       utils.state.poiTypes = await utils.getAllDataInStore('poiTypes');
     }
-    if (!utils.state.currentInformationDesks) {
-      // filter trek items
-      utils.state.currentInformationDesks = await utils.getAllDataInStore('informationDesks');
-    }
-    // handle images
+    const informationDesksInStore = await utils.getAllDataInStore('informationDesks');
+    const informationDesks = informationDesksInStore.filter(informationDeskInStore => trek.information_desks.some(information_desk => information_desk === informationDeskInStore.id));
+    utils.setFilesFromStore(informationDesks, utils.imagesRegExp);
+    utils.state.currentInformationDesks = informationDesks;
+    const poisInStore = await utils.getAllDataInStore('pois');
+    const pois = poisInStore.filter(poiInStore => trek.pois.some(trekPoi => trekPoi === poiInStore.id));
+    utils.setFilesFromStore(pois, utils.imagesRegExp);
+    utils.state.currentPois = pois;
+    const touristicContentsInStore = await utils.getAllDataInStore('touristicContents');
+    const touristicContents = touristicContentsInStore.filter(touristicContentInStore => trek.touristicContents.some(trekTouristicContent => trekTouristicContent === touristicContentInStore.id));
+    utils.setFilesFromStore(touristicContents, utils.imagesRegExp);
+    utils.state.trekTouristicContents = touristicContents;
+    const touristicEventsInStore = await utils.getAllDataInStore('touristicEvents');
+    const touristicEvents = touristicEventsInStore.filter(touristicEventInStore => trek.touristicEvents.some(trekTouristicEvent => trekTouristicEvent === touristicEventInStore.id));
+    utils.setFilesFromStore(touristicEvents, utils.imagesRegExp);
+    utils.state.trekTouristicEvents = await utils.getAllDataInStore('touristicEvents');
+    const sensitiveAreasInStore = await utils.getAllDataInStore('sensitiveAreas');
+    const sensitiveAreas = sensitiveAreasInStore.filter(sensitiveAreaInStore => trek.sensitiveAreas.some(trekSensitiveArea => trekSensitiveArea === sensitiveAreaInStore.id));
+    utils.state.currentSensitiveAreas = sensitiveAreas;
     utils.setFilesFromStore(trek, utils.imagesRegExp);
     utils.state.currentTrek = trek;
   }
@@ -5384,7 +5393,7 @@ const GrwTrekProvider = class {
     try {
       Promise.all([
         ...requests,
-        fetch(`${this.api}sensitivearea/?language=${utils.state.language}&published=true&trek=${this.trekId}&period=ignore&fields=id,geometry,name,description,contact,info_url,period,practices`, this.init)
+        pagination.getSensitiveAreasNearTrek(utils.state.api, utils.state.language, this.trekId, this.init)
           .then(response => {
           if (response.ok) {
             return response;
@@ -5399,7 +5408,7 @@ const GrwTrekProvider = class {
         fetch(`${utils.state.api}label/?language=${utils.state.language}&fields=id,name,advice,pictogram`, this.init),
         fetch(`${utils.state.api}source/?language=${utils.state.language}&fields=id,name,website,pictogram`, this.init),
         fetch(`${utils.state.api}trek_accessibility_level/?language=${utils.state.language}&fields=id,name`, this.init).catch(() => new Response('null')),
-        fetch(`${utils.state.api}poi/?language=${utils.state.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,geometry&page_size=999`, this.init),
+        pagination.getPoisNearTrek(utils.state.api, utils.state.language, this.trekId, this.init),
         fetch(`${utils.state.api}poi_type/?language=${utils.state.language}&fields=id,pictogram`, this.init),
         fetch(`${utils.state.api}informationdesk/?language=${utils.state.language}&fields=id,name,description,type,phone,email,website,municipality,postal_code,street,photo_url,latitude,longitude&page_size=999`, this.init),
         getTouristicContentsNearTrek(utils.state.api, utils.state.language, this.trekId, this.init),