@geotrekce/geotrek-rando-widget 0.8.0 → 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;
@@ -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),