@geotrekce/geotrek-rando-widget 0.25.0 → 0.26.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-125fa3c2.js');
-const i18n = require('./i18n-ceda6815.js');
+const i18n = require('./i18n-d757c0bf.js');
 const store = require('./store-bb31cc39.js');
 const utils = require('./utils-ecb968ac.js');
 const grwDb_service = require('./grw-db.service-bf1973a5.js');
@@ -3781,6 +3781,7 @@ const GrwOfflineConfirmModal = class {
         this.showConfirmModal = false;
         this.showLoaderModal = false;
         this.showSuccessModal = false;
+        this.showErrorModal = false;
         this.showConfirmDeleteModal = false;
         this.showDeletingMessage = false;
         this.showDeleteSuccessMessage = false;
@@ -3800,6 +3801,10 @@ const GrwOfflineConfirmModal = class {
         this.showLoaderModal = false;
         this.showSuccessModal = true;
     }
+    downloadedErrorConfirm() {
+        this.showLoaderModal = false;
+        this.showErrorModal = true;
+    }
     onDeleteConfirm() {
         this.showLoaderModal = false;
         this.showSuccessModal = false;
@@ -3814,6 +3819,11 @@ const GrwOfflineConfirmModal = class {
         this.showSuccessModal = true;
         this.showDeleteSuccessMessage = true;
     }
+    deleteErrorConfirm() {
+        this.showLoaderModal = false;
+        this.showSuccessModal = true;
+        this.showDeleteSuccessMessage = true;
+    }
     handleOkDeleteModal() {
         this.showDeletingMessage = true;
         this.showConfirmDeleteModal = false;
@@ -3831,15 +3841,19 @@ const GrwOfflineConfirmModal = class {
         this.showOfflineModal = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'd291e60c66b2b3cf92ca848a9768340ea26d04a1' }, this.showOfflineModal && (index.h("div", { class: "modal-container" }, index.h("div", { class: "modal-content-container" }, this.showConfirmModal && !this.showConfirmDeleteModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, `${this.mode === 'treks'
-            ? 'Êtes-vous sûr de vouloir rendre cet itinéraire disponible hors ligne ?'
-            : 'Êtes-vous sûr de vouloir rendre cet outdoor disponible hors ligne ?'}`), index.h("div", { class: "modal-buttons-container" }, index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, "ANNULER"), index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleOkDownloadModal() }, "OK")))), this.showConfirmDeleteModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, `${this.mode === 'treks' ? 'Êtes-vous sûr de vouloir supprimer cet itinéraire du hors ligne ?' : 'Êtes-vous sûr de vouloir supprimer cet outdoor du hors ligne ?'}`), index.h("div", { class: "modal-buttons-container" }, index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, "ANNULER"), index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleOkDeleteModal() }, "OK")))), this.showLoaderModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, index.h("div", { class: "modal-loader" }), this.showDeletingMessage ? 'Suppression en cours' : 'Téléchargement en cours'))), this.showSuccessModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, this.showDeleteSuccessMessage
+        return (index.h(index.Host, { key: 'cec1d47f1c1889c6342e5ce6a51f5e12dd39984d' }, this.showOfflineModal && (index.h("div", { class: "modal-container" }, index.h("div", { class: "modal-content-container" }, this.showConfirmModal && !this.showConfirmDeleteModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, `${this.mode === 'treks' ? i18n.translate[store.state.language].offline.downloadRouteQuestion : i18n.translate[store.state.language].offline.downloadOutdoorQuestion}`), index.h("div", { class: "modal-buttons-container" }, index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, i18n.translate[store.state.language].offline.cancel), index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleOkDownloadModal() }, i18n.translate[store.state.language].offline.ok)))), this.showConfirmDeleteModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, `${this.mode === 'treks' ? i18n.translate[store.state.language].offline.deleteRouteQuestion : i18n.translate[store.state.language].offline.deleteRouteQuestion}`), index.h("div", { class: "modal-buttons-container" }, index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, i18n.translate[store.state.language].offline.cancel), index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleOkDeleteModal() }, i18n.translate[store.state.language].offline.ok)))), this.showLoaderModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, index.h("div", { class: "modal-loader" }), this.showDeletingMessage ? i18n.translate[store.state.language].offline.deleting : i18n.translate[store.state.language].offline.downloading))), this.showSuccessModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, this.showDeleteSuccessMessage
+            ? this.mode === 'treks'
+                ? i18n.translate[store.state.language].offline.offlineRouteDeleted
+                : i18n.translate[store.state.language].offline.offlineOutdoorDeleted
+            : this.mode === 'treks'
+                ? i18n.translate[store.state.language].offline.routeAvailableOffline
+                : i18n.translate[store.state.language].offline.outdoorAvailableOffline), index.h("div", { class: "modal-button-container" }, index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, i18n.translate[store.state.language].offline.ok)))), this.showErrorModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, this.showDeleteSuccessMessage
             ? this.mode === 'treks'
-                ? "L'itinéraire est supprimé du hors ligne"
-                : "L'outdoor est supprimé du hors ligne"
+                ? i18n.translate[store.state.language].offline.deleteRouteError
+                : i18n.translate[store.state.language].offline.deleteOutdoorError
             : this.mode === 'treks'
-                ? "L'itinéraire est disponible hors ligne"
-                : "L'outdoor est disponible hors ligne"), index.h("div", { class: "modal-button-container" }, index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, "OK")))))))));
+                ? i18n.translate[store.state.language].offline.downloadRouteError
+                : i18n.translate[store.state.language].offline.downloadOutdoorError), index.h("div", { class: "modal-button-container" }, index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, i18n.translate[store.state.language].offline.ok)))))))));
     }
 };
 GrwOfflineConfirmModal.style = GrwOfflineConfirmModalStyle0;
