@geotrekce/geotrek-rando-widget 0.24.2 → 0.26.0

package/dist/collection/components/grw-offline-confirm-modal/grw-offline-confirm-modal.js

@@ -1,10 +1,13 @@
 import { Fragment, Host, h } from "@stencil/core";
+import { translate } from "../../i18n/i18n";
+import state from "../../store/store";
 export class GrwOfflineConfirmModal {
     constructor() {
         this.showOfflineModal = false;
         this.showConfirmModal = false;
         this.showLoaderModal = false;
         this.showSuccessModal = false;
+        this.showErrorModal = false;
         this.showConfirmDeleteModal = false;
         this.showDeletingMessage = false;
         this.showDeleteSuccessMessage = false;
@@ -24,6 +27,10 @@ export class GrwOfflineConfirmModal {
         this.showLoaderModal = false;
         this.showSuccessModal = true;
     }
+    downloadedErrorConfirm() {
+        this.showLoaderModal = false;
+        this.showErrorModal = true;
+    }
     onDeleteConfirm() {
         this.showLoaderModal = false;
         this.showSuccessModal = false;
@@ -38,6 +45,11 @@ export class GrwOfflineConfirmModal {
         this.showSuccessModal = true;
         this.showDeleteSuccessMessage = true;
     }
+    deleteErrorConfirm() {
+        this.showLoaderModal = false;
+        this.showSuccessModal = true;
+        this.showDeleteSuccessMessage = true;
+    }
     handleOkDeleteModal() {
         this.showDeletingMessage = true;
         this.showConfirmDeleteModal = false;
@@ -55,15 +67,19 @@ export class GrwOfflineConfirmModal {
         this.showOfflineModal = false;
     }
     render() {
-        return (h(Host, { key: 'd291e60c66b2b3cf92ca848a9768340ea26d04a1' }, this.showOfflineModal && (h("div", { class: "modal-container" }, h("div", { class: "modal-content-container" }, this.showConfirmModal && !this.showConfirmDeleteModal && (h(Fragment, null, 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 ?'}`), h("div", { class: "modal-buttons-container" }, h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, "ANNULER"), h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleOkDownloadModal() }, "OK")))), this.showConfirmDeleteModal && (h(Fragment, null, 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 ?'}`), h("div", { class: "modal-buttons-container" }, h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, "ANNULER"), h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleOkDeleteModal() }, "OK")))), this.showLoaderModal && (h(Fragment, null, h("div", { class: "modal-message-container" }, h("div", { class: "modal-loader" }), this.showDeletingMessage ? 'Suppression en cours' : 'Téléchargement en cours'))), this.showSuccessModal && (h(Fragment, null, h("div", { class: "modal-message-container" }, this.showDeleteSuccessMessage
+        return (h(Host, { key: 'cec1d47f1c1889c6342e5ce6a51f5e12dd39984d' }, this.showOfflineModal && (h("div", { class: "modal-container" }, h("div", { class: "modal-content-container" }, this.showConfirmModal && !this.showConfirmDeleteModal && (h(Fragment, null, h("div", { class: "modal-message-container" }, `${this.mode === 'treks' ? translate[state.language].offline.downloadRouteQuestion : translate[state.language].offline.downloadOutdoorQuestion}`), h("div", { class: "modal-buttons-container" }, h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, translate[state.language].offline.cancel), h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleOkDownloadModal() }, translate[state.language].offline.ok)))), this.showConfirmDeleteModal && (h(Fragment, null, h("div", { class: "modal-message-container" }, `${this.mode === 'treks' ? translate[state.language].offline.deleteRouteQuestion : translate[state.language].offline.deleteRouteQuestion}`), h("div", { class: "modal-buttons-container" }, h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, translate[state.language].offline.cancel), h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleOkDeleteModal() }, translate[state.language].offline.ok)))), this.showLoaderModal && (h(Fragment, null, h("div", { class: "modal-message-container" }, h("div", { class: "modal-loader" }), this.showDeletingMessage ? translate[state.language].offline.deleting : translate[state.language].offline.downloading))), this.showSuccessModal && (h(Fragment, null, h("div", { class: "modal-message-container" }, this.showDeleteSuccessMessage
+            ? this.mode === 'treks'
+                ? translate[state.language].offline.offlineRouteDeleted
+                : translate[state.language].offline.offlineOutdoorDeleted
+            : this.mode === 'treks'
+                ? translate[state.language].offline.routeAvailableOffline
+                : translate[state.language].offline.outdoorAvailableOffline), h("div", { class: "modal-button-container" }, h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, translate[state.language].offline.ok)))), this.showErrorModal && (h(Fragment, null, 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"
+                ? translate[state.language].offline.deleteRouteError
+                : translate[state.language].offline.deleteOutdoorError
             : this.mode === 'treks'
-                ? "L'itinéraire est disponible hors ligne"
-                : "L'outdoor est disponible hors ligne"), h("div", { class: "modal-button-container" }, h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, "OK")))))))));
+                ? translate[state.language].offline.downloadRouteError
+                : translate[state.language].offline.downloadOutdoorError), h("div", { class: "modal-button-container" }, h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, translate[state.language].offline.ok)))))))));
     }
     static get is() { return "grw-offline-confirm-modal"; }
     static get encapsulation() { return "shadow"; }
@@ -110,6 +126,7 @@ export class GrwOfflineConfirmModal {
             "showConfirmModal": {},
             "showLoaderModal": {},
             "showSuccessModal": {},
+            "showErrorModal": {},
             "showConfirmDeleteModal": {},
             "showDeletingMessage": {},
             "showDeleteSuccessMessage": {}
@@ -161,6 +178,12 @@ export class GrwOfflineConfirmModal {
                 "target": "window",
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "downloadedErrorConfirm",
+                "method": "downloadedErrorConfirm",
+                "target": "window",
+                "capture": false,
+                "passive": false
             }, {
                 "name": "deleteConfirm",
                 "method": "onDeleteConfirm",
@@ -173,6 +196,12 @@ export class GrwOfflineConfirmModal {
                 "target": "window",
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "deleteErrorConfirm",
+                "method": "deleteErrorConfirm",
+                "target": "window",
+                "capture": false,
+                "passive": false
             }];
     }
 }

package/dist/collection/components/grw-offline-confirm-modal/grw-offline-confirm-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"grw-offline-confirm-modal.js","sourceRoot":"","sources":["../../../src/components/grw-offline-confirm-modal/grw-offline-confirm-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Fragment, Host, Listen, Prop, State, h } from '@stencil/core';\nimport { Mode } from 'types/types';\n\n@Component({\n  tag: 'grw-offline-confirm-modal',\n  styleUrl: 'grw-offline-confirm-modal.scss',\n  shadow: true,\n})\nexport class GrwOfflineConfirmModal {\n  @State() showOfflineModal = false;\n  @State() showConfirmModal = false;\n  @State() showLoaderModal = false;\n  @State() showSuccessModal = false;\n  @State() showConfirmDeleteModal = false;\n  @State() showDeletingMessage = false;\n  @State() showDeleteSuccessMessage = false;\n\n  @Event() downloadPress: EventEmitter<number>;\n  @Event() deletePress: EventEmitter<number>;\n\n  @Prop() mode: Mode;\n\n  @Listen('downloadConfirm', { target: 'window' })\n  onDownloadConfirm() {\n    this.showLoaderModal = false;\n    this.showSuccessModal = false;\n    this.showDeleteSuccessMessage = false;\n    this.showDeletingMessage = false;\n    this.showConfirmDeleteModal = false;\n    document.body.style.overflow = `hidden`;\n    this.showOfflineModal = true;\n    this.showConfirmModal = true;\n  }\n\n  @Listen('downloadedSuccessConfirm', { target: 'window' })\n  onDownloadedSuccessConfirm() {\n    this.showLoaderModal = false;\n    this.showSuccessModal = true;\n  }\n\n  @Listen('deleteConfirm', { target: 'window' })\n  onDeleteConfirm() {\n    this.showLoaderModal = false;\n    this.showSuccessModal = false;\n    this.showDeleteSuccessMessage = false;\n    document.body.style.overflow = `hidden`;\n    this.showOfflineModal = true;\n    this.showConfirmModal = true;\n    this.showConfirmDeleteModal = true;\n  }\n\n  @Listen('deleteSuccessConfirm', { target: 'window' })\n  onDeleteSuccessConfirm() {\n    this.showLoaderModal = false;\n    this.showSuccessModal = true;\n    this.showDeleteSuccessMessage = true;\n  }\n\n  handleOkDeleteModal() {\n    this.showDeletingMessage = true;\n    this.showConfirmDeleteModal = false;\n    this.showConfirmModal = false;\n    this.showLoaderModal = true;\n    this.deletePress.emit();\n  }\n\n  handleOkDownloadModal() {\n    this.showConfirmModal = false;\n    this.showLoaderModal = true;\n    this.downloadPress.emit();\n  }\n\n  handleCancelModal() {\n    document.body.style.overflow = `visible`;\n    this.showOfflineModal = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.showOfflineModal && (\n          <div class=\"modal-container\">\n            <div class=\"modal-content-container\">\n              {this.showConfirmModal && !this.showConfirmDeleteModal && (\n                <Fragment>\n                  <div class=\"modal-message-container\">{`${\n                    this.mode === 'treks'\n                      ? 'Êtes-vous sûr de vouloir rendre cet itinéraire disponible hors ligne ?'\n                      : 'Êtes-vous sûr de vouloir rendre cet outdoor disponible hors ligne ?'\n                  }`}</div>\n                  <div class=\"modal-buttons-container\">\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleCancelModal()}>\n                      ANNULER\n                    </button>\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleOkDownloadModal()}>\n                      OK\n                    </button>\n                  </div>\n                </Fragment>\n              )}\n              {this.showConfirmDeleteModal && (\n                <Fragment>\n                  <div class=\"modal-message-container\">{`${\n                    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 ?'\n                  }`}</div>\n                  <div class=\"modal-buttons-container\">\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleCancelModal()}>\n                      ANNULER\n                    </button>\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleOkDeleteModal()}>\n                      OK\n                    </button>\n                  </div>\n                </Fragment>\n              )}\n              {this.showLoaderModal && (\n                <Fragment>\n                  <div class=\"modal-message-container\">\n                    <div class=\"modal-loader\"></div>\n                    {this.showDeletingMessage ? 'Suppression en cours' : 'Téléchargement en cours'}\n                  </div>\n                </Fragment>\n              )}\n              {this.showSuccessModal && (\n                <Fragment>\n                  <div class=\"modal-message-container\">\n                    {this.showDeleteSuccessMessage\n                      ? this.mode === 'treks'\n                        ? \"L'itinéraire est supprimé du hors ligne\"\n                        : \"L'outdoor est supprimé du hors ligne\"\n                      : this.mode === 'treks'\n                      ? \"L'itinéraire est disponible hors ligne\"\n                      : \"L'outdoor est disponible hors ligne\"}\n                  </div>\n                  <div class=\"modal-button-container\">\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleCancelModal()}>\n                      OK\n                    </button>\n                  </div>\n                </Fragment>\n              )}\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"grw-offline-confirm-modal.js","sourceRoot":"","sources":["../../../src/components/grw-offline-confirm-modal/grw-offline-confirm-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Fragment, Host, Listen, Prop, State, h } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state from 'store/store';\nimport { Mode } from 'types/types';\n\n@Component({\n  tag: 'grw-offline-confirm-modal',\n  styleUrl: 'grw-offline-confirm-modal.scss',\n  shadow: true,\n})\nexport class GrwOfflineConfirmModal {\n  @State() showOfflineModal = false;\n  @State() showConfirmModal = false;\n  @State() showLoaderModal = false;\n  @State() showSuccessModal = false;\n  @State() showErrorModal = false;\n  @State() showConfirmDeleteModal = false;\n  @State() showDeletingMessage = false;\n  @State() showDeleteSuccessMessage = false;\n\n  @Event() downloadPress: EventEmitter<number>;\n  @Event() deletePress: EventEmitter<number>;\n\n  @Prop() mode: Mode;\n\n  @Listen('downloadConfirm', { target: 'window' })\n  onDownloadConfirm() {\n    this.showLoaderModal = false;\n    this.showSuccessModal = false;\n    this.showDeleteSuccessMessage = false;\n    this.showDeletingMessage = false;\n    this.showConfirmDeleteModal = false;\n    document.body.style.overflow = `hidden`;\n    this.showOfflineModal = true;\n    this.showConfirmModal = true;\n  }\n\n  @Listen('downloadedSuccessConfirm', { target: 'window' })\n  onDownloadedSuccessConfirm() {\n    this.showLoaderModal = false;\n    this.showSuccessModal = true;\n  }\n\n  @Listen('downloadedErrorConfirm', { target: 'window' })\n  downloadedErrorConfirm() {\n    this.showLoaderModal = false;\n    this.showErrorModal = true;\n  }\n\n  @Listen('deleteConfirm', { target: 'window' })\n  onDeleteConfirm() {\n    this.showLoaderModal = false;\n    this.showSuccessModal = false;\n    this.showDeleteSuccessMessage = false;\n    document.body.style.overflow = `hidden`;\n    this.showOfflineModal = true;\n    this.showConfirmModal = true;\n    this.showConfirmDeleteModal = true;\n  }\n\n  @Listen('deleteSuccessConfirm', { target: 'window' })\n  onDeleteSuccessConfirm() {\n    this.showLoaderModal = false;\n    this.showSuccessModal = true;\n    this.showDeleteSuccessMessage = true;\n  }\n\n  @Listen('deleteErrorConfirm', { target: 'window' })\n  deleteErrorConfirm() {\n    this.showLoaderModal = false;\n    this.showSuccessModal = true;\n    this.showDeleteSuccessMessage = true;\n  }\n\n  handleOkDeleteModal() {\n    this.showDeletingMessage = true;\n    this.showConfirmDeleteModal = false;\n    this.showConfirmModal = false;\n    this.showLoaderModal = true;\n    this.deletePress.emit();\n  }\n\n  handleOkDownloadModal() {\n    this.showConfirmModal = false;\n    this.showLoaderModal = true;\n    this.downloadPress.emit();\n  }\n\n  handleCancelModal() {\n    document.body.style.overflow = `visible`;\n    this.showOfflineModal = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.showOfflineModal && (\n          <div class=\"modal-container\">\n            <div class=\"modal-content-container\">\n              {this.showConfirmModal && !this.showConfirmDeleteModal && (\n                <Fragment>\n                  <div class=\"modal-message-container\">{`${\n                    this.mode === 'treks' ? translate[state.language].offline.downloadRouteQuestion : translate[state.language].offline.downloadOutdoorQuestion\n                  }`}</div>\n                  <div class=\"modal-buttons-container\">\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleCancelModal()}>\n                      {translate[state.language].offline.cancel}\n                    </button>\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleOkDownloadModal()}>\n                      {translate[state.language].offline.ok}\n                    </button>\n                  </div>\n                </Fragment>\n              )}\n              {this.showConfirmDeleteModal && (\n                <Fragment>\n                  <div class=\"modal-message-container\">{`${\n                    this.mode === 'treks' ? translate[state.language].offline.deleteRouteQuestion : translate[state.language].offline.deleteRouteQuestion\n                  }`}</div>\n                  <div class=\"modal-buttons-container\">\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleCancelModal()}>\n                      {translate[state.language].offline.cancel}\n                    </button>\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleOkDeleteModal()}>\n                      {translate[state.language].offline.ok}\n                    </button>\n                  </div>\n                </Fragment>\n              )}\n              {this.showLoaderModal && (\n                <Fragment>\n                  <div class=\"modal-message-container\">\n                    <div class=\"modal-loader\"></div>\n                    {this.showDeletingMessage ? translate[state.language].offline.deleting : translate[state.language].offline.downloading}\n                  </div>\n                </Fragment>\n              )}\n              {this.showSuccessModal && (\n                <Fragment>\n                  <div class=\"modal-message-container\">\n                    {this.showDeleteSuccessMessage\n                      ? this.mode === 'treks'\n                        ? translate[state.language].offline.offlineRouteDeleted\n                        : translate[state.language].offline.offlineOutdoorDeleted\n                      : this.mode === 'treks'\n                      ? translate[state.language].offline.routeAvailableOffline\n                      : translate[state.language].offline.outdoorAvailableOffline}\n                  </div>\n                  <div class=\"modal-button-container\">\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleCancelModal()}>\n                      {translate[state.language].offline.ok}\n                    </button>\n                  </div>\n                </Fragment>\n              )}\n\n              {this.showErrorModal && (\n                <Fragment>\n                  <div class=\"modal-message-container\">\n                    {this.showDeleteSuccessMessage\n                      ? this.mode === 'treks'\n                        ? translate[state.language].offline.deleteRouteError\n                        : translate[state.language].offline.deleteOutdoorError\n                      : this.mode === 'treks'\n                      ? translate[state.language].offline.downloadRouteError\n                      : translate[state.language].offline.downloadOutdoorError}\n                  </div>\n                  <div class=\"modal-button-container\">\n                    <button part=\"modal-button\" class=\"modal-button\" onClick={() => this.handleCancelModal()}>\n                      {translate[state.language].offline.ok}\n                    </button>\n                  </div>\n                </Fragment>\n              )}\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/grw-outdoor-site-detail/grw-outdoor-site-detail.js

@@ -451,42 +451,47 @@ export class GrwOutdoorSiteDetail {
         this.downloadedSuccessConfirm.emit();
     }
     async downloadOutdoorSite(outdoorSiteId) {
-        const controller = new AbortController();
-        const signal = controller.signal;
-        const init = { cache: Build.isDev ? 'force-cache' : 'default', signal: signal };
-        const outdoorSite = await getOutdoorSite(state.api, state.language, outdoorSiteId, init).then(response => response.json());
-        await this.downloadOutdoorSiteTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution, outdoorSite.geometry);
-        await writeOrUpdateFilesInStore(outdoorSite, imagesRegExp, true, ['url']);
-        const pois = (await getPoisNearSite(state.api, state.language, outdoorSiteId, init).then(response => response.json())).results;
-        await writeOrUpdateDataInStore('pois', pois);
-        await writeOrUpdateFilesInStore(pois, imagesRegExp, true, ['url']);
-        const touristicContents = (await getTouristicContentsNearOutdoorSite(state.api, state.language, outdoorSiteId, init).then(response => response.json())).results;
-        await writeOrUpdateFilesInStore(touristicContents, imagesRegExp, true, ['url']);
-        touristicContents.forEach(touristicContent => {
-            touristicContent.offline = true;
-        });
-        await writeOrUpdateDataInStore('touristicContents', touristicContents);
-        const touristicEvents = (await getTouristicEventsNearOutdoorSite(state.api, state.language, outdoorSiteId, init).then(response => response.json())).results;
-        await writeOrUpdateFilesInStore(touristicEvents, imagesRegExp, true, ['url']);
-        touristicEvents.forEach(touristicEvent => {
-            touristicEvent.offline = true;
-        });
-        await writeOrUpdateDataInStore('touristicEvents', touristicEvents);
-        await 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: Build.isDev ? 'force-cache' : 'default', signal: signal };
+            const outdoorSite = await getOutdoorSite(state.api, state.language, outdoorSiteId, init).then(response => response.json());
+            await this.downloadOutdoorSiteTiles(this.defaultBackgroundLayerUrl, this.defaultBackgroundLayerAttribution, outdoorSite.geometry);
+            await writeOrUpdateFilesInStore(outdoorSite, imagesRegExp, true, ['url']);
+            const pois = (await getPoisNearSite(state.api, state.language, outdoorSiteId, init).then(response => response.json())).results;
+            await writeOrUpdateDataInStore('pois', pois);
+            await writeOrUpdateFilesInStore(pois, imagesRegExp, true, ['url']);
+            const touristicContents = (await getTouristicContentsNearOutdoorSite(state.api, state.language, outdoorSiteId, init).then(response => response.json())).results;
+            await writeOrUpdateFilesInStore(touristicContents, imagesRegExp, true, ['url']);
+            touristicContents.forEach(touristicContent => {
+                touristicContent.offline = true;
+            });
+            await writeOrUpdateDataInStore('touristicContents', touristicContents);
+            const touristicEvents = (await getTouristicEventsNearOutdoorSite(state.api, state.language, outdoorSiteId, init).then(response => response.json())).results;
+            await writeOrUpdateFilesInStore(touristicEvents, imagesRegExp, true, ['url']);
+            touristicEvents.forEach(touristicEvent => {
+                touristicEvent.offline = true;
+            });
+            await writeOrUpdateDataInStore('touristicEvents', touristicEvents);
+            await 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();
@@ -515,20 +520,25 @@ export class GrwOutdoorSiteDetail {
         ]);
     }
     async deleteOutdoorSite() {
-        const outdoorSitesInStore = [];
-        const outdoorSiteInStore = await getDataInStore('outdoorSites', this.currentOutdoorSite.id);
-        this.deleteOfflineOutdoorSiteProperties(outdoorSiteInStore);
-        outdoorSitesInStore.push(outdoorSiteInStore);
-        await writeOrUpdateDataInStore('outdoorSites', outdoorSitesInStore);
-        if (state.outdoorSites) {
-            delete state.outdoorSites.find(outdoorSite => outdoorSite.id === this.currentOutdoorSite.id).offline;
-            if (!state.currentOutdoorSites) {
-                state.currentOutdoorSites = state.outdoorSites;
+        try {
+            const outdoorSitesInStore = [];
+            const outdoorSiteInStore = await getDataInStore('outdoorSites', this.currentOutdoorSite.id);
+            this.deleteOfflineOutdoorSiteProperties(outdoorSiteInStore);
+            outdoorSitesInStore.push(outdoorSiteInStore);
+            await writeOrUpdateDataInStore('outdoorSites', outdoorSitesInStore);
+            if (state.outdoorSites) {
+                delete state.outdoorSites.find(outdoorSite => outdoorSite.id === this.currentOutdoorSite.id).offline;
+                if (!state.currentOutdoorSites) {
+                    state.currentOutdoorSites = state.outdoorSites;
+                }
+                delete state.currentOutdoorSites.find(trek => trek.id === this.currentOutdoorSite.id).offline;
             }
-            delete 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 = tileLayerOffline(url, { attribution });
@@ -560,7 +570,7 @@ export class GrwOutdoorSiteDetail {
         const outdoorRatings = state.outdoorRatings && this.currentOutdoorSite && state.outdoorRatings.filter(outdoorRating => this.currentOutdoorSite.ratings.includes(outdoorRating.id));
         const currentOutdoorSitesRatingsScales = outdoorRatings && [...new Set(outdoorRatings.map(outdoorRating => outdoorRating.scale))];
         const outdoorRatingsScales = currentOutdoorSitesRatingsScales && state.outdoorRatingsScale.filter(outdoorRatingsScale => currentOutdoorSitesRatingsScales.includes(outdoorRatingsScale.id));
-        return (h(Host, { key: 'c8c82a1c228977563d619f9cf46f8ebe3e859c2d', style: {
+        return (h(Host, { key: '3bb4b79d006243fe3009d2d3e8eb41054b8ae2a3', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -593,7 +603,7 @@ export class GrwOutdoorSiteDetail {
             outdoorRatingsScales.map(outdoorRatingsScale => (h("div", { part: "row", class: "row" }, `${outdoorRatingsScale.name} : ${outdoorRatings
                 .filter(outdoorRating => outdoorRating.scale === outdoorRatingsScale.id)
                 .map(rating => rating.name)
-                .join(', ')}`))))), 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.currentOutdoorSite.parents || this.currentOutdoorSite.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.currentOutdoorSite.parents || this.currentOutdoorSite.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", { href: `${this.currentOutdoorSite.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.currentOutdoorSite.description_teaser && h("div", { part: "description-teaser", class: "description-teaser", innerHTML: this.currentOutdoorSite.description_teaser }), this.currentOutdoorSite.ambiance && h("div", { part: "ambiance", class: "ambiance", innerHTML: this.currentOutdoorSite.ambiance }), h("div", { part: "divider", class: "divider" }), this.currentOutdoorSite.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.currentOutdoorSite.description }))), this.currentOutdoorSite.cities && this.currentOutdoorSite.cities.length > 0 && (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: city.name }))), this.currentOutdoorSite.cities && this.currentOutdoorSite.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.currentOutdoorSite.cities.map(currentCity => { var _a; return (_a = state.cities.find(city => city.id === currentCity)) === null || _a === void 0 ? void 0 : _a.name; }).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 }))))), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.poisSwiperScrollbar = el) }))))), this.currentOutdoorSite.advice && (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.currentOutdoorSite.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.currentOutdoorSite.advice })))))), this.currentOutdoorSite.accessibility && this.currentOutdoorSite.accessibility !== '' && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "accessibilities-container", class: "accessibilities-container" }, h("div", { part: "accessibilites-title", class: "accessibilities-title" }, translate[state.language].accessibility), h("div", { part: "accessibilities", innerHTML: this.currentOutdoorSite.accessibility })))), state.currentRelatedOutdoorSites && state.currentRelatedOutdoorSites.length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "related-outdoor-sites-container", class: "related-outdoor-sites-container" }, h("div", { part: "related-outdoor-sites-title", class: "related-outdoor-sites-title", ref: el => (this.sitesRef = el) }, translate[state.language].relatedOutdoorSites(state.currentRelatedOutdoorSites.length)), h("div", { part: "swiper-related-outdoor-sites", class: "swiper swiper-related-outdoor-sites", ref: el => (this.swiperRelatedOutdoorSitesRef = el) }, h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, state.currentRelatedOutdoorSites.map(relatedOutdoorSite => (h("div", { part: "swiper-slide", class: "swiper-slide" }, 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 }))))), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.relatedOutdoorSitesSwiperScrollbar = el) }))))), state.currentRelatedOutdoorCourses && state.currentRelatedOutdoorCourses.length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "related-outdoor-courses-container", class: "related-outdoor-courses-container" }, h("div", { part: "related-outdoor-courses-title", class: "related-outdoor-courses-title", ref: el => (this.coursesRef = el) }, translate[state.language].relatedOutdoorCourses(state.currentRelatedOutdoorCourses.length)), h("div", { part: "swiper-related-outdoor-courses", class: "swiper swiper-related-outdoor-courses", ref: el => (this.swiperRelatedOutdoorCoursesRef = el) }, h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, state.currentRelatedOutdoorCourses.map(relatedOutdoorCourse => (h("div", { part: "swiper-slide", class: "swiper-slide" }, 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 }))))), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.relatedOutdoorCoursesSwiperScrollbar = el) }))))), state.currentInformationDesks &&
+                .join(', ')}`))))), 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.currentOutdoorSite.parents || this.currentOutdoorSite.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.currentOutdoorSite.parents || this.currentOutdoorSite.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", { href: `${this.currentOutdoorSite.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.currentOutdoorSite.description_teaser && h("div", { part: "description-teaser", class: "description-teaser", innerHTML: this.currentOutdoorSite.description_teaser }), this.currentOutdoorSite.ambiance && h("div", { part: "ambiance", class: "ambiance", innerHTML: this.currentOutdoorSite.ambiance }), h("div", { part: "divider", class: "divider" }), this.currentOutdoorSite.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.currentOutdoorSite.description }))), this.currentOutdoorSite.cities && this.currentOutdoorSite.cities.length > 0 && (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: city.name }))), this.currentOutdoorSite.cities && this.currentOutdoorSite.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.currentOutdoorSite.cities.map(currentCity => { var _a; return (_a = state.cities.find(city => city.id === currentCity)) === null || _a === void 0 ? void 0 : _a.name; }).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 }))))), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.poisSwiperScrollbar = el) }))))), this.currentOutdoorSite.advice && (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.currentOutdoorSite.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.currentOutdoorSite.advice })))))), this.currentOutdoorSite.accessibility && this.currentOutdoorSite.accessibility !== '' && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "accessibilities-container", class: "accessibilities-container" }, h("div", { part: "accessibilites-title", class: "accessibilities-title" }, translate[state.language].accessibility), h("div", { part: "accessibilities", innerHTML: this.currentOutdoorSite.accessibility })))), state.currentRelatedOutdoorSites && state.currentRelatedOutdoorSites.length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "related-outdoor-sites-container", class: "related-outdoor-sites-container" }, h("div", { part: "related-outdoor-sites-title", class: "related-outdoor-sites-title", ref: el => (this.sitesRef = el) }, translate[state.language].relatedOutdoorSites(state.currentRelatedOutdoorSites.length)), h("div", { part: "swiper-related-outdoor-sites", class: "swiper swiper-related-outdoor-sites", ref: el => (this.swiperRelatedOutdoorSitesRef = el) }, h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, state.currentRelatedOutdoorSites.map(relatedOutdoorSite => (h("div", { part: "swiper-slide", class: "swiper-slide" }, 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 }))))), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.relatedOutdoorSitesSwiperScrollbar = el) }))))), state.currentRelatedOutdoorCourses && state.currentRelatedOutdoorCourses.length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "related-outdoor-courses-container", class: "related-outdoor-courses-container" }, h("div", { part: "related-outdoor-courses-title", class: "related-outdoor-courses-title", ref: el => (this.coursesRef = el) }, translate[state.language].relatedOutdoorCourses(state.currentRelatedOutdoorCourses.length)), h("div", { part: "swiper-related-outdoor-courses", class: "swiper swiper-related-outdoor-courses", ref: el => (this.swiperRelatedOutdoorCoursesRef = el) }, h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, state.currentRelatedOutdoorCourses.map(relatedOutdoorCourse => (h("div", { part: "swiper-slide", class: "swiper-slide" }, 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 }))))), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.relatedOutdoorCoursesSwiperScrollbar = el) }))))), state.currentInformationDesks &&
             state.currentInformationDesks.filter(currentInformationDesks => this.currentOutdoorSite.information_desks.includes(currentInformationDesks.id)).length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "information-desks-container", class: "information-desks-container" }, h("div", { part: "information-desks-title", class: "information-desks-title", ref: el => (this.informationPlacesRef = el) }, translate[state.language].informationPlaces), h("div", { part: "swiper-information-desks", class: "swiper swiper-information-desks", ref: el => (this.swiperInformationDesksRef = el) }, h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, state.currentInformationDesks
             .filter(currentInformationDesks => this.currentOutdoorSite.information_desks.includes(currentInformationDesks.id))
             .map(informationDesk => (h("div", { part: "swiper-slide", class: "swiper-slide" }, 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 }))))), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.informationDesksContentsSwiperScrollbar = el) }))))), state.trekTouristicContents && state.trekTouristicContents.length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "touristic-content-container", class: "touristic-content-container" }, h("div", { part: "touristic-content-title", class: "touristic-content-title", ref: el => (this.touristicContentsRef = el) }, translate[state.language].touristicContents(state.trekTouristicContents.length)), h("div", { part: "swiper-touristic-content", class: "swiper swiper-touristic-content", ref: el => (this.swiperTouristicContentsRef = el) }, h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, state.trekTouristicContents.map(touristicContent => (h("div", { part: "swiper-slide", class: "swiper-slide" }, 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 }))))), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.touristicContentsSwiperScrollbar = el) }))))), state.trekTouristicEvents && state.trekTouristicEvents.length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "touristic-event-container", class: "touristic-event-container" }, h("div", { part: "touristic-event-title", class: "touristic-event-title", ref: el => (this.touristicEventsRef = el) }, translate[state.language].touristicEvents(state.trekTouristicEvents.length)), h("div", { part: "swiper-touristic-event", class: "swiper swiper-touristic-event", ref: el => (this.swiperTouristicEventsRef = el) }, h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, state.trekTouristicEvents.map(touristicEvent => (h("div", { part: "swiper-slide", class: "swiper-slide" }, 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 }))))), h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.touristicEventsSwiperScrollbar = el) }))))), this.weather && 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/${city.id}0#${this.colorPrimaryApp}` })))), this.currentOutdoorSite.web_links && this.currentOutdoorSite.web_links.length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "weblinks-container", class: "weblinks-container" }, h("div", { part: "weblinks-title", class: "weblinks-title" }, translate[state.language].learnMore), this.currentOutdoorSite.web_links.map(weblink => (h("a", { part: "weblink-container", class: "weblink-container", href: weblink.url, target: "_blank", rel: "noopener noreferrer" }, weblink.category && weblink.category.pictogram && h("img", { src: weblink.category.pictogram, alt: weblink.category.label }), weblink.name)))))), this.currentOutdoorSite.source && this.currentOutdoorSite.source.length > 0 && (h("div", null, h("div", { part: "divider", class: "divider" }), h("div", { part: "source-container", class: "source-container" }, h("div", { part: "source-title", class: "source-title" }, translate[state.language].sources), this.sources.map(source => (h("div", { part: "source-sub-container", class: "source-sub-container" }, source.pictogram && h("img", { src: source.pictogram, alt: "" }), h("div", null, h("div", { part: "source-name", class: "source-name", innerHTML: source.name }), h("a", { part: "source-advice", class: "source-advice", href: source.website, innerHTML: source.website })))))))), this.grwApp && h("div", { part: "detail-bottom-space", class: "detail-bottom-space" }))), this.modalDetailsId && (h(Fragment, null, this.showTouristicContentDetailsModal && h("grw-touristic-content-provider", { api: state.api, "touristic-content-id": this.modalDetailsId }), this.showTouristicEventDetailsModal && h("grw-touristic-event-provider", { api: state.api, "touristic-event-id": this.modalDetailsId })))));
@@ -1104,6 +1114,21 @@ export class GrwOutdoorSiteDetail {
                     "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",
@@ -1134,6 +1159,21 @@ export class GrwOutdoorSiteDetail {
                     "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() {