@geotrekce/geotrek-rando-widget 0.24.2 → 0.26.0

package/dist/collection/components/grw-trek-detail/grw-trek-detail.js

@@ -579,153 +579,163 @@ export class GrwTrekDetail {
         await writeOrUpdateTilesInStore(offlineLayer, bounds, this.tilesMinZoomOffline, this.tilesMaxZoomOffline);
     }
     async downloadTrek() {
-        // download treks list data
-        const controller = new AbortController();
-        const signal = controller.signal;
-        const init = { cache: Build.isDev ? 'force-cache' : 'default', signal: signal };
-        const offlineTreks = (await getAllDataInStore('treks')).filter(trek => trek.offline === true);
-        let treks;
-        if (!state.treks) {
-            const treksList = await getTreksList(state.api, state.language, state.inBboxFromProviders, state.citiesFromProviders, state.districts, state.structuresFromProviders, state.themesFromProviders, state.portalsFromProviders, state.routesFromProviders, state.practicesFromProviders, state.labelsFromProviders, init);
-            state.treks = (await treksList.json()).results;
-        }
-        treks = state.treks;
-        treks = treks.filter(trek => offlineTreks.findIndex(offlineTrek => offlineTrek.id === trek.id) === -1);
-        if (!state.districts) {
-            const districtsList = await getDistricts(state.api, state.language, init);
-            state.districts = (await districtsList.json()).results;
-        }
-        await writeOrUpdateDataInStore('treks', treks);
-        await writeOrUpdateDataInStore('districts', 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 writeOrUpdateFilesInStore(state.difficulties, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.routes, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.practices, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.themes, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.labels, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.districts, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.sources, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.accessibilities, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.poiTypes, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.currentInformationDesks, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.touristicContentCategories, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.touristicEventTypes, imagesRegExp);
-        await writeOrUpdateFilesInStore(state.networks, imagesRegExp);
-        // download trek images
-        await writeOrUpdateFilesInStore(this.currentTrek, imagesRegExp, true, ['url']);
-        // download trek data
-        await writeOrUpdateDataInStore('difficulties', state.difficulties);
-        await writeOrUpdateDataInStore('routes', state.routes);
-        await writeOrUpdateDataInStore('practices', state.practices.map(practice => (Object.assign(Object.assign({}, practice), { selected: false }))));
-        await writeOrUpdateDataInStore('themes', state.themes);
-        await writeOrUpdateDataInStore('cities', state.cities);
-        await writeOrUpdateDataInStore('accessibilities', state.accessibilities);
-        await writeOrUpdateDataInStore('ratings', state.ratings);
-        await writeOrUpdateDataInStore('ratingsScale', state.ratingsScale);
-        await writeOrUpdateDataInStore('sensitiveAreas', state.currentSensitiveAreas);
-        await writeOrUpdateDataInStore('labels', state.labels);
-        await writeOrUpdateDataInStore('sources', state.sources);
-        await writeOrUpdateDataInStore('accessibilitiesLevel', state.accessibilitiesLevel);
-        await writeOrUpdateDataInStore('touristicContentCategories', state.touristicContentCategories);
-        await writeOrUpdateDataInStore('touristicEventTypes', state.touristicEventTypes);
-        await writeOrUpdateDataInStore('networks', state.networks);
-        await writeOrUpdateDataInStore('pois', state.currentPois);
-        await writeOrUpdateDataInStore('poiTypes', state.poiTypes);
-        await writeOrUpdateDataInStore('signages', state.currentSignages);
-        await writeOrUpdateDataInStore('informationDesks', state.currentInformationDesks);
-        await writeOrUpdateDataInStore('treks', [
-            Object.assign(Object.assign({}, this.currentTrek), { offline: true, pois: state.currentPois.map(poi => poi.id), signages: state.currentSignages.map(signage => signage.id), touristicContents: state.trekTouristicContents.map(trekTouristicContent => trekTouristicContent.id), touristicEvents: state.trekTouristicEvents.map(trekTouristicEvent => trekTouristicEvent.id), sensitiveAreas: state.currentSensitiveAreas ? state.currentSensitiveAreas.map(currentSensitiveArea => currentSensitiveArea.id) : [] }),
-        ]);
-        await writeOrUpdateFilesInStore(state.currentPois, imagesRegExp, true, ['url']);
-        await writeOrUpdateFilesInStore(state.currentInformationDesks, imagesRegExp, true);
-        // download items data
-        await writeOrUpdateFilesInStore(state.trekTouristicContents, imagesRegExp, true, ['url']);
-        state.trekTouristicContents.forEach(trekTouristicContent => {
-            trekTouristicContent.offline = true;
-        });
-        await writeOrUpdateDataInStore('touristicContents', state.trekTouristicContents);
-        await writeOrUpdateFilesInStore(state.trekTouristicEvents, imagesRegExp, true, ['url']);
-        state.trekTouristicEvents.forEach(trekTouristicEvent => {
-            trekTouristicEvent.offline = true;
-        });
-        await writeOrUpdateDataInStore('touristicEvents', 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(getTrek(state.api, state.language, stepId, init));
-                stepsTouristicContentsRequests.push(getTouristicContentsNearTrek(state.api, state.language, stepId, init));
-                stepsTouristicEventsRequests.push(getTouristicEventsNearTrek(state.api, state.language, stepId, init));
-                stepsPoisRequests.push(getPoisNearTrek(state.api, state.language, stepId, init));
-                stepsSensitiveAreasRequests.push(getSensitiveAreasNearTrek(state.api, state.language, stepId, init));
+        try {
+            // download treks list data
+            const controller = new AbortController();
+            const signal = controller.signal;
+            const init = { cache: Build.isDev ? 'force-cache' : 'default', signal: signal };
+            const offlineTreks = (await getAllDataInStore('treks')).filter(trek => trek.offline === true);
+            let treks;
+            if (!state.treks) {
+                const treksList = await getTreksList(state.api, state.language, state.inBboxFromProviders, state.citiesFromProviders, state.districts, state.structuresFromProviders, state.themesFromProviders, state.portalsFromProviders, state.routesFromProviders, state.practicesFromProviders, state.labelsFromProviders, init);
+                state.treks = (await treksList.json()).results;
+            }
+            treks = state.treks;
+            treks = treks.filter(trek => offlineTreks.findIndex(offlineTrek => offlineTrek.id === trek.id) === -1);
+            if (!state.districts) {
+                const districtsList = await getDistricts(state.api, state.language, init);
+                state.districts = (await districtsList.json()).results;
+            }
+            await writeOrUpdateDataInStore('treks', treks);
+            await writeOrUpdateDataInStore('districts', 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 writeOrUpdateFilesInStore(state.difficulties, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.routes, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.practices, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.themes, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.labels, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.districts, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.sources, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.accessibilities, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.poiTypes, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.currentInformationDesks, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.touristicContentCategories, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.touristicEventTypes, imagesRegExp);
+            await writeOrUpdateFilesInStore(state.networks, imagesRegExp);
+            // download trek images
+            await writeOrUpdateFilesInStore(this.currentTrek, imagesRegExp, true, ['url']);
+            // download trek data
+            await writeOrUpdateDataInStore('difficulties', state.difficulties);
+            await writeOrUpdateDataInStore('routes', state.routes);
+            await writeOrUpdateDataInStore('practices', state.practices.map(practice => (Object.assign(Object.assign({}, practice), { selected: false }))));
+            await writeOrUpdateDataInStore('themes', state.themes);
+            await writeOrUpdateDataInStore('cities', state.cities);
+            await writeOrUpdateDataInStore('accessibilities', state.accessibilities);
+            await writeOrUpdateDataInStore('ratings', state.ratings);
+            await writeOrUpdateDataInStore('ratingsScale', state.ratingsScale);
+            await writeOrUpdateDataInStore('sensitiveAreas', state.currentSensitiveAreas);
+            await writeOrUpdateDataInStore('labels', state.labels);
+            await writeOrUpdateDataInStore('sources', state.sources);
+            await writeOrUpdateDataInStore('accessibilitiesLevel', state.accessibilitiesLevel);
+            await writeOrUpdateDataInStore('touristicContentCategories', state.touristicContentCategories);
+            await writeOrUpdateDataInStore('touristicEventTypes', state.touristicEventTypes);
+            await writeOrUpdateDataInStore('networks', state.networks);
+            await writeOrUpdateDataInStore('pois', state.currentPois);
+            await writeOrUpdateDataInStore('poiTypes', state.poiTypes);
+            await writeOrUpdateDataInStore('signages', state.currentSignages);
+            await writeOrUpdateDataInStore('informationDesks', state.currentInformationDesks);
+            await writeOrUpdateFilesInStore(state.currentPois, imagesRegExp, true, ['url']);
+            await writeOrUpdateFilesInStore(state.currentInformationDesks, imagesRegExp, true);
+            // download items data
+            await writeOrUpdateFilesInStore(state.trekTouristicContents, imagesRegExp, true, ['url']);
+            state.trekTouristicContents.forEach(trekTouristicContent => {
+                trekTouristicContent.offline = true;
+            });
+            await writeOrUpdateDataInStore('touristicContents', state.trekTouristicContents);
+            await writeOrUpdateFilesInStore(state.trekTouristicEvents, imagesRegExp, true, ['url']);
+            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 writeOrUpdateDataInStore('treks', [trekSteps[index]]);
-                await writeOrUpdateFilesInStore(trekSteps[index], imagesRegExp, true, ['url']);
+            await writeOrUpdateDataInStore('touristicEvents', 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(getTrek(state.api, state.language, stepId, init));
+                    stepsTouristicContentsRequests.push(getTouristicContentsNearTrek(state.api, state.language, stepId, init));
+                    stepsTouristicEventsRequests.push(getTouristicEventsNearTrek(state.api, state.language, stepId, init));
+                    stepsPoisRequests.push(getPoisNearTrek(state.api, state.language, stepId, init));
+                    stepsSensitiveAreasRequests.push(getSensitiveAreasNearTrek(state.api, 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 writeOrUpdateDataInStore('treks', [trekSteps[index]]);
+                    await writeOrUpdateFilesInStore(trekSteps[index], imagesRegExp, true, ['url']);
+                }
             }
+            await writeOrUpdateDataInStore('treks', [
+                Object.assign(Object.assign({}, this.currentTrek), { offline: true, pois: state.currentPois.map(poi => poi.id), signages: state.currentSignages.map(signage => signage.id), touristicContents: state.trekTouristicContents.map(trekTouristicContent => trekTouristicContent.id), touristicEvents: state.trekTouristicEvents.map(trekTouristicEvent => trekTouristicEvent.id), sensitiveAreas: state.currentSensitiveAreas ? state.currentSensitiveAreas.map(currentSensitiveArea => currentSensitiveArea.id) : [] }),
+            ]);
+            state.treks.find(trek => trek.id === this.currentTrek.id).offline = true;
+            if (!state.currentTreks) {
+                state.currentTreks = state.treks;
+            }
+            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);
         }
-        state.treks.find(trek => trek.id === this.currentTrek.id).offline = true;
-        if (!state.currentTreks) {
-            state.currentTreks = state.treks;
-        }
-        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 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 getDataInStore('treks', this.currentTrek.children[index]);
-                this.deleteOfflineTrekProperties(trekInStore);
-                treksInStore.push(trekInStore);
+        try {
+            const treksInStore = [];
+            const trekInStore = await 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 getDataInStore('treks', this.currentTrek.children[index]);
+                    this.deleteOfflineTrekProperties(trekInStore);
+                    treksInStore.push(trekInStore);
+                }
             }
-        }
-        await writeOrUpdateDataInStore('treks', treksInStore);
-        if (state.treks) {
-            delete state.treks.find(trek => trek.id === this.currentTrek.id).offline;
-            if (!state.currentTreks) {
-                state.currentTreks = state.treks;
+            await writeOrUpdateDataInStore('treks', treksInStore);
+            if (state.treks) {
+                delete state.treks.find(trek => trek.id === this.currentTrek.id).offline;
+                if (!state.currentTreks) {
+                    state.currentTreks = state.treks;
+                }
+                delete state.currentTreks.find(trek => trek.id === this.currentTrek.id).offline;
             }
-            delete state.currentTreks.find(trek => trek.id === this.currentTrek.id).offline;
-        }
-        if (state.parentTrek) {
-            delete state.parentTrek.offline;
+            if (state.parentTrek) {
+                delete state.parentTrek.offline;
+            }
+            if (state.currentTrekSteps) {
+                state.currentTrekSteps.forEach(currentTrekStep => {
+                    delete currentTrekStep.offline;
+                });
+            }
+            this.offline = false;
+            this.deleteSuccessConfirm.emit(this.currentTrek.id);
         }
-        if (state.currentTrekSteps) {
-            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();
@@ -780,7 +790,7 @@ export class GrwTrekDetail {
         var _a, _b, _c, _d, _e;
         const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);
         const displayPaginationAndNavigation = (this.currentTrek && this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 1) || this.offline;
-        return (h(Host, { key: 'b816067767cb0e8a54d6aac8c07517253596e004', style: {
+        return (h(Host, { key: '908bd87bf1c95dcb47219f8c191692a176435873', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -814,7 +824,7 @@ export class GrwTrekDetail {
         })) : (h("img", { part: "trek-img", class: "trek-img default-trek-img", src: defaultImageSrc, loading: "lazy", alt: "" }))), h("div", { style: { display: 'block', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), h("div", { style: { display: 'flex', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), h("div", { style: { display: 'flex', visibility: displayPaginationAndNavigation ? 'visible' : 'hidden' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), h("div", { part: "trek-name", class: "trek-name" }, this.currentTrek.name), this.themes.length > 0 && (h("div", { part: "themes-container", class: "themes-container" }, this.themes.map(theme => (h("div", { part: "theme", class: "theme" }, theme.label))))), h("div", { part: "sub-container", class: "sub-container" }, h("div", { part: "icons-labels-container", class: "icons-labels-container" }, this.difficulty && (h("div", { part: "icon-label", class: "icon-label difficulty" }, this.difficulty.pictogram && h("img", { part: "icon", class: "icon", src: this.difficulty.pictogram, alt: "" }), h("span", { part: "label", class: "label" }, this.difficulty.label))), h("div", { part: "icon-label", class: "icon-label duration" }, h("span", { part: "icon", class: "icon", innerHTML: TimelapseIcon }), h("span", { part: "label", class: "label" }, formatDuration((_a = this.currentTrek) === null || _a === void 0 ? void 0 : _a.duration))), h("div", { part: "icon-label", class: "icon-label route" }, ((_b = this.route) === null || _b === void 0 ? void 0 : _b.pictogram) && h("img", { part: "icon", class: "icon", src: this.route.pictogram, alt: "" }), h("span", { part: "label", class: "label" }, (_c = this.route) === null || _c === void 0 ? void 0 : _c.route)), h("div", { part: "icon-label", class: "icon-label length" }, h("span", { part: "icon", class: "icon", innerHTML: OpenInFullIcon }), h("span", { part: "label", class: "label" }, formatLength(this.currentTrek.length_2d))), this.currentTrek.ascent && (h("div", { part: "icon-label", class: "icon-label ascent" }, h("span", { part: "icon", class: "icon", innerHTML: MovingIcon }), h("span", { part: "label", class: "label" }, formatAscent(this.currentTrek.ascent)))), this.currentTrek.descent && (h("div", { part: "icon-label", class: "icon-label descent" }, h("span", { part: "icon", class: "icon", innerHTML: MovingIcon }), h("span", { part: "label", class: "label" }, formatDescent(this.currentTrek.descent)))), h("div", { part: "icon-label", class: "icon-label practice" }, ((_d = this.practice) === null || _d === void 0 ? void 0 : _d.pictogram) && h("img", { part: "icon", class: "icon", src: this.practice.pictogram, alt: "" }), h("span", { part: "label", class: "label" }, (_e = this.practice) === null || _e === void 0 ? void 0 : _e.name)), h("div", { part: "icon-label", class: "icon-label networks" }, this.currentTrek.networks.map(networkId => {
             const currentNetwork = state.networks.find(network => network.id === networkId);
             return (h("div", { part: "network", class: "network" }, h("img", { part: "icon", class: "icon", src: currentNetwork.pictogram, alt: "" }), h("span", { part: "label", class: "label" }, currentNetwork.label)));
-        })), this.currentTrek.ratings.map(trekRating => (h("div", { part: "row", class: "row" }, `${state.ratingsScale.find(ratingScale => ratingScale.id === state.ratings.find(rating => rating.id === trekRating).scale).name} : ${state.ratings.find(rating => rating.id === trekRating).name}`))), this.currentTrek.ratings_description && this.currentTrek.ratings_description !== '' && (h("div", { part: "row", class: "row", innerHTML: this.currentTrek.ratings_description })))), h("div", { part: "divider", class: "divider" }), h("div", { part: "downloads-container", class: "downloads-container" }, h("div", { part: "download-title", class: "download-title" }, translate[state.language].downloads), this.enableOffline && !this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDownloadModal() }, h("span", { part: "icon", class: "icon", innerHTML: DownloadForOfflineIcon }), h("span", { part: "label", class: "label" }, "RENDRE DISPONIBLE HORS LIGNE"))), this.enableOffline && this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDeleteModal() }, h("span", { part: "icon", class: "icon", innerHTML: DeleteIcon }), h("span", { part: "label", class: "label" }, "SUPPRIMER DU HORS LIGNE"))), h("div", { part: "links-container", class: "links-container" }, h("a", { part: "download-gpx-button", href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { part: "icon", class: " icon", innerHTML: DownloadIcon }), h("span", { part: "label", class: "label" }, "GPX")), h("a", { part: "download-kml-button", href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { part: "icon", class: "icon", innerHTML: DownloadIcon }), h("span", { part: "label", class: "label" }, "KML")), h("a", { part: "download-pdf-button", href: `${this.currentTrek.pdf}${state.portalsFromProviders && state.portalsFromProviders.length === 1 ? '?portal=' + state.portalsFromProviders[0] : ''}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { part: "icon", class: "icon", innerHTML: DownloadIcon }), h("span", { part: "label", class: "label" }, "PDF")))), h("div", { part: "divider", class: "divider" }), this.currentTrek.description_teaser && h("div", { part: "description-teaser", class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && h("div", { part: "ambiance", class: "ambiance", innerHTML: this.currentTrek.ambiance }), state.parentTrekId && state.parentTrek && this.currentTrek.id !== state.parentTrekId && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "parent-trek-container", class: "parent-trek-container" }, h("button", { part: "parent-trek-title", class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(state.parentTrekId) }, h("div", null, "<"), state.parentTrek.name)))), state.currentTrekSteps && (h("div", { part: "step-container", class: "step-container" }, h("div", { part: "step-title", class: "step-title", ref: el => (this.stepsRef = el) }, `${state.currentTrekSteps.length} ${translate[state.language].steps}`), h("div", { part: "swiper-step", class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, state.currentTrekSteps &&
+        })), this.currentTrek.ratings.map(trekRating => (h("div", { part: "row", class: "row" }, `${state.ratingsScale.find(ratingScale => ratingScale.id === state.ratings.find(rating => rating.id === trekRating).scale).name} : ${state.ratings.find(rating => rating.id === trekRating).name}`))), this.currentTrek.ratings_description && this.currentTrek.ratings_description !== '' && (h("div", { part: "row", class: "row", innerHTML: this.currentTrek.ratings_description })))), h("div", { part: "divider", class: "divider" }), h("div", { part: "downloads-container", class: "downloads-container" }, h("div", { part: "download-title", class: "download-title" }, translate[state.language].downloads), this.enableOffline && !this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDownloadModal() }, h("span", { part: "icon", class: "icon", innerHTML: DownloadForOfflineIcon }), h("span", { part: "label", class: "label" }, translate[state.language].offline.downloadOffline))), this.enableOffline && this.offline && (!this.currentTrek.parents || this.currentTrek.parents.length === 0) && (h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayDeleteModal() }, h("span", { part: "icon", class: "icon", innerHTML: DeleteIcon }), h("span", { part: "label", class: "label" }, translate[state.language].offline.deleteOffline))), h("div", { part: "links-container", class: "links-container" }, h("a", { part: "download-gpx-button", href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { part: "icon", class: " icon", innerHTML: DownloadIcon }), h("span", { part: "label", class: "label" }, "GPX")), h("a", { part: "download-kml-button", href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { part: "icon", class: "icon", innerHTML: DownloadIcon }), h("span", { part: "label", class: "label" }, "KML")), h("a", { part: "download-pdf-button", href: `${this.currentTrek.pdf}${state.portalsFromProviders && state.portalsFromProviders.length === 1 ? '?portal=' + state.portalsFromProviders[0] : ''}`, target: "_blank", rel: "noopener noreferrer" }, h("span", { part: "icon", class: "icon", innerHTML: DownloadIcon }), h("span", { part: "label", class: "label" }, "PDF")))), h("div", { part: "divider", class: "divider" }), this.currentTrek.description_teaser && h("div", { part: "description-teaser", class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && h("div", { part: "ambiance", class: "ambiance", innerHTML: this.currentTrek.ambiance }), state.parentTrekId && state.parentTrek && this.currentTrek.id !== state.parentTrekId && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "parent-trek-container", class: "parent-trek-container" }, h("button", { part: "parent-trek-title", class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(state.parentTrekId) }, h("div", null, "<"), state.parentTrek.name)))), state.currentTrekSteps && (h("div", { part: "step-container", class: "step-container" }, h("div", { part: "step-title", class: "step-title", ref: el => (this.stepsRef = el) }, `${state.currentTrekSteps.length} ${translate[state.language].steps}`), h("div", { part: "swiper-step", class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, state.currentTrekSteps &&
             state.currentTrekSteps.map(trek => {
                 return (h("div", { part: "swiper-slide", class: "swiper-slide" }, 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 })));
             })), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.stepSwiperScrollbar = el) })))), h("div", { part: "divider", class: "divider" }), this.currentTrek.description && (h("div", { part: "description-container", class: "description-container" }, h("div", { part: "description-title", class: "description-title", ref: el => (this.descriptionRef = el) }, translate[state.language].description), h("div", { part: "description", class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (h("div", { part: "departure-container", class: "departure-container" }, h("div", { part: "departure-title", class: "departure-title" }, translate[state.language].departure, " :\u00A0"), h("div", { part: "departure", innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (h("div", { part: "arrival-container", class: "arrival-container" }, h("div", { part: "arrival-title", class: "arrival-title" }, translate[state.language].arrival, " :\u00A0"), h("div", { part: "arrival", innerHTML: this.currentTrek.arrival }))), this.currentTrek.cities && this.currentTrek.cities.length > 0 && (h("div", { part: "cities-container", class: "cities-container" }, h("div", { part: "cities-title", class: "cities-title" }, translate[state.language].crossedCities, " :\u00A0"), h("div", { part: "cities", innerHTML: this.cities.join(', ') }))), state.currentPois && state.currentPois.length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "pois-container", class: "pois-container" }, h("div", { part: "pois-title", class: "pois-title", ref: el => (this.poiRef = el) }, translate[state.language].pois(state.currentPois.length)), h("div", { part: "swiper-pois", class: "swiper swiper-pois", ref: el => (this.swiperPoisRef = el) }, h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, state.currentPois.map(poi => (h("div", { part: "swiper-slide", class: "swiper-slide" }, 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 }))))), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.poisSwiperScrollbar = el) }))))), this.weather && this.currentTrek.departure_city && !this.offline && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "weather-container", class: "weather-container" }, h("iframe", { height: "150", frameborder: "0", src: `https://meteofrance.com/widget/prevision/${this.currentTrek.departure_city}0#${this.colorPrimaryApp}` })))), this.currentTrek.access && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "access-container", class: "access-container" }, h("div", { part: "access-title", class: "access-title" }, translate[state.language].roadAccessAndParking), h("div", { part: "access", class: "access", innerHTML: this.currentTrek.access }), this.currentTrek.advised_parking && (h("div", null, h("div", { part: "advised-parking-title", class: "advised-parking-title", ref: el => (this.parkingRef = el) }, translate[state.language].recommendedParking), h("div", { part: "advised-parking", class: "advised-parking", innerHTML: this.currentTrek.advised_parking })))))), this.currentTrek.public_transport && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "public-transport-container", class: "public-transport-container" }, h("div", { part: "public-transport-title", class: "public-transport-title" }, translate[state.language].transport), h("div", { part: "public-transport", class: "public-transport", innerHTML: this.currentTrek.public_transport })))), (this.currentTrek.advice || this.currentTrek.gear || this.labels.length > 0) && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "advice-container", class: "advice-container" }, h("div", { part: "advice-title", class: "advice-title", ref: el => (this.recommendationRef = el) }, translate[state.language].recommendations), this.currentTrek.advice && (h("div", { part: "current-advice-container", class: "current-advice-container" }, h("span", { part: "icon", class: "icon", innerHTML: WarningIcon }), h("div", { part: "advice", class: "advice", innerHTML: this.currentTrek.advice }))), this.currentTrek.gear && (h("div", { part: "gear-container", class: "gear-container" }, h("span", { part: "icon", class: "icon", innerHTML: BackpackIcon }), h("div", { part: "gear", class: "gear", innerHTML: this.currentTrek.gear }))), this.labels.map(label => (h("div", { part: "label-container", class: "label-container" }, h("div", { part: "label-sub-container", class: "label-sub-container" }, label.pictogram && h("img", { src: label.pictogram, alt: "" }), h("div", { part: "label-name", class: "label-name", innerHTML: label.name })), h("div", { part: "label-advice", class: "label-advice", innerHTML: label.advice }))))))), state.currentSensitiveAreas && state.currentSensitiveAreas.length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "sensitive-areas-container", class: "sensitive-areas-container" }, h("div", { part: "ensitive-areas-title", class: "sensitive-areas-title", ref: el => (this.sensitiveAreaRef = el) }, translate[state.language].environmentalSensitiveAreas), h("div", { part: "sensitive-areas-description", class: "sensitive-areas-description" }, translate[state.language].sensitiveAreasDescription), state.currentSensitiveAreas.map(sensitiveArea => (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 })))))), state.currentInformationDesks &&
@@ -1408,6 +1418,21 @@ export class GrwTrekDetail {
                     "resolved": "number",
                     "references": {}
                 }
+            }, {
+                "method": "downloadedErrorConfirm",
+                "name": "downloadedErrorConfirm",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
             }, {
                 "method": "deleteConfirm",
                 "name": "deleteConfirm",
@@ -1438,6 +1463,21 @@ export class GrwTrekDetail {
                     "resolved": "number",
                     "references": {}
                 }
+            }, {
+                "method": "deleteErrorConfirm",
+                "name": "deleteErrorConfirm",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
             }];
     }
     static get listeners() {