@@ -4579,8 +4593,10 @@ const GrwOutdoorSiteDetail = class {
         this.coursesIsInViewport = index.createEvent(this, "coursesIsInViewport", 7);
         this.downloadConfirm = index.createEvent(this, "downloadConfirm", 7);
         this.downloadedSuccessConfirm = index.createEvent(this, "downloadedSuccessConfirm", 7);
+        this.downloadedErrorConfirm = index.createEvent(this, "downloadedErrorConfirm", 7);
         this.deleteConfirm = index.createEvent(this, "deleteConfirm", 7);
         this.deleteSuccessConfirm = index.createEvent(this, "deleteSuccessConfirm", 7);
+        this.deleteErrorConfirm = index.createEvent(this, "deleteErrorConfirm", 7);
         this.fontFamily = 'Roboto';
         this.colorPrimaryApp = '#6b0030';
         this.colorOnSurface = '#49454e';
@@ -5009,42 +5025,47 @@ const GrwOutdoorSiteDetail = class {
         this.downloadedSuccessConfirm.emit();
     }
     async downloadOutdoorSite(outdoorSiteId) {
-        const controller = new AbortController();
-        const signal = controller.signal;
-        const init = { cache: 'default', signal: signal };
-        const outdoorSite = await getOutdoorSite(store.state.api, store.state.language, outdoorSiteId, init).then(response => response.json());
-        await this.downloadOutdoorSiteTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution, outdoorSite.geometry);
-        await grwDb_service.writeOrUpdateFilesInStore(outdoorSite, utils.imagesRegExp, true, ['url']);
-        const pois = (await getPoisNearSite(store.state.api, store.state.language, outdoorSiteId, init).then(response => response.json())).results;
-        await grwDb_service.writeOrUpdateDataInStore('pois', pois);
-        await grwDb_service.writeOrUpdateFilesInStore(pois, utils.imagesRegExp, true, ['url']);
-        const touristicContents = (await call.getTouristicContentsNearOutdoorSite(store.state.api, store.state.language, outdoorSiteId, init).then(response => response.json())).results;
-        await grwDb_service.writeOrUpdateFilesInStore(touristicContents, utils.imagesRegExp, true, ['url']);
-        touristicContents.forEach(touristicContent => {
-            touristicContent.offline = true;
-        });
-        await grwDb_service.writeOrUpdateDataInStore('touristicContents', touristicContents);
-        const touristicEvents = (await call.getTouristicEventsNearOutdoorSite(store.state.api, store.state.language, outdoorSiteId, init).then(response => response.json())).results;
-        await grwDb_service.writeOrUpdateFilesInStore(touristicEvents, utils.imagesRegExp, true, ['url']);
-        touristicEvents.forEach(touristicEvent => {
-            touristicEvent.offline = true;
-        });
-        await grwDb_service.writeOrUpdateDataInStore('touristicEvents', touristicEvents);
-        await grwDb_service.writeOrUpdateDataInStore('outdoorSites', [
-            Object.assign(Object.assign({}, outdoorSite), { offline: true, pois: pois.map(poi => poi.id), touristicContents: touristicContents.map(trekTouristicContent => trekTouristicContent.id), touristicEvents: touristicEvents.map(trekTouristicEvent => trekTouristicEvent.id) }),
-        ]);
-        if (outdoorSite.courses && outdoorSite.courses.length > 0) {
-            for (let index = 0; index < outdoorSite.courses.length; index++) {
-                const outdoorCourseId = outdoorSite.courses[index];
-                await this.downloadOutdoorCourse(outdoorCourseId);
+        try {
+            const controller = new AbortController();
+            const signal = controller.signal;
+            const init = { cache: 'default', signal: signal };
+            const outdoorSite = await getOutdoorSite(store.state.api, store.state.language, outdoorSiteId, init).then(response => response.json());
+            await this.downloadOutdoorSiteTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution, outdoorSite.geometry);
+            await grwDb_service.writeOrUpdateFilesInStore(outdoorSite, utils.imagesRegExp, true, ['url']);
+            const pois = (await getPoisNearSite(store.state.api, store.state.language, outdoorSiteId, init).then(response => response.json())).results;
+            await grwDb_service.writeOrUpdateDataInStore('pois', pois);
+            await grwDb_service.writeOrUpdateFilesInStore(pois, utils.imagesRegExp, true, ['url']);
+            const touristicContents = (await call.getTouristicContentsNearOutdoorSite(store.state.api, store.state.language, outdoorSiteId, init).then(response => response.json())).results;
+            await grwDb_service.writeOrUpdateFilesInStore(touristicContents, utils.imagesRegExp, true, ['url']);
+            touristicContents.forEach(touristicContent => {
+                touristicContent.offline = true;
+            });
+            await grwDb_service.writeOrUpdateDataInStore('touristicContents', touristicContents);
+            const touristicEvents = (await call.getTouristicEventsNearOutdoorSite(store.state.api, store.state.language, outdoorSiteId, init).then(response => response.json())).results;
+            await grwDb_service.writeOrUpdateFilesInStore(touristicEvents, utils.imagesRegExp, true, ['url']);
+            touristicEvents.forEach(touristicEvent => {
+                touristicEvent.offline = true;
+            });
+            await grwDb_service.writeOrUpdateDataInStore('touristicEvents', touristicEvents);
+            await grwDb_service.writeOrUpdateDataInStore('outdoorSites', [
+                Object.assign(Object.assign({}, outdoorSite), { offline: true, pois: pois.map(poi => poi.id), touristicContents: touristicContents.map(trekTouristicContent => trekTouristicContent.id), touristicEvents: touristicEvents.map(trekTouristicEvent => trekTouristicEvent.id) }),
+            ]);
+            if (outdoorSite.courses && outdoorSite.courses.length > 0) {
+                for (let index = 0; index < outdoorSite.courses.length; index++) {
+                    const outdoorCourseId = outdoorSite.courses[index];
+                    await this.downloadOutdoorCourse(outdoorCourseId);
+                }
             }
-        }
-        if (outdoorSite.children && outdoorSite.children.length > 0) {
-            for (let index = 0; index < outdoorSite.children.length; index++) {
-                const outdoorSiteId = outdoorSite.children[index];
-                await this.downloadOutdoorSite(outdoorSiteId);
+            if (outdoorSite.children && outdoorSite.children.length > 0) {
+                for (let index = 0; index < outdoorSite.children.length; index++) {
+                    const outdoorSiteId = outdoorSite.children[index];
+                    await this.downloadOutdoorSite(outdoorSiteId);
+                }
             }
         }
+        catch (error) {
+            this.downloadedSuccessConfirm.emit(this.currentOutdoorSite.id);
+        }
     }
     async downloadOutdoorCourse(outdoorCourseId) {
         const controller = new AbortController();
@@ -5073,20 +5094,25 @@ const GrwOutdoorSiteDetail = class {
         ]);
     }
     async deleteOutdoorSite() {
-        const outdoorSitesInStore = [];
-        const outdoorSiteInStore = await grwDb_service.getDataInStore('outdoorSites', this.currentOutdoorSite.id);
-        this.deleteOfflineOutdoorSiteProperties(outdoorSiteInStore);
-        outdoorSitesInStore.push(outdoorSiteInStore);
-        await grwDb_service.writeOrUpdateDataInStore('outdoorSites', outdoorSitesInStore);
-        if (store.state.outdoorSites) {
-            delete store.state.outdoorSites.find(outdoorSite => outdoorSite.id === this.currentOutdoorSite.id).offline;
-            if (!store.state.currentOutdoorSites) {
-                store.state.currentOutdoorSites = store.state.outdoorSites;
+        try {
+            const outdoorSitesInStore = [];
+            const outdoorSiteInStore = await grwDb_service.getDataInStore('outdoorSites', this.currentOutdoorSite.id);
+            this.deleteOfflineOutdoorSiteProperties(outdoorSiteInStore);
+            outdoorSitesInStore.push(outdoorSiteInStore);
+            await grwDb_service.writeOrUpdateDataInStore('outdoorSites', outdoorSitesInStore);
+            if (store.state.outdoorSites) {
+                delete store.state.outdoorSites.find(outdoorSite => outdoorSite.id === this.currentOutdoorSite.id).offline;
+                if (!store.state.currentOutdoorSites) {
+                    store.state.currentOutdoorSites = store.state.outdoorSites;
+                }
+                delete store.state.currentOutdoorSites.find(trek => trek.id === this.currentOutdoorSite.id).offline;
             }
-            delete store.state.currentOutdoorSites.find(trek => trek.id === this.currentOutdoorSite.id).offline;
+            this.offline = false;
+            this.deleteSuccessConfirm.emit();
+        }
+        catch (error) {
+            this.deleteErrorConfirm.emit(this.currentOutdoorSite.id);
         }
-        this.offline = false;
-        this.deleteSuccessConfirm.emit();
     }
     async downloadGlobalTiles(url, attribution) {
         const offlineLayer = grwDb_service.bundle.exports.tileLayerOffline(url, { attribution });
@@ -5118,7 +5144,7 @@ const GrwOutdoorSiteDetail = class {
         const outdoorRatings = store.state.outdoorRatings && this.currentOutdoorSite && store.state.outdoorRatings.filter(outdoorRating => this.currentOutdoorSite.ratings.includes(outdoorRating.id));
         const currentOutdoorSitesRatingsScales = outdoorRatings && [...new Set(outdoorRatings.map(outdoorRating => outdoorRating.scale))];
         const outdoorRatingsScales = currentOutdoorSitesRatingsScales && store.state.outdoorRatingsScale.filter(outdoorRatingsScale => currentOutdoorSitesRatingsScales.includes(outdoorRatingsScale.id));
-        return (index.h(index.Host, { key: 'c8c82a1c228977563d619f9cf46f8ebe3e859c2d', style: {
+        return (index.h(index.Host, { key: '3bb4b79d006243fe3009d2d3e8eb41054b8ae2a3', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -5151,7 +5177,7 @@ const GrwOutdoorSiteDetail = class {
             outdoorRatingsScales.map(outdoorRatingsScale => (index.h("div", { part: "row", class: "row" }, `${outdoorRatingsScale.name} : ${outdoorRatings
                 .filter(outdoorRating => outdoorRating.scale === outdoorRatingsScale.id)
                 .map(rating => rating.name)
-                .join(', ')}`))))), 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[store.state.language].downloads), this.enableOffline && !this.offline && (!this.currentOutdoorSite.parents || this.currentOutdoorSite.parents.length === 0) && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDownloadModal() }, index.h("span", { part: "icon", class: "icon", innerHTML: DownloadForOfflineIcon }), index.h("span", { part: "label", class: "label" }, "RENDRE DISPONIBLE HORS LIGNE"))), this.enableOffline && this.offline && (!this.currentOutdoorSite.parents || this.currentOutdoorSite.parents.length === 0) && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDeleteModal() }, index.h("span", { part: "icon", class: "icon", innerHTML: DeleteIcon }), 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.currentOutdoorSite.pdf}${store.state.portalsFromProviders && store.state.portalsFromProviders.length === 1 ? '?portal=' + store.state.portalsFromProviders[0] : ''}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { part: "icon", class: "icon", innerHTML: call.DownloadIcon }), index.h("span", { part: "label", class: "label" }, "PDF")))), index.h("div", { part: "divider", class: "divider" }), this.currentOutdoorSite.description_teaser && index.h("div", { part: "description-teaser", class: "description-teaser", innerHTML: this.currentOutdoorSite.description_teaser }), this.currentOutdoorSite.ambiance && index.h("div", { part: "ambiance", class: "ambiance", innerHTML: this.currentOutdoorSite.ambiance }), index.h("div", { part: "divider", class: "divider" }), this.currentOutdoorSite.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[store.state.language].description), index.h("div", { part: "description", class: "description", innerHTML: this.currentOutdoorSite.description }))), this.currentOutdoorSite.cities && this.currentOutdoorSite.cities.length > 0 && (index.h("div", { part: "departure-container", class: "departure-container" }, index.h("div", { part: "departure-title", class: "departure-title" }, i18n.translate[store.state.language].departure, " :\u00A0"), index.h("div", { part: "departure", innerHTML: city.name }))), this.currentOutdoorSite.cities && this.currentOutdoorSite.cities.length > 0 && (index.h("div", { part: "cities-container", class: "cities-container" }, index.h("div", { part: "cities-title", class: "cities-title" }, i18n.translate[store.state.language].crossedCities, " :\u00A0"), index.h("div", { part: "cities", innerHTML: this.currentOutdoorSite.cities.map(currentCity => { var _a; return (_a = store.state.cities.find(city => city.id === currentCity)) === null || _a === void 0 ? void 0 : _a.name; }).join(', ') }))), store.state.currentPois && store.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[store.state.language].pois(store.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" }, store.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.currentOutdoorSite.advice && (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[store.state.language].recommendations), this.currentOutdoorSite.advice && (index.h("div", { part: "current-advice-container", class: "current-advice-container" }, index.h("span", { part: "icon", class: "icon", innerHTML: WarningIcon }), index.h("div", { part: "advice", class: "advice", innerHTML: this.currentOutdoorSite.advice })))))), this.currentOutdoorSite.accessibility && this.currentOutdoorSite.accessibility !== '' && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "accessibilities-container", class: "accessibilities-container" }, index.h("div", { part: "accessibilites-title", class: "accessibilities-title" }, i18n.translate[store.state.language].accessibility), index.h("div", { part: "accessibilities", innerHTML: this.currentOutdoorSite.accessibility })))), store.state.currentRelatedOutdoorSites && store.state.currentRelatedOutdoorSites.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "related-outdoor-sites-container", class: "related-outdoor-sites-container" }, index.h("div", { part: "related-outdoor-sites-title", class: "related-outdoor-sites-title", ref: el => (this.sitesRef = el) }, i18n.translate[store.state.language].relatedOutdoorSites(store.state.currentRelatedOutdoorSites.length)), index.h("div", { part: "swiper-related-outdoor-sites", class: "swiper swiper-related-outdoor-sites", ref: el => (this.swiperRelatedOutdoorSitesRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentRelatedOutdoorSites.map(relatedOutdoorSite => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-outdoor-site-card", { exportparts: "related-outdoor-sites-card,related-outdoor-sites-img-container,swiper-related-outdoor-sites,swiper-wrapper,swiper-slide,related-outdoor-sites-img,default-related-outdoor-sites-img,swiper-pagination,swiper-button-prev,swiper-button-next,related-outdoor-sites-sub-container,related-outdoor-sites-sub-container,related-outdoor-sites-type-img,related-outdoor-sites-type-name,related-outdoor-sites-name,related-outdoor-sites-date-container,related-outdoor-sites-date,related-outdoor-sites-more-detail-container,more-details-button", fontFamily: this.fontFamily, outdoorSite: relatedOutdoorSite, isInsideHorizontalList: true }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.relatedOutdoorSitesSwiperScrollbar = el) }))))), store.state.currentRelatedOutdoorCourses && store.state.currentRelatedOutdoorCourses.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "related-outdoor-courses-container", class: "related-outdoor-courses-container" }, index.h("div", { part: "related-outdoor-courses-title", class: "related-outdoor-courses-title", ref: el => (this.coursesRef = el) }, i18n.translate[store.state.language].relatedOutdoorCourses(store.state.currentRelatedOutdoorCourses.length)), index.h("div", { part: "swiper-related-outdoor-courses", class: "swiper swiper-related-outdoor-courses", ref: el => (this.swiperRelatedOutdoorCoursesRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentRelatedOutdoorCourses.map(relatedOutdoorCourse => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-outdoor-course-card", { exportparts: "related-outdoor-courses-card,related-outdoor-courses-img-container,swiper-related-outdoor-courses,swiper-wrapper,swiper-slide,related-outdoor-courses-img,default-related-outdoor-courses-img,swiper-pagination,swiper-button-prev,swiper-button-next,related-outdoor-courses-sub-container,related-outdoor-courses-sub-container,related-outdoor-courses-type-img,related-outdoor-courses-type-name,related-outdoor-courses-name,related-outdoor-courses-date-container,related-outdoor-courses-date,related-outdoor-courses-more-detail-container,more-details-button", fontFamily: this.fontFamily, outdoorCourse: relatedOutdoorCourse, isInsideHorizontalList: true }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.relatedOutdoorCoursesSwiperScrollbar = el) }))))), store.state.currentInformationDesks &&
+                .join(', ')}`))))), 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[store.state.language].downloads), this.enableOffline && !this.offline && (!this.currentOutdoorSite.parents || this.currentOutdoorSite.parents.length === 0) && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDownloadModal() }, index.h("span", { part: "icon", class: "icon", innerHTML: DownloadForOfflineIcon }), index.h("span", { part: "label", class: "label" }, i18n.translate[store.state.language].offline.downloadOffline))), this.enableOffline && this.offline && (!this.currentOutdoorSite.parents || this.currentOutdoorSite.parents.length === 0) && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDeleteModal() }, index.h("span", { part: "icon", class: "icon", innerHTML: DeleteIcon }), index.h("span", { part: "label", class: "label" }, i18n.translate[store.state.language].offline.deleteOffline))), index.h("div", { part: "links-container", class: "links-container" }, index.h("a", { href: `${this.currentOutdoorSite.pdf}${store.state.portalsFromProviders && store.state.portalsFromProviders.length === 1 ? '?portal=' + store.state.portalsFromProviders[0] : ''}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { part: "icon", class: "icon", innerHTML: call.DownloadIcon }), index.h("span", { part: "label", class: "label" }, "PDF")))), index.h("div", { part: "divider", class: "divider" }), this.currentOutdoorSite.description_teaser && index.h("div", { part: "description-teaser", class: "description-teaser", innerHTML: this.currentOutdoorSite.description_teaser }), this.currentOutdoorSite.ambiance && index.h("div", { part: "ambiance", class: "ambiance", innerHTML: this.currentOutdoorSite.ambiance }), index.h("div", { part: "divider", class: "divider" }), this.currentOutdoorSite.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[store.state.language].description), index.h("div", { part: "description", class: "description", innerHTML: this.currentOutdoorSite.description }))), this.currentOutdoorSite.cities && this.currentOutdoorSite.cities.length > 0 && (index.h("div", { part: "departure-container", class: "departure-container" }, index.h("div", { part: "departure-title", class: "departure-title" }, i18n.translate[store.state.language].departure, " :\u00A0"), index.h("div", { part: "departure", innerHTML: city.name }))), this.currentOutdoorSite.cities && this.currentOutdoorSite.cities.length > 0 && (index.h("div", { part: "cities-container", class: "cities-container" }, index.h("div", { part: "cities-title", class: "cities-title" }, i18n.translate[store.state.language].crossedCities, " :\u00A0"), index.h("div", { part: "cities", innerHTML: this.currentOutdoorSite.cities.map(currentCity => { var _a; return (_a = store.state.cities.find(city => city.id === currentCity)) === null || _a === void 0 ? void 0 : _a.name; }).join(', ') }))), store.state.currentPois && store.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[store.state.language].pois(store.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" }, store.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.currentOutdoorSite.advice && (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[store.state.language].recommendations), this.currentOutdoorSite.advice && (index.h("div", { part: "current-advice-container", class: "current-advice-container" }, index.h("span", { part: "icon", class: "icon", innerHTML: WarningIcon }), index.h("div", { part: "advice", class: "advice", innerHTML: this.currentOutdoorSite.advice })))))), this.currentOutdoorSite.accessibility && this.currentOutdoorSite.accessibility !== '' && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "accessibilities-container", class: "accessibilities-container" }, index.h("div", { part: "accessibilites-title", class: "accessibilities-title" }, i18n.translate[store.state.language].accessibility), index.h("div", { part: "accessibilities", innerHTML: this.currentOutdoorSite.accessibility })))), store.state.currentRelatedOutdoorSites && store.state.currentRelatedOutdoorSites.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "related-outdoor-sites-container", class: "related-outdoor-sites-container" }, index.h("div", { part: "related-outdoor-sites-title", class: "related-outdoor-sites-title", ref: el => (this.sitesRef = el) }, i18n.translate[store.state.language].relatedOutdoorSites(store.state.currentRelatedOutdoorSites.length)), index.h("div", { part: "swiper-related-outdoor-sites", class: "swiper swiper-related-outdoor-sites", ref: el => (this.swiperRelatedOutdoorSitesRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentRelatedOutdoorSites.map(relatedOutdoorSite => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-outdoor-site-card", { exportparts: "related-outdoor-sites-card,related-outdoor-sites-img-container,swiper-related-outdoor-sites,swiper-wrapper,swiper-slide,related-outdoor-sites-img,default-related-outdoor-sites-img,swiper-pagination,swiper-button-prev,swiper-button-next,related-outdoor-sites-sub-container,related-outdoor-sites-sub-container,related-outdoor-sites-type-img,related-outdoor-sites-type-name,related-outdoor-sites-name,related-outdoor-sites-date-container,related-outdoor-sites-date,related-outdoor-sites-more-detail-container,more-details-button", fontFamily: this.fontFamily, outdoorSite: relatedOutdoorSite, isInsideHorizontalList: true }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.relatedOutdoorSitesSwiperScrollbar = el) }))))), store.state.currentRelatedOutdoorCourses && store.state.currentRelatedOutdoorCourses.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "related-outdoor-courses-container", class: "related-outdoor-courses-container" }, index.h("div", { part: "related-outdoor-courses-title", class: "related-outdoor-courses-title", ref: el => (this.coursesRef = el) }, i18n.translate[store.state.language].relatedOutdoorCourses(store.state.currentRelatedOutdoorCourses.length)), index.h("div", { part: "swiper-related-outdoor-courses", class: "swiper swiper-related-outdoor-courses", ref: el => (this.swiperRelatedOutdoorCoursesRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentRelatedOutdoorCourses.map(relatedOutdoorCourse => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-outdoor-course-card", { exportparts: "related-outdoor-courses-card,related-outdoor-courses-img-container,swiper-related-outdoor-courses,swiper-wrapper,swiper-slide,related-outdoor-courses-img,default-related-outdoor-courses-img,swiper-pagination,swiper-button-prev,swiper-button-next,related-outdoor-courses-sub-container,related-outdoor-courses-sub-container,related-outdoor-courses-type-img,related-outdoor-courses-type-name,related-outdoor-courses-name,related-outdoor-courses-date-container,related-outdoor-courses-date,related-outdoor-courses-more-detail-container,more-details-button", fontFamily: this.fontFamily, outdoorCourse: relatedOutdoorCourse, isInsideHorizontalList: true }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.relatedOutdoorCoursesSwiperScrollbar = el) }))))), store.state.currentInformationDesks &&
             store.state.currentInformationDesks.filter(currentInformationDesks => this.currentOutdoorSite.information_desks.includes(currentInformationDesks.id)).length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "information-desks-container", class: "information-desks-container" }, index.h("div", { part: "information-desks-title", class: "information-desks-title", ref: el => (this.informationPlacesRef = el) }, i18n.translate[store.state.language].informationPlaces), index.h("div", { part: "swiper-information-desks", class: "swiper swiper-information-desks", ref: el => (this.swiperInformationDesksRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.currentInformationDesks
             .filter(currentInformationDesks => this.currentOutdoorSite.information_desks.includes(currentInformationDesks.id))
             .map(informationDesk => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-information-desk", { exportparts: "information-desk-img-container,information-desk-img,information-desk-sub-container,information-desk-name,center-on-map-button,icon,label,information-desk-informations,phone-container,mail-container,link-container,information-desk-description-container,information-desk-description,handle-information-desk-description", informationDesk: informationDesk }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.informationDesksContentsSwiperScrollbar = el) }))))), store.state.trekTouristicContents && store.state.trekTouristicContents.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "touristic-content-container", class: "touristic-content-container" }, index.h("div", { part: "touristic-content-title", class: "touristic-content-title", ref: el => (this.touristicContentsRef = el) }, i18n.translate[store.state.language].touristicContents(store.state.trekTouristicContents.length)), index.h("div", { part: "swiper-touristic-content", class: "swiper swiper-touristic-content", ref: el => (this.swiperTouristicContentsRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.trekTouristicContents.map(touristicContent => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-touristic-content-card", { exportparts: "touristic-content-card,touristic-content-img-container,swiper-touristic-content,swiper-wrapper,swiper-slide,touristic-content-img,default-touristic-content-img,swiper-pagination,swiper-button-prev,swiper-button-next,touristic-content-sub-container,touristic-content-category-container,touristic-content-category-img,touristic-content-category-name,touristic-content-name,touristic-content-more-detail-container,more-details-button", fontFamily: this.fontFamily, touristicContent: touristicContent, isInsideHorizontalList: true, colorSurfaceContainerLow: this.colorSurfaceContainerLow }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.touristicContentsSwiperScrollbar = el) }))))), store.state.trekTouristicEvents && store.state.trekTouristicEvents.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "touristic-event-container", class: "touristic-event-container" }, index.h("div", { part: "touristic-event-title", class: "touristic-event-title", ref: el => (this.touristicEventsRef = el) }, i18n.translate[store.state.language].touristicEvents(store.state.trekTouristicEvents.length)), index.h("div", { part: "swiper-touristic-event", class: "swiper swiper-touristic-event", ref: el => (this.swiperTouristicEventsRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, store.state.trekTouristicEvents.map(touristicEvent => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-touristic-event-card", { exportparts: "touristic-event-card,touristic-event-img-container,swiper-touristic-event,swiper-wrapper,swiper-slide,touristic-event-img,default-touristic-event-img,swiper-pagination,swiper-button-prev,swiper-button-next,touristic-event-sub-container,touristic-event-sub-container,touristic-event-type-img,touristic-event-type-name,touristic-event-name,touristic-event-date-container,touristic-event-date,touristic-event-more-detail-container,more-details-button", fontFamily: this.fontFamily, touristicEvent: touristicEvent, isInsideHorizontalList: true, colorSurfaceContainerLow: this.colorSurfaceContainerLow }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.touristicEventsSwiperScrollbar = el) }))))), this.weather && city && !this.offline && (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/${city.id}0#${this.colorPrimaryApp}` })))), this.currentOutdoorSite.web_links && this.currentOutdoorSite.web_links.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "weblinks-container", class: "weblinks-container" }, index.h("div", { part: "weblinks-title", class: "weblinks-title" }, i18n.translate[store.state.language].learnMore), this.currentOutdoorSite.web_links.map(weblink => (index.h("a", { part: "weblink-container", class: "weblink-container", href: weblink.url, target: "_blank", rel: "noopener noreferrer" }, weblink.category && weblink.category.pictogram && index.h("img", { src: weblink.category.pictogram, alt: weblink.category.label }), weblink.name)))))), this.currentOutdoorSite.source && this.currentOutdoorSite.source.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "source-container", class: "source-container" }, index.h("div", { part: "source-title", class: "source-title" }, i18n.translate[store.state.language].sources), this.sources.map(source => (index.h("div", { part: "source-sub-container", class: "source-sub-container" }, source.pictogram && index.h("img", { src: source.pictogram, alt: "" }), index.h("div", null, index.h("div", { part: "source-name", class: "source-name", innerHTML: source.name }), index.h("a", { part: "source-advice", class: "source-advice", href: source.website, innerHTML: source.website })))))))), this.grwApp && index.h("div", { part: "detail-bottom-space", class: "detail-bottom-space" }))), this.modalDetailsId && (index.h(index.Fragment, null, this.showTouristicContentDetailsModal && index.h("grw-touristic-content-provider", { api: store.state.api, "touristic-content-id": this.modalDetailsId }), this.showTouristicEventDetailsModal && index.h("grw-touristic-event-provider", { api: store.state.api, "touristic-event-id": this.modalDetailsId })))));
@@ -6017,8 +6043,10 @@ const GrwTrekDetail = class {
         this.parentTrekPress = index.createEvent(this, "parentTrekPress", 7);
         this.downloadConfirm = index.createEvent(this, "downloadConfirm", 7);
         this.downloadedSuccessConfirm = index.createEvent(this, "downloadedSuccessConfirm", 7);
+        this.downloadedErrorConfirm = index.createEvent(this, "downloadedErrorConfirm", 7);
         this.deleteConfirm = index.createEvent(this, "deleteConfirm", 7);
         this.deleteSuccessConfirm = index.createEvent(this, "deleteSuccessConfirm", 7);
+        this.deleteErrorConfirm = index.createEvent(this, "deleteErrorConfirm", 7);
         this.indicatorSelectedTrekOption = { translateX: null, width: null, backgroundSize: null, ref: null };
         this.currentTrek = undefined;
         this.difficulty = undefined;
@@ -6514,153 +6542,163 @@ const GrwTrekDetail = class {
         await grwDb_service.writeOrUpdateTilesInStore(offlineLayer, bounds, this.tilesMinZoomOffline, this.tilesMaxZoomOffline);
     }
     async downloadTrek() {
-        // download treks list data
-        const controller = new AbortController();
-        const signal = controller.signal;
-        const init = { cache: 'default', signal: signal };
-        const offlineTreks = (await grwDb_service.getAllDataInStore('treks')).filter(trek => trek.offline === true);
-        let treks;
-        if (!store.state.treks) {
-            const treksList = await treks_service.getTreksList(store.state.api, store.state.language, store.state.inBboxFromProviders, store.state.citiesFromProviders, store.state.districts, store.state.structuresFromProviders, store.state.themesFromProviders, store.state.portalsFromProviders, store.state.routesFromProviders, store.state.practicesFromProviders, store.state.labelsFromProviders, init);
-            store.state.treks = (await treksList.json()).results;
-        }
-        treks = store.state.treks;
-        treks = treks.filter(trek => offlineTreks.findIndex(offlineTrek => offlineTrek.id === trek.id) === -1);
-        if (!store.state.districts) {
-            const districtsList = await treks_service.getDistricts(store.state.api, store.state.language, init);
-            store.state.districts = (await districtsList.json()).results;
-        }
-        await grwDb_service.writeOrUpdateDataInStore('treks', treks);
-        await grwDb_service.writeOrUpdateDataInStore('districts', store.state.districts);
-        // download global tiles
-        await this.downloadGlobalTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution);
-        // download trek tiles
-        await this.downloadTrekTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution);
-        // download global medias
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.difficulties, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.routes, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.practices, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.themes, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.labels, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.districts, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.sources, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.accessibilities, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.poiTypes, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.currentInformationDesks, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.touristicContentCategories, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.touristicEventTypes, utils.imagesRegExp);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.networks, utils.imagesRegExp);
-        // download trek images
-        await grwDb_service.writeOrUpdateFilesInStore(this.currentTrek, utils.imagesRegExp, true, ['url']);
-        // download trek data
-        await grwDb_service.writeOrUpdateDataInStore('difficulties', store.state.difficulties);
-        await grwDb_service.writeOrUpdateDataInStore('routes', store.state.routes);
-        await grwDb_service.writeOrUpdateDataInStore('practices', store.state.practices.map(practice => (Object.assign(Object.assign({}, practice), { selected: false }))));
-        await grwDb_service.writeOrUpdateDataInStore('themes', store.state.themes);
-        await grwDb_service.writeOrUpdateDataInStore('cities', store.state.cities);
-        await grwDb_service.writeOrUpdateDataInStore('accessibilities', store.state.accessibilities);
-        await grwDb_service.writeOrUpdateDataInStore('ratings', store.state.ratings);
-        await grwDb_service.writeOrUpdateDataInStore('ratingsScale', store.state.ratingsScale);
-        await grwDb_service.writeOrUpdateDataInStore('sensitiveAreas', store.state.currentSensitiveAreas);
-        await grwDb_service.writeOrUpdateDataInStore('labels', store.state.labels);
-        await grwDb_service.writeOrUpdateDataInStore('sources', store.state.sources);
-        await grwDb_service.writeOrUpdateDataInStore('accessibilitiesLevel', store.state.accessibilitiesLevel);
-        await grwDb_service.writeOrUpdateDataInStore('touristicContentCategories', store.state.touristicContentCategories);
-        await grwDb_service.writeOrUpdateDataInStore('touristicEventTypes', store.state.touristicEventTypes);
-        await grwDb_service.writeOrUpdateDataInStore('networks', store.state.networks);
-        await grwDb_service.writeOrUpdateDataInStore('pois', store.state.currentPois);
-        await grwDb_service.writeOrUpdateDataInStore('poiTypes', store.state.poiTypes);
-        await grwDb_service.writeOrUpdateDataInStore('signages', store.state.currentSignages);
-        await grwDb_service.writeOrUpdateDataInStore('informationDesks', store.state.currentInformationDesks);
-        await grwDb_service.writeOrUpdateDataInStore('treks', [
-            Object.assign(Object.assign({}, this.currentTrek), { offline: true, pois: store.state.currentPois.map(poi => poi.id), signages: store.state.currentSignages.map(signage => signage.id), touristicContents: store.state.trekTouristicContents.map(trekTouristicContent => trekTouristicContent.id), touristicEvents: store.state.trekTouristicEvents.map(trekTouristicEvent => trekTouristicEvent.id), sensitiveAreas: store.state.currentSensitiveAreas ? store.state.currentSensitiveAreas.map(currentSensitiveArea => currentSensitiveArea.id) : [] }),
-        ]);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.currentPois, utils.imagesRegExp, true, ['url']);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.currentInformationDesks, utils.imagesRegExp, true);
-        // download items data
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.trekTouristicContents, utils.imagesRegExp, true, ['url']);
-        store.state.trekTouristicContents.forEach(trekTouristicContent => {
-            trekTouristicContent.offline = true;
-        });
-        await grwDb_service.writeOrUpdateDataInStore('touristicContents', store.state.trekTouristicContents);
-        await grwDb_service.writeOrUpdateFilesInStore(store.state.trekTouristicEvents, utils.imagesRegExp, true, ['url']);
-        store.state.trekTouristicEvents.forEach(trekTouristicEvent => {
-            trekTouristicEvent.offline = true;
-        });
-        await grwDb_service.writeOrUpdateDataInStore('touristicEvents', store.state.trekTouristicEvents);
-        // download itinerancy
-        if (this.currentTrek.children && this.currentTrek.children.length > 0) {
-            // fetch and store children treks
-            const steps = [];
-            steps.push(...this.currentTrek.children);
-            const stepRequests = [];
-            const stepsTouristicContentsRequests = [];
-            const stepsTouristicEventsRequests = [];
-            const stepsPoisRequests = [];
-            const stepsSensitiveAreasRequests = [];
-            steps.forEach(stepId => {
-                stepRequests.push(treks_service.getTrek(store.state.api, store.state.language, stepId, init));
-                stepsTouristicContentsRequests.push(call.getTouristicContentsNearTrek(store.state.api, store.state.language, stepId, init));
-                stepsTouristicEventsRequests.push(call.getTouristicEventsNearTrek(store.state.api, store.state.language, stepId, init));
-                stepsPoisRequests.push(treks_service.getPoisNearTrek(store.state.api, store.state.language, stepId, init));
-                stepsSensitiveAreasRequests.push(treks_service.getSensitiveAreasNearTrek(store.state.api, store.state.language, stepId, init));
+        try {
+            // download treks list data
+            const controller = new AbortController();
+            const signal = controller.signal;
+            const init = { cache: 'default', signal: signal };
+            const offlineTreks = (await grwDb_service.getAllDataInStore('treks')).filter(trek => trek.offline === true);
+            let treks;
+            if (!store.state.treks) {
+                const treksList = await treks_service.getTreksList(store.state.api, store.state.language, store.state.inBboxFromProviders, store.state.citiesFromProviders, store.state.districts, store.state.structuresFromProviders, store.state.themesFromProviders, store.state.portalsFromProviders, store.state.routesFromProviders, store.state.practicesFromProviders, store.state.labelsFromProviders, init);
+                store.state.treks = (await treksList.json()).results;
+            }
+            treks = store.state.treks;
+            treks = treks.filter(trek => offlineTreks.findIndex(offlineTrek => offlineTrek.id === trek.id) === -1);
+            if (!store.state.districts) {
+                const districtsList = await treks_service.getDistricts(store.state.api, store.state.language, init);
+                store.state.districts = (await districtsList.json()).results;
+            }
+            await grwDb_service.writeOrUpdateDataInStore('treks', treks);
+            await grwDb_service.writeOrUpdateDataInStore('districts', store.state.districts);
+            // download global tiles
+            await this.downloadGlobalTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution);
+            // download trek tiles
+            await this.downloadTrekTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution);
+            // download global medias
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.difficulties, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.routes, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.practices, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.themes, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.labels, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.districts, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.sources, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.accessibilities, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.poiTypes, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.currentInformationDesks, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.touristicContentCategories, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.touristicEventTypes, utils.imagesRegExp);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.networks, utils.imagesRegExp);
+            // download trek images
+            await grwDb_service.writeOrUpdateFilesInStore(this.currentTrek, utils.imagesRegExp, true, ['url']);
+            // download trek data
+            await grwDb_service.writeOrUpdateDataInStore('difficulties', store.state.difficulties);
+            await grwDb_service.writeOrUpdateDataInStore('routes', store.state.routes);
+            await grwDb_service.writeOrUpdateDataInStore('practices', store.state.practices.map(practice => (Object.assign(Object.assign({}, practice), { selected: false }))));
+            await grwDb_service.writeOrUpdateDataInStore('themes', store.state.themes);
+            await grwDb_service.writeOrUpdateDataInStore('cities', store.state.cities);
+            await grwDb_service.writeOrUpdateDataInStore('accessibilities', store.state.accessibilities);
+            await grwDb_service.writeOrUpdateDataInStore('ratings', store.state.ratings);
+            await grwDb_service.writeOrUpdateDataInStore('ratingsScale', store.state.ratingsScale);
+            await grwDb_service.writeOrUpdateDataInStore('sensitiveAreas', store.state.currentSensitiveAreas);
+            await grwDb_service.writeOrUpdateDataInStore('labels', store.state.labels);
+            await grwDb_service.writeOrUpdateDataInStore('sources', store.state.sources);
+            await grwDb_service.writeOrUpdateDataInStore('accessibilitiesLevel', store.state.accessibilitiesLevel);
+            await grwDb_service.writeOrUpdateDataInStore('touristicContentCategories', store.state.touristicContentCategories);
+            await grwDb_service.writeOrUpdateDataInStore('touristicEventTypes', store.state.touristicEventTypes);
+            await grwDb_service.writeOrUpdateDataInStore('networks', store.state.networks);
+            await grwDb_service.writeOrUpdateDataInStore('pois', store.state.currentPois);
+            await grwDb_service.writeOrUpdateDataInStore('poiTypes', store.state.poiTypes);
+            await grwDb_service.writeOrUpdateDataInStore('signages', store.state.currentSignages);
+            await grwDb_service.writeOrUpdateDataInStore('informationDesks', store.state.currentInformationDesks);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.currentPois, utils.imagesRegExp, true, ['url']);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.currentInformationDesks, utils.imagesRegExp, true);
+            // download items data
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.trekTouristicContents, utils.imagesRegExp, true, ['url']);
+            store.state.trekTouristicContents.forEach(trekTouristicContent => {
+                trekTouristicContent.offline = true;
+            });
+            await grwDb_service.writeOrUpdateDataInStore('touristicContents', store.state.trekTouristicContents);
+            await grwDb_service.writeOrUpdateFilesInStore(store.state.trekTouristicEvents, utils.imagesRegExp, true, ['url']);
+            store.state.trekTouristicEvents.forEach(trekTouristicEvent => {
+                trekTouristicEvent.offline = true;
             });
-            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 grwDb_service.writeOrUpdateDataInStore('treks', [trekSteps[index]]);
-                await grwDb_service.writeOrUpdateFilesInStore(trekSteps[index], utils.imagesRegExp, true, ['url']);
+            await grwDb_service.writeOrUpdateDataInStore('touristicEvents', store.state.trekTouristicEvents);
+            // download itinerancy
+            if (this.currentTrek.children && this.currentTrek.children.length > 0) {
+                // fetch and store children treks
+                const steps = [];
+                steps.push(...this.currentTrek.children);
+                const stepRequests = [];
+                const stepsTouristicContentsRequests = [];
+                const stepsTouristicEventsRequests = [];
+                const stepsPoisRequests = [];
+                const stepsSensitiveAreasRequests = [];
+                steps.forEach(stepId => {
+                    stepRequests.push(treks_service.getTrek(store.state.api, store.state.language, stepId, init));
+                    stepsTouristicContentsRequests.push(call.getTouristicContentsNearTrek(store.state.api, store.state.language, stepId, init));
+                    stepsTouristicEventsRequests.push(call.getTouristicEventsNearTrek(store.state.api, store.state.language, stepId, init));
+                    stepsPoisRequests.push(treks_service.getPoisNearTrek(store.state.api, store.state.language, stepId, init));
+                    stepsSensitiveAreasRequests.push(treks_service.getSensitiveAreasNearTrek(store.state.api, store.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 grwDb_service.writeOrUpdateDataInStore('treks', [trekSteps[index]]);
+                    await grwDb_service.writeOrUpdateFilesInStore(trekSteps[index], utils.imagesRegExp, true, ['url']);
+                }
             }
+            await grwDb_service.writeOrUpdateDataInStore('treks', [
+                Object.assign(Object.assign({}, this.currentTrek), { offline: true, pois: store.state.currentPois.map(poi => poi.id), signages: store.state.currentSignages.map(signage => signage.id), touristicContents: store.state.trekTouristicContents.map(trekTouristicContent => trekTouristicContent.id), touristicEvents: store.state.trekTouristicEvents.map(trekTouristicEvent => trekTouristicEvent.id), sensitiveAreas: store.state.currentSensitiveAreas ? store.state.currentSensitiveAreas.map(currentSensitiveArea => currentSensitiveArea.id) : [] }),
+            ]);
+            store.state.treks.find(trek => trek.id === this.currentTrek.id).offline = true;
+            if (!store.state.currentTreks) {
+                store.state.currentTreks = store.state.treks;
+            }
+            store.state.currentTreks.find(trek => trek.id === this.currentTrek.id).offline = true;
+            if (this.swiperImages) {
+                this.swiperImages.slideTo(0);
+            }
+            this.offline = true;
+            this.downloadedSuccessConfirm.emit(this.currentTrek.id);
         }
-        store.state.treks.find(trek => trek.id === this.currentTrek.id).offline = true;
-        if (!store.state.currentTreks) {
-            store.state.currentTreks = store.state.treks;
-        }
-        store.state.currentTreks.find(trek => trek.id === this.currentTrek.id).offline = true;
-        if (this.swiperImages) {
-            this.swiperImages.slideTo(0);
+        catch (error) {
+            this.downloadedErrorConfirm.emit(this.currentTrek.id);
         }
-        this.offline = true;
-        this.downloadedSuccessConfirm.emit();
     }
     async deleteTrek() {
-        const treksInStore = [];
-        const trekInStore = await grwDb_service.getDataInStore('treks', this.currentTrek.id);
-        this.deleteOfflineTrekProperties(trekInStore);
-        treksInStore.push(trekInStore);
-        if (this.currentTrek.children.length > 0) {
-            for (let index = 0; index < this.currentTrek.children.length; index++) {
-                const trekInStore = await grwDb_service.getDataInStore('treks', this.currentTrek.children[index]);
-                this.deleteOfflineTrekProperties(trekInStore);
-                treksInStore.push(trekInStore);
+        try {
+            const treksInStore = [];
+            const trekInStore = await grwDb_service.getDataInStore('treks', this.currentTrek.id);
+            this.deleteOfflineTrekProperties(trekInStore);
+            treksInStore.push(trekInStore);
+            if (this.currentTrek.children.length > 0) {
+                for (let index = 0; index < this.currentTrek.children.length; index++) {
+                    const trekInStore = await grwDb_service.getDataInStore('treks', this.currentTrek.children[index]);
+                    this.deleteOfflineTrekProperties(trekInStore);
+                    treksInStore.push(trekInStore);
+                }
             }
-        }
-        await grwDb_service.writeOrUpdateDataInStore('treks', treksInStore);
-        if (store.state.treks) {
-            delete store.state.treks.find(trek => trek.id === this.currentTrek.id).offline;
-            if (!store.state.currentTreks) {
-                store.state.currentTreks = store.state.treks;
+            await grwDb_service.writeOrUpdateDataInStore('treks', treksInStore);
+            if (store.state.treks) {
+                delete store.state.treks.find(trek => trek.id === this.currentTrek.id).offline;
+                if (!store.state.currentTreks) {
+                    store.state.currentTreks = store.state.treks;
+                }
+                delete store.state.currentTreks.find(trek => trek.id === this.currentTrek.id).offline;
             }
-            delete store.state.currentTreks.find(trek => trek.id === this.currentTrek.id).offline;
-        }
-        if (store.state.parentTrek) {
-            delete store.state.parentTrek.offline;
+            if (store.state.parentTrek) {
+                delete store.state.parentTrek.offline;
+            }
+            if (store.state.currentTrekSteps) {
+                store.state.currentTrekSteps.forEach(currentTrekStep => {
+                    delete currentTrekStep.offline;
+                });
+            }
+            this.offline = false;
+            this.deleteSuccessConfirm.emit(this.currentTrek.id);
         }
-        if (store.state.currentTrekSteps) {
-            store.state.currentTrekSteps.forEach(currentTrekStep => {
-                delete currentTrekStep.offline;
-            });
+        catch (error) {
+            this.deleteErrorConfirm.emit(this.currentTrek.id);
         }
-        this.offline = false;
-        this.deleteSuccessConfirm.emit();
     }
     displayDownloadModal() {
         this.downloadConfirm.emit();
@@ -6715,7 +6753,7 @@ const GrwTrekDetail = class {
         var _a, _b, _c, _d, _e;
         const defaultImageSrc = index.getAssetPath(`${''}assets/default-image.svg`);
         const displayPaginationAndNavigation = (this.currentTrek && this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 1) || this.offline;
-        return (index.h(index.Host, { key: 'b816067767cb0e8a54d6aac8c07517253596e004', style: {
+        return (index.h(index.Host, { key: '908bd87bf1c95dcb47219f8c191692a176435873', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -6749,7 +6787,7 @@ const GrwTrekDetail = class {
         })) : (index.h("img", { part: "trek-img", class: "trek-img default-trek-img", src: defaultImageSrc, loading: "lazy", alt: "" }))), index.h("div", { style: { display: 'block', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { style: { display: 'flex', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { style: { display: 'flex', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { part: "trek-name", class: "trek-name" }, this.currentTrek.name), this.themes.length > 0 && (index.h("div", { part: "themes-container", class: "themes-container" }, this.themes.map(theme => (index.h("div", { part: "theme", class: "theme" }, theme.label))))), index.h("div", { part: "sub-container", class: "sub-container" }, index.h("div", { part: "icons-labels-container", class: "icons-labels-container" }, this.difficulty && (index.h("div", { part: "icon-label", class: "icon-label difficulty" }, this.difficulty.pictogram && index.h("img", { part: "icon", class: "icon", src: this.difficulty.pictogram, alt: "" }), index.h("span", { part: "label", class: "label" }, this.difficulty.label))), index.h("div", { part: "icon-label", class: "icon-label duration" }, index.h("span", { part: "icon", class: "icon", innerHTML: moving.TimelapseIcon }), index.h("span", { part: "label", class: "label" }, utils.formatDuration((_a = this.currentTrek) === null || _a === void 0 ? void 0 : _a.duration))), index.h("div", { part: "icon-label", class: "icon-label route" }, ((_b = this.route) === null || _b === void 0 ? void 0 : _b.pictogram) && index.h("img", { part: "icon", class: "icon", src: this.route.pictogram, alt: "" }), index.h("span", { part: "label", class: "label" }, (_c = this.route) === null || _c === void 0 ? void 0 : _c.route)), index.h("div", { part: "icon-label", class: "icon-label length" }, index.h("span", { part: "icon", class: "icon", innerHTML: moving.OpenInFullIcon }), index.h("span", { part: "label", class: "label" }, utils.formatLength(this.currentTrek.length_2d))), this.currentTrek.ascent && (index.h("div", { part: "icon-label", class: "icon-label ascent" }, index.h("span", { part: "icon", class: "icon", innerHTML: moving.MovingIcon }), index.h("span", { part: "label", class: "label" }, utils.formatAscent(this.currentTrek.ascent)))), this.currentTrek.descent && (index.h("div", { part: "icon-label", class: "icon-label descent" }, index.h("span", { part: "icon", class: "icon", innerHTML: moving.MovingIcon }), index.h("span", { part: "label", class: "label" }, utils.formatDescent(this.currentTrek.descent)))), index.h("div", { part: "icon-label", class: "icon-label practice" }, ((_d = this.practice) === null || _d === void 0 ? void 0 : _d.pictogram) && index.h("img", { part: "icon", class: "icon", src: this.practice.pictogram, alt: "" }), index.h("span", { part: "label", class: "label" }, (_e = this.practice) === null || _e === void 0 ? void 0 : _e.name)), index.h("div", { part: "icon-label", class: "icon-label networks" }, this.currentTrek.networks.map(networkId => {
             const currentNetwork = store.state.networks.find(network => network.id === networkId);
             return (index.h("div", { part: "network", class: "network" }, index.h("img", { part: "icon", class: "icon", src: currentNetwork.pictogram, alt: "" }), index.h("span", { part: "label", class: "label" }, currentNetwork.label)));
-        })), this.currentTrek.ratings.map(trekRating => (index.h("div", { part: "row", class: "row" }, `${store.state.ratingsScale.find(ratingScale => ratingScale.id === store.state.ratings.find(rating => rating.id === trekRating).scale).name} : ${store.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[store.state.language].downloads), this.enableOffline && !this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDownloadModal() }, index.h("span", { part: "icon", class: "icon", innerHTML: DownloadForOfflineIcon }), index.h("span", { part: "label", class: "label" }, "RENDRE DISPONIBLE HORS LIGNE"))), this.enableOffline && this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDeleteModal() }, index.h("span", { part: "icon", class: "icon", innerHTML: DeleteIcon }), index.h("span", { part: "label", class: "label" }, "SUPPRIMER DU HORS LIGNE"))), index.h("div", { part: "links-container", class: "links-container" }, index.h("a", { part: "download-gpx-button", href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { part: "icon", class: " icon", innerHTML: call.DownloadIcon }), index.h("span", { part: "label", class: "label" }, "GPX")), index.h("a", { part: "download-kml-button", href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { part: "icon", class: "icon", innerHTML: call.DownloadIcon }), index.h("span", { part: "label", class: "label" }, "KML")), index.h("a", { part: "download-pdf-button", href: `${this.currentTrek.pdf}${store.state.portalsFromProviders && store.state.portalsFromProviders.length === 1 ? '?portal=' + store.state.portalsFromProviders[0] : ''}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { part: "icon", class: "icon", innerHTML: call.DownloadIcon }), 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 }), store.state.parentTrekId && store.state.parentTrek && this.currentTrek.id !== store.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(store.state.parentTrekId) }, index.h("div", null, "<"), store.state.parentTrek.name)))), store.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) }, `${store.state.currentTrekSteps.length} ${i18n.translate[store.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" }, store.state.currentTrekSteps &&
+        })), this.currentTrek.ratings.map(trekRating => (index.h("div", { part: "row", class: "row" }, `${store.state.ratingsScale.find(ratingScale => ratingScale.id === store.state.ratings.find(rating => rating.id === trekRating).scale).name} : ${store.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[store.state.language].downloads), this.enableOffline && !this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDownloadModal() }, index.h("span", { part: "icon", class: "icon", innerHTML: DownloadForOfflineIcon }), index.h("span", { part: "label", class: "label" }, i18n.translate[store.state.language].offline.downloadOffline))), this.enableOffline && this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDeleteModal() }, index.h("span", { part: "icon", class: "icon", innerHTML: DeleteIcon }), index.h("span", { part: "label", class: "label" }, i18n.translate[store.state.language].offline.deleteOffline))), index.h("div", { part: "links-container", class: "links-container" }, index.h("a", { part: "download-gpx-button", href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { part: "icon", class: " icon", innerHTML: call.DownloadIcon }), index.h("span", { part: "label", class: "label" }, "GPX")), index.h("a", { part: "download-kml-button", href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { part: "icon", class: "icon", innerHTML: call.DownloadIcon }), index.h("span", { part: "label", class: "label" }, "KML")), index.h("a", { part: "download-pdf-button", href: `${this.currentTrek.pdf}${store.state.portalsFromProviders && store.state.portalsFromProviders.length === 1 ? '?portal=' + store.state.portalsFromProviders[0] : ''}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { part: "icon", class: "icon", innerHTML: call.DownloadIcon }), 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 }), store.state.parentTrekId && store.state.parentTrek && this.currentTrek.id !== store.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(store.state.parentTrekId) }, index.h("div", null, "<"), store.state.parentTrek.name)))), store.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) }, `${store.state.currentTrekSteps.length} ${i18n.translate[store.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" }, store.state.currentTrekSteps &&
             store.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, "grw-app": this.grwApp })));
             })), 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[store.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[store.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[store.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[store.state.language].crossedCities, " :\u00A0"), index.h("div", { part: "cities", innerHTML: this.cities.join(', ') }))), store.state.currentPois && store.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[store.state.language].pois(store.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" }, store.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, colorSurfaceContainerLow: this.colorSurfaceContainerLow }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.poisSwiperScrollbar = el) }))))), this.weather && this.currentTrek.departure_city && !this.offline && (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[store.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[store.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[store.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[store.state.language].recommendations), this.currentTrek.advice && (index.h("div", { part: "current-advice-container", class: "current-advice-container" }, index.h("span", { part: "icon", class: "icon", innerHTML: WarningIcon }), 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", { part: "icon", class: "icon", innerHTML: BackpackIcon }), 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", { src: label.pictogram, alt: "" }), index.h("div", { part: "label-name", class: "label-name", innerHTML: label.name })), index.h("div", { part: "label-advice", class: "label-advice", innerHTML: label.advice }))))))), store.state.currentSensitiveAreas && store.state.currentSensitiveAreas.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "sensitive-areas-container", class: "sensitive-areas-container" }, index.h("div", { part: "ensitive-areas-title", class: "sensitive-areas-title", ref: el => (this.sensitiveAreaRef = el) }, i18n.translate[store.state.language].environmentalSensitiveAreas), index.h("div", { part: "sensitive-areas-description", class: "sensitive-areas-description" }, i18n.translate[store.state.language].sensitiveAreasDescription), store.state.currentSensitiveAreas.map(sensitiveArea => (index.h("grw-sensitive-area-detail", { exportparts: "sensitive-area-title-container,sensitive-area-color-container,sensitive-area-title,sensitive-area-description,sensitive-area-practice-container,sensitive-area-practice-title,sensitive-area-practices,sensitive-area-practice,sensitive-area-period-container,sensitive-area-period-title,sensitive-area-periods,sensitive-area-period,sensitive-area-contact-container,sensitive-area-contact-title,sensitive-area-contact-value", sensitiveArea: sensitiveArea })))))), store.state.currentInformationDesks &&
@@ -6976,9 +7014,7 @@ const GrwTrekProvider = class {
                 if (labels) {
                     store.state.labels = labels.results;
                 }
-                if (signages) {
-                    store.state.currentSignages = signages.results;
-                }
+                store.state.currentSignages = signages ? signages.results : [];
                 if (sources) {
                     store.state.sources = sources.results;
                 }
@@ -7021,7 +7057,7 @@ const GrwTrekProvider = class {
         }
     }
     render() {
-        return index.h(index.Host, { key: '9df863a5a5efbee89f7c96adf27b53fb47977989' });
+        return index.h(index.Host, { key: 'c9982dbc8d64b98d14607790ee063e7d970a0dd2' });
     }
 };