@geotrekce/geotrek-rando-widget 0.18.2 → 0.19.0

package/dist/cjs/{grw-common-button_27.cjs.entry.js → grw-common-button_28.cjs.entry.js}

@@ -2597,7 +2597,11 @@ const GrwMap = class {
                         id: trek.id,
                         name: trek.name,
                         practice: (_a = utils.state.practices.find(practice => practice.id === trek.practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                        imgSrc: trek.attachments && trek.attachments.length > 0 && trek.attachments[0].thumbnail,
+                        imgSrc: trek.attachments && trek.attachments.filter(attachment => attachment.type === 'image').length > 0
+                            ? trek.attachments[0].thumbnail !== ''
+                                ? trek.attachments[0].thumbnail
+                                : trek.attachments[0].url
+                            : null,
                     },
                 });
             }
@@ -2860,7 +2864,11 @@ const GrwMap = class {
                             id: trek.id,
                             name: trek.name,
                             practice: (_a = utils.state.practices.find(practice => practice.id === trek.practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                            imgSrc: trek.attachments && trek.attachments.length > 0 && trek.attachments[0].thumbnail,
+                            imgSrc: trek.attachments && trek.attachments.filter(attachment => attachment.type === 'image').length > 0
+                                ? trek.attachments[0].thumbnail !== ''
+                                    ? trek.attachments[0].thumbnail
+                                    : trek.attachments[0].url
+                                : null,
                         },
                     });
                 }
@@ -3049,7 +3057,11 @@ const GrwMap = class {
                     id: trek.id,
                     name: trek.name,
                     practice: (_a = utils.state.practices.find(practice => practice.id === trek.practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                    imgSrc: trek.attachments && trek.attachments.length > 0 && trek.attachments[0].thumbnail,
+                    imgSrc: trek.attachments && trek.attachments.filter(attachment => attachment.type === 'image').length > 0
+                        ? trek.attachments[0].thumbnail !== ''
+                            ? trek.attachments[0].thumbnail
+                            : trek.attachments[0].url
+                        : null,
                 },
             });
         }
@@ -3140,7 +3152,11 @@ const GrwMap = class {
                     id: utils.state.currentTrekSteps[stepIndex].id,
                     name: utils.state.currentTrekSteps[stepIndex].name,
                     practice: (_a = utils.state.practices.find(practice => practice.id === utils.state.currentTrekSteps[stepIndex].practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                    imgSrc: utils.state.currentTrekSteps[stepIndex].attachments && utils.state.currentTrekSteps[stepIndex].attachments.length > 0 && utils.state.currentTrekSteps[stepIndex].attachments[0].thumbnail,
+                    imgSrc: utils.state.currentTrekSteps[stepIndex].attachments && utils.state.currentTrekSteps[stepIndex].attachments.filter(attachment => attachment.type === 'image').length > 0
+                        ? utils.state.currentTrekSteps[stepIndex].attachments[0].thumbnail !== ''
+                            ? utils.state.currentTrekSteps[stepIndex].attachments[0].thumbnail
+                            : utils.state.currentTrekSteps[stepIndex].attachments[0].url
+                        : null,
                     index: stepIndex + 1,
                 },
             });
@@ -3311,7 +3327,11 @@ const GrwMap = class {
                         id: currentTouristicContent.id,
                         name: currentTouristicContent.name,
                         practice: utils.state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === currentTouristicContent.category).pictogram,
-                        imgSrc: currentTouristicContent.attachments && currentTouristicContent.attachments.length > 0 && currentTouristicContent.attachments[0].thumbnail,
+                        imgSrc: currentTouristicContent.attachments && currentTouristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0
+                            ? currentTouristicContent.attachments[0].thumbnail !== ''
+                                ? currentTouristicContent.attachments[0].thumbnail
+                                : currentTouristicContent.attachments[0].url
+                            : null,
                     },
                 });
             }
@@ -3467,7 +3487,11 @@ const GrwMap = class {
                     id: touristicContent.id,
                     name: touristicContent.name,
                     category: (_a = utils.state.touristicContentCategories.find(practice => practice.id === touristicContent.category)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                    imgSrc: touristicContent.attachments && touristicContent.attachments.length > 0 && touristicContent.attachments[0].thumbnail,
+                    imgSrc: touristicContent.attachments && touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0
+                        ? touristicContent.attachments[0].thumbnail !== ''
+                            ? touristicContent.attachments[0].thumbnail
+                            : touristicContent.attachments[0].url
+                        : null,
                 },
             });
         }
@@ -3557,7 +3581,11 @@ const GrwMap = class {
                         id: currentTouristicEvent.id,
                         name: currentTouristicEvent.name,
                         type: (_a = utils.state.touristicEventTypes.find(touristicEventType => touristicEventType.id === currentTouristicEvent.type)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                        imgSrc: currentTouristicEvent.attachments && currentTouristicEvent.attachments.length > 0 && currentTouristicEvent.attachments[0].thumbnail,
+                        imgSrc: currentTouristicEvent.attachments && currentTouristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0
+                            ? currentTouristicEvent.attachments[0].thumbnail !== ''
+                                ? currentTouristicEvent.attachments[0].thumbnail
+                                : currentTouristicEvent.attachments[0].url
+                            : null,
                     },
                 });
             }
@@ -3673,7 +3701,11 @@ const GrwMap = class {
                         id: currentOutdoorSite.id,
                         name: currentOutdoorSite.name,
                         practice: (_a = utils.state.outdoorPractices.find(practice => practice.id === currentOutdoorSite.practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                        imgSrc: currentOutdoorSite.attachments && currentOutdoorSite.attachments.length > 0 && currentOutdoorSite.attachments[0].thumbnail,
+                        imgSrc: currentOutdoorSite.attachments && currentOutdoorSite.attachments.filter(attachment => attachment.type === 'image').length > 0
+                            ? currentOutdoorSite.attachments[0].thumbnail !== ''
+                                ? currentOutdoorSite.attachments[0].thumbnail
+                                : currentOutdoorSite.attachments[0].url
+                            : null,
                     },
                 });
             }
@@ -3833,7 +3865,11 @@ const GrwMap = class {
                         id: currentRelatedOutdoorSite.id,
                         name: currentRelatedOutdoorSite.name,
                         practice: (_a = utils.state.outdoorPractices.find(practice => practice.id === currentRelatedOutdoorSite.practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                        imgSrc: currentRelatedOutdoorSite.attachments && currentRelatedOutdoorSite.attachments.length > 0 && currentRelatedOutdoorSite.attachments[0].thumbnail,
+                        imgSrc: currentRelatedOutdoorSite.attachments && currentRelatedOutdoorSite.attachments.filter(attachment => attachment.type === 'image').length > 0
+                            ? currentRelatedOutdoorSite.attachments[0].thumbnail !== ''
+                                ? currentRelatedOutdoorSite.attachments[0].thumbnail
+                                : currentRelatedOutdoorSite.attachments[0].url
+                            : null,
                     },
                 });
             }
@@ -3871,7 +3907,11 @@ const GrwMap = class {
                         id: currentRelatedOutdoorCourse.id,
                         name: currentRelatedOutdoorCourse.name,
                         type: (_a = utils.state.outdoorCourseTypes.find(type => type.id === currentRelatedOutdoorCourse.type)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                        imgSrc: currentRelatedOutdoorCourse.attachments && currentRelatedOutdoorCourse.attachments.length > 0 && currentRelatedOutdoorCourse.attachments[0].thumbnail,
+                        imgSrc: currentRelatedOutdoorCourse.attachments && currentRelatedOutdoorCourse.attachments.filter(attachment => attachment.type === 'image').length > 0
+                            ? currentRelatedOutdoorCourse.attachments[0].thumbnail !== ''
+                                ? currentRelatedOutdoorCourse.attachments[0].thumbnail
+                                : currentRelatedOutdoorCourse.attachments[0].url
+                            : null,
                     },
                 });
             }
@@ -3912,7 +3952,11 @@ const GrwMap = class {
                     id: touristicEvent.id,
                     name: touristicEvent.name,
                     category: (_a = utils.state.touristicEventTypes.find(type => type.id === touristicEvent.type)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                    imgSrc: touristicEvent.attachments && touristicEvent.attachments.length > 0 && touristicEvent.attachments[0].thumbnail,
+                    imgSrc: touristicEvent.attachments && touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0
+                        ? touristicEvent.attachments[0].thumbnail !== ''
+                            ? touristicEvent.attachments[0].thumbnail
+                            : touristicEvent.attachments[0].url
+                        : null,
                 },
             });
         }
@@ -4045,7 +4089,11 @@ const GrwMap = class {
                         id: outdoorSite.id,
                         name: outdoorSite.name,
                         practice: (_a = utils.state.outdoorPractices.find(practice => practice.id === outdoorSite.practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                        imgSrc: outdoorSite.attachments && outdoorSite.attachments.length > 0 && outdoorSite.attachments[0].thumbnail,
+                        imgSrc: outdoorSite.attachments && outdoorSite.attachments.filter(attachment => attachment.type === 'image').length > 0
+                            ? outdoorSite.attachments[0].thumbnail !== ''
+                                ? outdoorSite.attachments[0].thumbnail
+                                : outdoorSite.attachments[0].url
+                            : null,
                     },
                 });
             }
@@ -4134,7 +4182,11 @@ const GrwMap = class {
                     id: outdoorCourse.id,
                     name: outdoorCourse.name,
                     type: (_a = utils.state.outdoorCourseTypes.find(type => type.id === outdoorCourse.type)) === null || _a === void 0 ? void 0 : _a.pictogram,
-                    imgSrc: outdoorCourse.attachments && outdoorCourse.attachments.length > 0 && outdoorCourse.attachments[0].thumbnail,
+                    imgSrc: outdoorCourse.attachments && outdoorCourse.attachments.filter(attachment => attachment.type === 'image').length > 0
+                        ? outdoorCourse.attachments[0].thumbnail !== ''
+                            ? outdoorCourse.attachments[0].thumbnail
+                            : outdoorCourse.attachments[0].url
+                        : null,
                 },
             });
         }
@@ -4515,7 +4567,7 @@ const GrwMap = class {
     render() {
         const layersImageSrc = index.getAssetPath(`${''}assets/layers.svg`);
         const contractImageSrc = index.getAssetPath(`${''}assets/contract.svg`);
-        return (index.h(index.Host, { key: '7bb7283327e9c052d62a3e289c984dde39f222fd', style: {
+        return (index.h(index.Host, { key: 'd0c0276783cadc94bc3bb144e5041e3cdbf31991', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -4528,7 +4580,7 @@ const GrwMap = class {
                 '--layers-image-src': `url(${layersImageSrc})`,
                 '--contract-image-src': `url(${contractImageSrc})`,
                 '--map-bottom-space-height': this.isLargeView || !this.grwApp ? '0px' : '144px',
-            } }, index.h("div", { key: '791ec31343feebab7ab861f8f5b754a3d1c01ac7', id: "map", part: "map", class: utils.state.currentTouristicContent || utils.state.currentTouristicEvent || utils.state.currentOutdoorSite || utils.state.currentOutdoorCourse
+            } }, index.h("div", { key: '2309dcc9395c884f1602012c16fe84800920ad02', id: "map", part: "map", class: utils.state.currentTouristicContent || utils.state.currentTouristicEvent || utils.state.currentOutdoorSite || utils.state.currentOutdoorCourse
                 ? 'common-map'
                 : utils.state.currentTrek
                     ? 'trek-map'
@@ -4537,6 +4589,81 @@ const GrwMap = class {
 };
 GrwMap.style = GrwMapStyle0;
 
+const grwOfflineConfirmModalCss = ":host{display:block}.modal-container{z-index:40000;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-family);top:0px;left:0px;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.6)}.modal-container .modal-content-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;width:380px;height:120px;padding:16px;margin:0px 16px;background-color:var(--color-background);border-radius:var(--border-radius, 8px)}.modal-container .modal-message-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.modal-container .modal-message-container .modal-loader{width:16px;height:16px;border:3px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;margin-right:16px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.modal-container .modal-buttons-container,.modal-container .modal-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-top:16px}.modal-container .modal-buttons-container .modal-button,.modal-container .modal-button-container .modal-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;height:32px;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:none;-webkit-tap-highlight-color:transparent;line-height:20px;color:var(--color-primary-app);background-color:transparent;font-family:var(--font-family)}.modal-container .modal-button-container{-ms-flex-pack:end;justify-content:flex-end}";
+const GrwOfflineConfirmModalStyle0 = grwOfflineConfirmModalCss;
+
+const GrwOfflineConfirmModal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.downloadPress = index.createEvent(this, "downloadPress", 7);
+        this.deletePress = index.createEvent(this, "deletePress", 7);
+        this.showOfflineModal = false;
+        this.showConfirmModal = false;
+        this.showLoaderModal = false;
+        this.showSuccessModal = false;
+        this.showConfirmDeleteModal = false;
+        this.showDeletingMessage = false;
+        this.showDeleteSuccessMessage = false;
+        this.mode = undefined;
+    }
+    onDownloadConfirm() {
+        this.showLoaderModal = false;
+        this.showSuccessModal = false;
+        this.showDeleteSuccessMessage = false;
+        this.showDeletingMessage = false;
+        this.showConfirmDeleteModal = false;
+        document.body.style.overflow = `hidden`;
+        this.showOfflineModal = true;
+        this.showConfirmModal = true;
+    }
+    onDownloadedSuccessConfirm() {
+        this.showLoaderModal = false;
+        this.showSuccessModal = true;
+    }
+    onDeleteConfirm() {
+        this.showLoaderModal = false;
+        this.showSuccessModal = false;
+        this.showDeleteSuccessMessage = false;
+        document.body.style.overflow = `hidden`;
+        this.showOfflineModal = true;
+        this.showConfirmModal = true;
+        this.showConfirmDeleteModal = true;
+    }
+    onDeleteSuccessConfirm() {
+        this.showLoaderModal = false;
+        this.showSuccessModal = true;
+        this.showDeleteSuccessMessage = true;
+    }
+    handleOkDeleteModal() {
+        this.showDeletingMessage = true;
+        this.showConfirmDeleteModal = false;
+        this.showConfirmModal = false;
+        this.showLoaderModal = true;
+        this.deletePress.emit();
+    }
+    handleOkDownloadModal() {
+        this.showConfirmModal = false;
+        this.showLoaderModal = true;
+        this.downloadPress.emit();
+    }
+    handleCancelModal() {
+        document.body.style.overflow = `visible`;
+        this.showOfflineModal = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '4f9aa28f71caebc2c5924e26d0a87429e370f50a' }, this.showOfflineModal && (index.h("div", { class: "modal-container" }, index.h("div", { class: "modal-content-container" }, this.showConfirmModal && !this.showConfirmDeleteModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, `${this.mode === 'treks'
+            ? 'Êtes-vous sûr de vouloir rendre cet itinéraire disponible hors ligne ?'
+            : 'Êtes-vous sûr de vouloir rendre cet outdoor disponible hors ligne ?'}`), index.h("div", { class: "modal-buttons-container" }, index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, "ANNULER"), index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleOkDownloadModal() }, "OK")))), this.showConfirmDeleteModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, `${this.mode === 'treks' ? 'Êtes-vous sûr de vouloir supprimer cet itinéraire du hors ligne ?' : 'Êtes-vous sûr de vouloir supprimer cet outdoor du hors ligne ?'}`), index.h("div", { class: "modal-buttons-container" }, index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, "ANNULER"), index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleOkDeleteModal() }, "OK")))), this.showLoaderModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, index.h("div", { class: "modal-loader" }), this.showDeletingMessage ? 'Suppression en cours' : 'Téléchargement en cours'))), this.showSuccessModal && (index.h(index.Fragment, null, index.h("div", { class: "modal-message-container" }, this.showDeleteSuccessMessage
+            ? this.mode === 'treks'
+                ? "L'itinéraire est supprimé du hors ligne"
+                : "L'outdoor est supprimé du hors ligne"
+            : this.mode === 'treks'
+                ? "L'itinéraire est disponible hors ligne"
+                : "L'outdoor est disponible hors ligne"), index.h("div", { class: "modal-button-container" }, index.h("button", { part: "modal-button", class: "modal-button", onClick: () => this.handleCancelModal() }, "OK")))))))));
+    }
+};
+GrwOfflineConfirmModal.style = GrwOfflineConfirmModalStyle0;
+
 /* eslint-disable consistent-return */
 function Mousewheel({
   swiper,
@@ -5685,7 +5812,7 @@ const GrwOutdoorCourseDetail = class {
         const outdoorRatings = utils.state.outdoorRatings && this.currentOutdoorCourse && utils.state.outdoorRatings.filter(outdoorRating => this.currentOutdoorCourse.ratings.includes(outdoorRating.id));
         const currentOutdoorCoursesRatingsScales = outdoorRatings && [...new Set(outdoorRatings.map(outdoorRating => outdoorRating.scale))];
         const outdoorRatingsScales = currentOutdoorCoursesRatingsScales && utils.state.outdoorRatingsScale.filter(outdoorRatingsScale => currentOutdoorCoursesRatingsScales.includes(outdoorRatingsScale.id));
-        return (index.h(index.Host, { key: '16232f04af82f7e5899dfacc097434c45732690e', style: {
+        return (index.h(index.Host, { key: '664773c9afd1a71f6dc421d760e71015ca8a614c', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -5705,7 +5832,7 @@ const GrwOutdoorCourseDetail = class {
             .filter(attachment => attachment.type === 'image')
             .map(attachment => {
             const legend = [attachment.legend, attachment.author].filter(Boolean).join(' - ');
-            return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, this.displayFullscreen && (index.h("div", { part: "outdoor-course-close-fullscreen-button", class: "outdoor-course-close-fullscreen-button", onClick: () => this.handleFullscreen(true) }, index.h("span", { part: "outdoor-course-close-fullcreen-icon", class: "outdoor-course-close-fullcreen-icon", innerHTML: CloseIcon }))), index.h("div", { part: "outdoor-course-image-legend", class: "outdoor-course-image-legend" }, legend), index.h("img", { part: "outdoor-course-img", class: "outdoor-course-img", src: this.offline ? attachment.thumbnail : attachment.url, loading: "lazy", onClick: () => this.handleFullscreen(),
+            return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, this.displayFullscreen && (index.h("div", { part: "outdoor-course-close-fullscreen-button", class: "outdoor-course-close-fullscreen-button", onClick: () => this.handleFullscreen(true) }, index.h("span", { part: "outdoor-course-close-fullcreen-icon", class: "outdoor-course-close-fullcreen-icon", innerHTML: CloseIcon }))), index.h("div", { part: "outdoor-course-image-legend", class: "outdoor-course-image-legend" }, legend), index.h("img", { part: "outdoor-course-img", class: "outdoor-course-img", src: this.offline && attachment.thumbnail !== '' ? attachment.thumbnail : attachment.url, loading: "lazy", onClick: () => this.handleFullscreen(),
                 /* @ts-ignore */
                 onerror: event => {
                     event.target.onerror = null;
@@ -5857,7 +5984,7 @@ const GrwOutdoorCourseProvider = class {
         utils.state.networkError = false;
     }
     render() {
-        return index.h(index.Host, { key: '06ce371568bf30472e5bfa9030176a10d2666c80' });
+        return index.h(index.Host, { key: '8c223133800891b1f2aa5cf0af572b7ca0a49d3a' });
     }
 };
 
@@ -6382,7 +6509,7 @@ const GrwOutdoorSiteDetail = class {
         const outdoorRatings = utils.state.outdoorRatings && this.currentOutdoorSite && utils.state.outdoorRatings.filter(outdoorRating => this.currentOutdoorSite.ratings.includes(outdoorRating.id));
         const currentOutdoorSitesRatingsScales = outdoorRatings && [...new Set(outdoorRatings.map(outdoorRating => outdoorRating.scale))];
         const outdoorRatingsScales = currentOutdoorSitesRatingsScales && utils.state.outdoorRatingsScale.filter(outdoorRatingsScale => currentOutdoorSitesRatingsScales.includes(outdoorRatingsScale.id));
-        return (index.h(index.Host, { key: '315c1169d344c5c412149dedc3347fb7c5656534', style: {
+        return (index.h(index.Host, { key: '23cc3e9d18ec2f60b280adfda7378928883b3f6e', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -6402,7 +6529,7 @@ const GrwOutdoorSiteDetail = class {
             .filter(attachment => attachment.type === 'image')
             .map(attachment => {
             const legend = [attachment.legend, attachment.author].filter(Boolean).join(' - ');
-            return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, this.displayFullscreen && (index.h("div", { part: "outdoor-site-close-fullscreen-button", class: "outdoor-site-close-fullscreen-button", onClick: () => this.handleFullscreen(true) }, index.h("span", { part: "outdoor-site-close-fullcreen-icon", class: "outdoor-site-close-fullcreen-icon", innerHTML: CloseIcon }))), index.h("div", { part: "outdoor-site-image-legend", class: "outdoor-site-image-legend" }, legend), index.h("img", { part: "outdoor-site-img", class: "outdoor-site-img", src: this.offline ? attachment.thumbnail : attachment.url, loading: "lazy", onClick: () => this.handleFullscreen(),
+            return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, this.displayFullscreen && (index.h("div", { part: "outdoor-site-close-fullscreen-button", class: "outdoor-site-close-fullscreen-button", onClick: () => this.handleFullscreen(true) }, index.h("span", { part: "outdoor-site-close-fullcreen-icon", class: "outdoor-site-close-fullcreen-icon", innerHTML: CloseIcon }))), index.h("div", { part: "outdoor-site-image-legend", class: "outdoor-site-image-legend" }, legend), index.h("img", { part: "outdoor-site-img", class: "outdoor-site-img", src: this.offline && attachment.thumbnail !== '' ? attachment.thumbnail : attachment.url, loading: "lazy", onClick: () => this.handleFullscreen(),
                 /* @ts-ignore */
                 onerror: event => {
                     event.target.onerror = null;
@@ -6592,7 +6719,7 @@ const GrwOutdoorSiteProvider = class {
         utils.state.networkError = false;
     }
     render() {
-        return index.h(index.Host, { key: '945352e638982879808e7e9d829471b2e8d9fa14' });
+        return index.h(index.Host, { key: '6a472b960e89021d2a67e2cf315a4c20a06f2f5b' });
     }
 };
 
@@ -6662,7 +6789,7 @@ const GrwOutdoorSitesList = class {
         this.handleInfiniteScrollEvent(false);
     }
     render() {
-        return (index.h(index.Host, { key: '1fd0f6d1ee41a67dc9cad7f2e910074807b666f8', style: { '--font-family': this.fontFamily, '--color-primary-app': this.colorPrimaryApp } }, utils.state.outdoorSitesWithinBounds && (index.h("div", { part: "current-outdoor-sites-within-bounds-length", class: "current-outdoor-sites-within-bounds-length" }, `${utils.state.outdoorSitesWithinBounds.length} ${utils.state.outdoorSitesWithinBounds.length > 1 ? i18n.translate[utils.state.language].outdoorSites : i18n.translate[utils.state.language].outdoorSite}`)), index.h("div", { key: '8706f9dac786babb951b459759c7362011539610', part: "outdoor-sites-list-container", class: "outdoor-sites-list-container" }, this.outdoorSitesToDisplay.map(outdoorSite => (index.h("grw-outdoor-site-card", { outdoorSite: outdoorSite, exportparts: "outdoor-site-card,outdoor-site-img-container,outdoor-site-img,outdoor-site-sub-container,outdoor-site-departure,outdoor-site-name,outdoor-site-themes-container,outdoor-site-theme,outdoor-site-icons-labels-container,outdoor-site-icon-label,outdoor-site-icon,outdoor-site-label", key: `outdoorSite-${outdoorSite.id}`, "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })))), index.h("div", { key: 'd87a9870dce11511aaaa2d8a51ae11e0c96aa431', part: "list-bottom-space", class: !this.isLargeView ? 'list-bottom-space' : 'list-large-view-bottom-space' })));
+        return (index.h(index.Host, { key: 'c0945395a3269be965c3cea5489608fb072464c1', style: { '--font-family': this.fontFamily, '--color-primary-app': this.colorPrimaryApp } }, utils.state.outdoorSitesWithinBounds && (index.h("div", { part: "current-outdoor-sites-within-bounds-length", class: "current-outdoor-sites-within-bounds-length" }, `${utils.state.outdoorSitesWithinBounds.length} ${utils.state.outdoorSitesWithinBounds.length > 1 ? i18n.translate[utils.state.language].outdoorSites : i18n.translate[utils.state.language].outdoorSite}`)), index.h("div", { key: 'efc265c3f4f8cecb1ede0cef1142c96107df32db', part: "outdoor-sites-list-container", class: "outdoor-sites-list-container" }, this.outdoorSitesToDisplay.map(outdoorSite => (index.h("grw-outdoor-site-card", { outdoorSite: outdoorSite, exportparts: "outdoor-site-card,outdoor-site-img-container,outdoor-site-img,outdoor-site-sub-container,outdoor-site-departure,outdoor-site-name,outdoor-site-themes-container,outdoor-site-theme,outdoor-site-icons-labels-container,outdoor-site-icon-label,outdoor-site-icon,outdoor-site-label", key: `outdoorSite-${outdoorSite.id}`, "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })))), index.h("div", { key: '6547efabb7626535b3c2295dafa8a85ee1149ffa', part: "list-bottom-space", class: !this.isLargeView ? 'list-bottom-space' : 'list-large-view-bottom-space' })));
     }
     get element() { return index.getElement(this); }
 };
@@ -6761,7 +6888,7 @@ const GrwOutdoorSitesProvider = class {
         utils.state.networkError = false;
     }
     render() {
-        return index.h(index.Host, { key: '816811f6aba3a9fb760fef3500a7f703c9270428' });
+        return index.h(index.Host, { key: '7360c8bea20fd78937905e2a38b3591aecca7238' });
     }
 };
 
@@ -6791,9 +6918,9 @@ const GrwSearch = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'cc7959ad562b62d0c90127cb33086d75cb3393e2', style: {
+        return (index.h(index.Host, { key: '6434bf6aee407fe0f6193339625ad8ee6466e8a7', style: {
                 '--font-family': this.fontFamily,
-            } }, index.h("span", { key: 'c4d42c475bb35ebc69b02a54a5cfc0b44c06d9ab', part: "icon", class: "icon", innerHTML: SearchIcon }), index.h("input", { key: 'f4a16de4d4e12401d9ff59f6ec73d33a2bf4a57b', part: "search-input", class: "search-input", onInput: e => this.onSearchChange(e), type: "search", placeholder: "Rechercher", value: utils.state.searchValue })));
+            } }, index.h("span", { key: '6c64bb42342e27d88cf9dbd2a88533b79b73b10f', part: "icon", class: "icon", innerHTML: SearchIcon }), index.h("input", { key: '2f4bbce0bf0cc32401ed06d744a956a3ce537d37', part: "search-input", class: "search-input", onInput: e => this.onSearchChange(e), type: "search", placeholder: "Rechercher", value: utils.state.searchValue })));
     }
 };
 GrwSearch.style = GrwSearchStyle0;
@@ -6859,9 +6986,9 @@ const GrwSegmentedSegment = class {
         utils.state.mode = mode;
     }
     render() {
-        return (index.h(index.Host, { key: '3aa2fd044ea41804b31d0865a4faf052d73f801f', style: {
+        return (index.h(index.Host, { key: 'b54714d2aaf999a47f9b4b8ae577cec8759b6749', style: {
                 '--font-family': this.fontFamily,
-            } }, index.h("div", { key: '396573cc6c4825bee4bae0587088c237137face9', part: "segmented-buttons-container", class: "segmented-buttons-container" }, this.treks && (index.h("label", { part: "segment", class: `segment${utils.state.mode === 'treks' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('treks') }, i18n.translate[utils.state.language].home.segment.treks)), this.outdoor && (index.h("label", { part: "segment", class: `segment${utils.state.mode === 'outdoor' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('outdoor') }, i18n.translate[utils.state.language].home.segment.outdoorSites)), this.touristicContents && (index.h("label", { part: "segment", class: `segment${utils.state.mode === 'touristicContents' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('touristicContents') }, i18n.translate[utils.state.language].home.segment.touristicContents)), this.touristicEvents && (index.h("label", { part: "segment", class: `segment${utils.state.mode === 'touristicEvents' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('touristicEvents') }, i18n.translate[utils.state.language].home.segment.touristicEvents)))));
+            } }, index.h("div", { key: 'ddf5ddcb22d254fc0a1d969e890e5fdeb14f8b45', part: "segmented-buttons-container", class: "segmented-buttons-container" }, this.treks && (index.h("label", { part: "segment", class: `segment${utils.state.mode === 'treks' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('treks') }, i18n.translate[utils.state.language].home.segment.treks)), this.outdoor && (index.h("label", { part: "segment", class: `segment${utils.state.mode === 'outdoor' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('outdoor') }, i18n.translate[utils.state.language].home.segment.outdoorSites)), this.touristicContents && (index.h("label", { part: "segment", class: `segment${utils.state.mode === 'touristicContents' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('touristicContents') }, i18n.translate[utils.state.language].home.segment.touristicContents)), this.touristicEvents && (index.h("label", { part: "segment", class: `segment${utils.state.mode === 'touristicEvents' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('touristicEvents') }, i18n.translate[utils.state.language].home.segment.touristicEvents)))));
     }
 };
 GrwSegmentedSegment.style = GrwSegmentedSegmentStyle0;
@@ -6882,7 +7009,7 @@ const GrwSelectLanguage = class {
         utils.state.language = event.target.value;
     }
     render() {
-        return (index.h(index.Host, { key: '14684efc58b9fd41402518092e184bdb74e88563' }, index.h("span", { key: '0eb1921e34c6eb0d9812c1cc3057fe8b88f5005b', part: "select-language-icon", class: "icon", innerHTML: TranslateIcon }), index.h("select", { key: 'd02d80c7a0c848537fe18aa3bbf7c50b3872f4d5', part: "select-language-select", onInput: event => this.handleSelect(event), name: "languages", id: "language-select" }, utils.state.languages.map(language => (index.h("option", { part: "select-language-option", selected: language === utils.state.language, value: language.toLocaleLowerCase() }, language.toLocaleUpperCase()))))));
+        return (index.h(index.Host, { key: '5522a8142c3ccc50a20b149ca08e79a9e83c1fd4' }, index.h("span", { key: '099ae9e9961b39c87dba82fd342939f214cf9d46', part: "select-language-icon", class: "icon", innerHTML: TranslateIcon }), index.h("select", { key: '83f065c08de7a52bc56102d8bf848cbad23904b2', part: "select-language-select", onInput: event => this.handleSelect(event), name: "languages", id: "language-select" }, utils.state.languages.map(language => (index.h("option", { part: "select-language-option", selected: language === utils.state.language, value: language.toLocaleLowerCase() }, language.toLocaleUpperCase()))))));
     }
 };
 GrwSelectLanguage.style = GrwSelectLanguageStyle0;
@@ -6900,9 +7027,9 @@ const GrwSwitch = class {
         this.checked = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '26bc8e910caad9dec84bfbdb4cd63eb20ce8a0a6', style: {
+        return (index.h(index.Host, { key: '4f843ec34f3c7c053e0e6fab317867257a9e786f', style: {
                 '--font-family': this.fontFamily,
-            } }, index.h("label", { key: 'e381116a54a4f407074bed50cb0d4f4adc88e54f', class: "md3 switch" }, index.h("input", { key: 'ff3fb25aae5dc36a6753af531b1183b7be14628f', checked: this.checked, onChange: () => this.action(), type: "checkbox", id: "darkmode", name: "darkmode" }), index.h("span", { key: 'f22a575d3db92816b4f5b8b6fa5351d4bc00db0c', class: "slider" }, index.h("span", { key: '1d55821c4dabf1b7b6692b79b69a19be94616469', part: "icon", class: "icon", innerHTML: DoneIcon })))));
+            } }, index.h("label", { key: '7053310d79037d27f075613ffddfccb506b75deb', class: "md3 switch" }, index.h("input", { key: '91595a84c4a368c24b611146b62fa02fb1eaee22', checked: this.checked, onChange: () => this.action(), type: "checkbox", id: "darkmode", name: "darkmode" }), index.h("span", { key: '5efe152704df982e56c54f4ab6f521a0feac66db', class: "slider" }, index.h("span", { key: 'f6eae75e6bc6d685c9619a1a0450696e8c5c5ef5', part: "icon", class: "icon", innerHTML: DoneIcon })))));
     }
 };
 GrwSwitch.style = GrwSwitchStyle0;
@@ -6968,7 +7095,7 @@ const GrwTouristicContentDetail = class {
             utils.state.currentTouristicContent &&
             utils.state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === utils.state.currentTouristicContent.category);
         const cities = utils.state.currentTouristicContent && utils.state.currentTouristicContent.cities.map(currentCity => { var _a; return (_a = utils.state.cities.find(city => city.id === currentCity)) === null || _a === void 0 ? void 0 : _a.name; });
-        return (index.h(index.Host, { key: '341d76d558e5ea5d22099e949d79dd2d2c4b2471', style: {
+        return (index.h(index.Host, { key: '53dd988df14c6072df94bba5b9d240554450df54', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -6988,7 +7115,7 @@ const GrwTouristicContentDetail = class {
             .filter(attachment => attachment.type === 'image')
             .map(attachment => {
             const legend = [attachment.legend, attachment.author].filter(Boolean).join(' - ');
-            return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, this.displayFullscreen && (index.h("div", { part: "close-fullscreen-button", class: "close-fullscreen-button", onClick: () => this.handleFullscreen(true) }, index.h("span", { part: "icon", class: "icon", innerHTML: CloseIcon }))), index.h("div", { part: "legend-container", class: "legend-container" }, legend), index.h("img", { part: "image", class: "image", src: this.offline ? attachment.thumbnail : attachment.url, loading: "lazy", onClick: () => this.handleFullscreen(), alt: attachment.legend })));
+            return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, this.displayFullscreen && (index.h("div", { part: "close-fullscreen-button", class: "close-fullscreen-button", onClick: () => this.handleFullscreen(true) }, index.h("span", { part: "icon", class: "icon", innerHTML: CloseIcon }))), index.h("div", { part: "legend-container", class: "legend-container" }, legend), index.h("img", { part: "image", class: "image", src: this.offline && attachment.thumbnail !== '' ? attachment.thumbnail : attachment.url, loading: "lazy", onClick: () => this.handleFullscreen(), alt: attachment.legend })));
         })) : (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("img", { part: "default-poi-img", class: "default-poi-img", src: defaultImageSrc, alt: "", loading: "lazy" })))), index.h("div", { style: { display: this.offline ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { part: "touristic-content-category-container", class: "touristic-content-category-container" }, index.h("img", { part: "touristic-content-category-img", class: "touristic-content-category-img",
             /* @ts-ignore */
             src: touristicContentCategory.pictogram, alt: "" }), index.h("div", { part: "touristic-content-category-name", class: "touristic-content-category-name" }, touristicContentCategory.label)), index.h("div", { part: "name", class: "name" }, utils.state.currentTouristicContent.name), index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "downloads-container", class: "downloads-container" }, index.h("div", { part: "download-title", class: "download-title" }, i18n.translate[utils.state.language].download), index.h("div", { part: "links-container", class: "links-container" }, index.h("a", { part: "link-container", class: "link-container", href: `${utils.state.currentTouristicContent.pdf}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { part: "icon", class: "icon", innerHTML: DownloadIcon }), index.h("span", { part: "label", class: "" }, "PDF")))), utils.state.currentTouristicContent.description_teaser && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "description-teaser", class: "description-teaser", innerHTML: utils.state.currentTouristicContent.description_teaser }))), index.h("div", { part: "divider", class: "divider" }), utils.state.currentTouristicContent.practical_info && (index.h("div", { part: "description-container", class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { part: "description-title", class: "description-title" }, i18n.translate[utils.state.language].description), index.h("div", { part: "description", class: "description", innerHTML: utils.state.currentTouristicContent.description }))), cities && cities.length > 0 && (index.h("div", { part: "cities-container", class: "cities-container" }, index.h("div", { part: "cities-title", class: "cities-title" }, i18n.translate[utils.state.language].city, " :\u00A0"), index.h("div", { part: "cities", class: "cities", innerHTML: cities.join(', ') }))), utils.state.currentTouristicContent.practical_info && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "useful-information-container", class: "useful-information-container" }, index.h("div", { part: "useful-information-title", class: "useful-information-title" }, i18n.translate[utils.state.language].usefulInformation, " :\u00A0"), index.h("div", { part: "useful-information", innerHTML: utils.state.currentTouristicContent.practical_info })))), (utils.state.currentTouristicContent.contact || utils.state.currentTouristicContent.email || utils.state.currentTouristicContent.website) && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "contact-container", class: "contact-container" }, index.h("div", { part: "contact-title", class: "contact-title" }, i18n.translate[utils.state.language].contact, " :\u00A0"), utils.state.currentTouristicContent.contact && index.h("div", { part: "contact", class: "contact", innerHTML: utils.state.currentTouristicContent.contact }), utils.state.currentTouristicContent.email && (index.h("div", { part: "email-container", class: "email-container" }, index.h("div", { part: "email-title", class: "email-title" }, i18n.translate[utils.state.language].email, " :\u00A0"), index.h("a", { href: 'mailto:' + utils.state.currentTouristicContent.email, part: "email", class: "email", innerHTML: utils.state.currentTouristicContent.email }))), utils.state.currentTouristicContent.website && (index.h("div", { part: "website-container", class: "website-container" }, index.h("div", { part: "website-title", class: "website-title" }, i18n.translate[utils.state.language].website, " :\u00A0"), index.h("a", { href: utils.state.currentTouristicContent.website, part: "website", class: "website", innerHTML: utils.state.currentTouristicContent.website })))))), index.h("div", { part: "detail-bottom-space", class: "detail-bottom-space" })))));
@@ -7064,7 +7191,7 @@ const GrwTouristicContentProvider = class {
         utils.state.networkError = false;
     }
     render() {
-        return index.h(index.Host, { key: 'b53b958ea4b1bce8196a084a5147ab07cddf9a42' });
+        return index.h(index.Host, { key: '60db667bcccdd7d9848e3d592a53eb7ce4c0eaed' });
     }
 };
 
@@ -7134,7 +7261,7 @@ const GrwTouristicContentsList$1 = class {
         this.handleInfiniteScrollEvent(false);
     }
     render() {
-        return (index.h(index.Host, { key: '2dd604797c181e971d9fd9e8d9dddb45f67046f6', style: { '--font-family': this.fontFamily, '--color-primary-app': this.colorPrimaryApp } }, utils.state.touristicContentsWithinBounds && (index.h("div", { part: "current-touristic-contents-within-bounds-length", class: "current-touristic-contents-within-bounds-length" }, `${utils.state.touristicContentsWithinBounds.length} ${utils.state.touristicContentsWithinBounds.length > 1 ? i18n.translate[utils.state.language].home.touristicContents : i18n.translate[utils.state.language].home.touristicContent}`)), index.h("div", { key: 'ed0d850dda19b44ec98888fc1d3f9479135ce59b', part: "touristic-contents-list-container", class: "touristic-contents-list-container" }, this.touristicContentsToDisplay.map(touristicContent => (index.h("grw-touristic-content-card", { exportparts: "touristic-content-card,touristic-content-img-container,swiper-touristic-content,swiper-wrapper,swiper-slide,touristic-content-img,default-touristic-content-img,swiper-pagination,swiper-button-prev,swiper-button-next,touristic-content-sub-container,touristic-content-category-container,touristic-content-category-img,touristic-content-category-name,touristic-content-name,touristic-content-more-detail-container,more-details-button", fontFamily: this.fontFamily, key: `touristic-content-${touristicContent.id}`, touristicContent: touristicContent, "is-large-view": this.isLargeView, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })))), index.h("div", { key: 'e3d45b8d52f834c9800359c626db8867e29656b7', part: "list-bottom-space", class: !this.isLargeView ? 'list-bottom-space' : 'list-large-view-bottom-space' })));
+        return (index.h(index.Host, { key: '3fb7fdaf2b67d812e7ff49907351103d4ba6a156', style: { '--font-family': this.fontFamily, '--color-primary-app': this.colorPrimaryApp } }, utils.state.touristicContentsWithinBounds && (index.h("div", { part: "current-touristic-contents-within-bounds-length", class: "current-touristic-contents-within-bounds-length" }, `${utils.state.touristicContentsWithinBounds.length} ${utils.state.touristicContentsWithinBounds.length > 1 ? i18n.translate[utils.state.language].home.touristicContents : i18n.translate[utils.state.language].home.touristicContent}`)), index.h("div", { key: 'e8678c26612b10d8cc7da547c5ba2eac7d1b1692', part: "touristic-contents-list-container", class: "touristic-contents-list-container" }, this.touristicContentsToDisplay.map(touristicContent => (index.h("grw-touristic-content-card", { exportparts: "touristic-content-card,touristic-content-img-container,swiper-touristic-content,swiper-wrapper,swiper-slide,touristic-content-img,default-touristic-content-img,swiper-pagination,swiper-button-prev,swiper-button-next,touristic-content-sub-container,touristic-content-category-container,touristic-content-category-img,touristic-content-category-name,touristic-content-name,touristic-content-more-detail-container,more-details-button", fontFamily: this.fontFamily, key: `touristic-content-${touristicContent.id}`, touristicContent: touristicContent, "is-large-view": this.isLargeView, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })))), index.h("div", { key: '90efb98281d503dfc53a9e06e2f3158a43ce947c', part: "list-bottom-space", class: !this.isLargeView ? 'list-bottom-space' : 'list-large-view-bottom-space' })));
     }
     get element() { return index.getElement(this); }
 };
@@ -7207,7 +7334,7 @@ const GrwTouristicContentsProvider = class {
         utils.state.networkError = false;
     }
     render() {
-        return index.h(index.Host, { key: 'f9f5f8cc4600c9827e17d56b25ed5fe39eac9256' });
+        return index.h(index.Host, { key: '0d22d5c49bb04db4bca73eadee9f8b6fbe79bd7a' });
     }
 };
 
@@ -7272,7 +7399,7 @@ const GrwTouristicEventDetail = class {
             utils.state.currentTouristicEvent &&
             utils.state.touristicEventTypes.find(touristicEventCategory => touristicEventCategory.id === utils.state.currentTouristicEvent.type);
         const cities = utils.state.currentTouristicEvent && utils.state.currentTouristicEvent.cities.map(currentCity => { var _a; return (_a = utils.state.cities.find(city => city.id === currentCity)) === null || _a === void 0 ? void 0 : _a.name; });
-        return (index.h(index.Host, { key: '483376c95e9f180e35b0daf3545f5b106f384657', style: {
+        return (index.h(index.Host, { key: 'b8bf0788ed1b8152513022cc516640df6d672b1a', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -7292,7 +7419,7 @@ const GrwTouristicEventDetail = class {
             .filter(attachment => attachment.type === 'image')
             .map(attachment => {
             const legend = [attachment.legend, attachment.author].filter(Boolean).join(' - ');
-            return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, this.displayFullscreen && (index.h("div", { part: "close-fullscreen-button", class: "close-fullscreen-button", onClick: () => this.handleFullscreen(true) }, index.h("span", { part: "icon", class: "icon", innerHTML: CloseIcon }))), index.h("div", { part: "legend-container", class: "legend-container" }, legend), index.h("img", { part: "image", class: "image", src: this.offline ? attachment.thumbnail : attachment.url, loading: "lazy", onClick: () => this.handleFullscreen(), alt: attachment.legend })));
+            return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, this.displayFullscreen && (index.h("div", { part: "close-fullscreen-button", class: "close-fullscreen-button", onClick: () => this.handleFullscreen(true) }, index.h("span", { part: "icon", class: "icon", innerHTML: CloseIcon }))), index.h("div", { part: "legend-container", class: "legend-container" }, legend), index.h("img", { part: "image", class: "image", src: this.offline && attachment.thumbnail !== '' ? attachment.thumbnail : attachment.url, loading: "lazy", onClick: () => this.handleFullscreen(), alt: attachment.legend })));
         })) : (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("img", { part: "default-poi-img", class: "default-poi-img",
             /* @ts-ignore */
             src: defaultImageSrc, loading: "lazy" })))), index.h("div", { style: { display: this.offline ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { part: "touristic-event-category-container", class: "touristic-event-category-container" }, touristicEventType && touristicEventType.pictogram && (index.h("img", { part: "touristic-event-category-img", class: "touristic-event-category-img", src: touristicEventType.pictogram })), touristicEventType && touristicEventType.type && (index.h("div", { part: "touristic-event-category-name", class: "touristic-event-category-name" }, touristicEventType.type))), index.h("div", { part: "name", class: "name" }, utils.state.currentTouristicEvent.name), (utils.state.currentTouristicEvent.begin_date || utils.state.currentTouristicEvent.end_date) && (index.h("div", { part: "touristic-event-date-container", class: "touristic-event-date-container" }, utils.state.currentTouristicEvent.begin_date === utils.state.currentTouristicEvent.end_date && (index.h("div", { part: "touristic-event-date", class: "touristic-event-date" }, i18n.translate[utils.state.language].date, " : ", utils.state.currentTouristicEvent.begin_date)), utils.state.currentTouristicEvent.begin_date && utils.state.currentTouristicEvent.begin_date !== utils.state.currentTouristicEvent.end_date && (index.h("div", { part: "touristic-event-date", class: "touristic-event-date" }, i18n.translate[utils.state.language].startDate, " : ", utils.state.currentTouristicEvent.begin_date)), utils.state.currentTouristicEvent.end_date && utils.state.currentTouristicEvent.begin_date !== utils.state.currentTouristicEvent.end_date && (index.h("div", { part: "touristic-event-date", class: "touristic-event-date" }, i18n.translate[utils.state.language].endDate, " : ", utils.state.currentTouristicEvent.end_date)))), index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "downloads-container", class: "downloads-container" }, index.h("div", { part: "download-title", class: "download-title" }, i18n.translate[utils.state.language].download), index.h("div", { part: "links-container", class: "links-container" }, index.h("a", { part: "link", class: "link", href: `${utils.state.currentTouristicEvent.pdf}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { part: "icon", class: "icon", innerHTML: DownloadIcon }), index.h("span", { part: "label", class: "label" }, "PDF")))), utils.state.currentTouristicEvent.description_teaser && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "description-teaser", class: "description-teaser", innerHTML: utils.state.currentTouristicEvent.description_teaser }))), index.h("div", { part: "divider", class: "divider" }), utils.state.currentTouristicEvent.practical_info && (index.h("div", { part: "description-container", class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { part: "description-title", class: "description-title" }, i18n.translate[utils.state.language].description), index.h("div", { part: "description", class: "description", innerHTML: utils.state.currentTouristicEvent.description }))), cities && cities.length > 0 && (index.h("div", { part: "cities-container", class: "cities-container" }, index.h("div", { part: "cities-title", class: "cities-title" }, i18n.translate[utils.state.language].city, " :\u00A0"), index.h("div", { part: "cities", class: "cities", innerHTML: cities.join(', ') }))), utils.state.currentTouristicEvent.practical_info && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "useful-information-container", class: "useful-information-container" }, index.h("div", { part: "useful-information-title", class: "useful-information-title" }, i18n.translate[utils.state.language].usefulInformation, " :\u00A0"), index.h("div", { part: "useful-information", class: "useful-information", innerHTML: utils.state.currentTouristicEvent.practical_info })))), (utils.state.currentTouristicEvent.contact || utils.state.currentTouristicEvent.email || utils.state.currentTouristicEvent.website) && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "contact-container", class: "contact-container" }, index.h("div", { part: "contact-title", class: "contact-title" }, i18n.translate[utils.state.language].contact, " :\u00A0"), utils.state.currentTouristicEvent.contact && index.h("div", { part: "contact", class: "contact", innerHTML: utils.state.currentTouristicEvent.contact }), utils.state.currentTouristicEvent.email && (index.h("div", { part: "email-container", class: "email-container" }, index.h("div", { part: "email-title", class: "email-title" }, i18n.translate[utils.state.language].email, " :\u00A0"), index.h("a", { href: 'mailto:' + utils.state.currentTouristicEvent.email, part: "email", class: "email", innerHTML: utils.state.currentTouristicEvent.email }))), utils.state.currentTouristicEvent.website && (index.h("div", { part: "website-container", class: "website-container" }, index.h("div", { part: "website-title", class: "website-title" }, i18n.translate[utils.state.language].website, " :\u00A0"), index.h("a", { href: utils.state.currentTouristicEvent.website, part: "website", class: "website", innerHTML: utils.state.currentTouristicEvent.website })))))), index.h("div", { part: "detail-bottom-space", class: "detail-bottom-space" })))));
@@ -7368,7 +7495,7 @@ const GrwTouristicEventProvider = class {
         utils.state.networkError = false;
     }
     render() {
-        return index.h(index.Host, { key: '3e5e5d3f401801048b1934baa60beee372fc0d7f' });
+        return index.h(index.Host, { key: '3a748ed723acc405d6a6b7e51f032bf3f3333a80' });
     }
 };
 
@@ -7438,7 +7565,7 @@ const GrwTouristicContentsList = class {
         this.handleInfiniteScrollEvent(false);
     }
     render() {
-        return (index.h(index.Host, { key: 'f418c00dfc2a81c157ad55bc492d30448c2a6b59', style: { '--font-family': this.fontFamily, '--color-primary-app': this.colorPrimaryApp } }, utils.state.touristicEventsWithinBounds && (index.h("div", { part: "current-touristic-events-within-bounds-length", class: "current-touristic-events-within-bounds-length" }, `${utils.state.touristicEventsWithinBounds.length} ${utils.state.touristicEventsWithinBounds.length > 1 ? i18n.translate[utils.state.language].home.touristicEvents : i18n.translate[utils.state.language].home.touristicEvent}`)), index.h("div", { key: '011626bd6469f4fa9640ac173a7b43c506921803', part: "touristic-events-list-container", class: "touristic-events-list-container" }, this.touristicEventsToDisplay.map(touristicEvent => (index.h("grw-touristic-event-card", { exportparts: "touristic-event-card,touristic-event-img-container,swiper-touristic-event,swiper-wrapper,swiper-slide,touristic-event-img,default-touristic-event-img,swiper-pagination,swiper-button-prev,swiper-button-next,touristic-event-sub-container,touristic-event-sub-container,touristic-event-type-img,touristic-event-type-name,touristic-event-name,touristic-event-date-container,touristic-event-date,touristic-event-more-detail-container,more-details-button", key: `touristic-event-${touristicEvent.id}`, touristicEvent: touristicEvent, "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })))), index.h("div", { key: 'f87eecb793bf4b292bbe8781c7950f4d0856e7f0', part: "list-bottom-space", class: !this.isLargeView ? 'list-bottom-space' : 'list-large-view-bottom-space' })));
+        return (index.h(index.Host, { key: 'c7542f1896a7113f62e3412c614785c0a2c76261', style: { '--font-family': this.fontFamily, '--color-primary-app': this.colorPrimaryApp } }, utils.state.touristicEventsWithinBounds && (index.h("div", { part: "current-touristic-events-within-bounds-length", class: "current-touristic-events-within-bounds-length" }, `${utils.state.touristicEventsWithinBounds.length} ${utils.state.touristicEventsWithinBounds.length > 1 ? i18n.translate[utils.state.language].home.touristicEvents : i18n.translate[utils.state.language].home.touristicEvent}`)), index.h("div", { key: 'fd15f6120d8c578b4ae8f598605407be0417e130', part: "touristic-events-list-container", class: "touristic-events-list-container" }, this.touristicEventsToDisplay.map(touristicEvent => (index.h("grw-touristic-event-card", { exportparts: "touristic-event-card,touristic-event-img-container,swiper-touristic-event,swiper-wrapper,swiper-slide,touristic-event-img,default-touristic-event-img,swiper-pagination,swiper-button-prev,swiper-button-next,touristic-event-sub-container,touristic-event-sub-container,touristic-event-type-img,touristic-event-type-name,touristic-event-name,touristic-event-date-container,touristic-event-date,touristic-event-more-detail-container,more-details-button", key: `touristic-event-${touristicEvent.id}`, touristicEvent: touristicEvent, "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })))), index.h("div", { key: '37937b9a2f8b0f47dae99b0d8bacb820a274bd25', part: "list-bottom-space", class: !this.isLargeView ? 'list-bottom-space' : 'list-large-view-bottom-space' })));
     }
     get element() { return index.getElement(this); }
 };
@@ -7511,7 +7638,7 @@ const GrwTouristicEventsProvider = class {
         utils.state.networkError = false;
     }
     render() {
-        return index.h(index.Host, { key: 'd3b510f028efe9fe1522ae1a300c2a4cdfeeb066' });
+        return index.h(index.Host, { key: '6307ddf9402a09ccb7f3d48fd4404598fbf6c43d' });
     }
 };
 
@@ -8219,7 +8346,7 @@ const GrwTrekDetail = class {
     render() {
         var _a, _b, _c, _d, _e;
         const defaultImageSrc = index.getAssetPath(`${''}assets/default-image.svg`);
-        return (index.h(index.Host, { key: '829dcf5bde01fa8abaacbe3677da486a5f6cb7ee', style: {
+        return (index.h(index.Host, { key: 'd9c378350c376dc563466e977e94af95978fc8a5', style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -8243,7 +8370,7 @@ const GrwTrekDetail = class {
             .filter(attachment => attachment.type === 'image')
             .map(attachment => {
             const legend = [attachment.legend, attachment.author].filter(Boolean).join(' - ');
-            return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, this.displayFullscreen && (index.h("div", { part: "trek-close-fullscreen-button", class: "trek-close-fullscreen-button", onClick: () => this.handleFullscreen(true) }, index.h("span", { part: "trek-close-fullcreen-icon", class: "trek-close-fullcreen-icon", innerHTML: CloseIcon }))), index.h("div", { part: "trek-image-legend", class: "trek-image-legend" }, legend), index.h("img", { part: "trek-img", class: "trek-img", src: this.offline ? attachment.thumbnail : attachment.url, loading: "lazy", onClick: () => this.handleFullscreen(),
+            return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, this.displayFullscreen && (index.h("div", { part: "trek-close-fullscreen-button", class: "trek-close-fullscreen-button", onClick: () => this.handleFullscreen(true) }, index.h("span", { part: "trek-close-fullcreen-icon", class: "trek-close-fullcreen-icon", innerHTML: CloseIcon }))), index.h("div", { part: "trek-image-legend", class: "trek-image-legend" }, legend), index.h("img", { part: "trek-img", class: "trek-img", src: this.offline && attachment.thumbnail !== '' ? attachment.thumbnail : attachment.url, loading: "lazy", onClick: () => this.handleFullscreen(),
                 /* @ts-ignore */
                 onerror: event => {
                     event.target.onerror = null;
@@ -8517,7 +8644,7 @@ const GrwTrekProvider = class {
         }
     }
     render() {
-        return index.h(index.Host, { key: 'f91ee60e87d532eb77977fad01b0b8de644561f7' });
+        return index.h(index.Host, { key: 'f20ca38f7104909d2edbb2d336ef7f7f620d93f1' });
     }
 };
 
@@ -8586,7 +8713,7 @@ const GrwTreksList = class {
         this.handleInfiniteScrollEvent(false);
     }
     render() {
-        return (index.h(index.Host, { key: '1062a53e0ca6fb2895eeb053e67b552e5db8ad6f', style: { '--font-family': this.fontFamily, '--color-primary-app': this.colorPrimaryApp } }, utils.state.treksWithinBounds && (index.h("div", { part: "current-treks-within-bounds-length", class: "current-treks-within-bounds-length" }, `${utils.state.treksWithinBounds.length} ${utils.state.treksWithinBounds.length > 1 ? i18n.translate[utils.state.language].treks : i18n.translate[utils.state.language].trek}`)), index.h("div", { key: 'fd6be559acc6085a45937ae12ccd281b29352ab4', part: "treks-list-container", class: "treks-list-container" }, this.treksToDisplay.map(trek => (index.h("grw-trek-card", { exportparts: "trek-card,trek-img-container,trek-img,trek-sub-container,trek-departure,trek-name,trek-themes-container,trek-theme,trek-icons-labels-container,trek-icon-label,trek-icon,trek-label", key: `trek-${trek.id}`, trek: trek, "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })))), index.h("div", { key: 'ce16df757c304feed1de020a79bdef68c1f013e0', part: "list-bottom-space", class: !this.isLargeView ? 'list-bottom-space' : 'list-large-view-bottom-space' })));
+        return (index.h(index.Host, { key: '8e3c41ecf98f3c57145e82e24ff08717cec90179', style: { '--font-family': this.fontFamily, '--color-primary-app': this.colorPrimaryApp } }, utils.state.treksWithinBounds && (index.h("div", { part: "current-treks-within-bounds-length", class: "current-treks-within-bounds-length" }, `${utils.state.treksWithinBounds.length} ${utils.state.treksWithinBounds.length > 1 ? i18n.translate[utils.state.language].treks : i18n.translate[utils.state.language].trek}`)), index.h("div", { key: '34d15b2a7d8869593dafde48f3992629739f55b0', part: "treks-list-container", class: "treks-list-container" }, this.treksToDisplay.map(trek => (index.h("grw-trek-card", { exportparts: "trek-card,trek-img-container,trek-img,trek-sub-container,trek-departure,trek-name,trek-themes-container,trek-theme,trek-icons-labels-container,trek-icon-label,trek-icon,trek-label", key: `trek-${trek.id}`, trek: trek, "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })))), index.h("div", { key: '9c37e65eed8aac73bba79c3af1a97a2b68d158a5', part: "list-bottom-space", class: !this.isLargeView ? 'list-bottom-space' : 'list-large-view-bottom-space' })));
     }
     get element() { return index.getElement(this); }
 };
@@ -8717,7 +8844,7 @@ const GrwTreksProvider = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: '6e38f184770da305b7060f907c943cb0f0c42c1d' });
+        return index.h(index.Host, { key: '2d88866d9f2f4b6f47851650df464473a05bf22b' });
     }
 };
 
@@ -8726,6 +8853,7 @@ exports.grw_extended_fab = GrwExtendedFab;
 exports.grw_filters = GrwFilters;
 exports.grw_loader = GrwLoader;
 exports.grw_map = GrwMap;
+exports.grw_offline_confirm_modal = GrwOfflineConfirmModal;
 exports.grw_outdoor_course_detail = GrwOutdoorCourseDetail;
 exports.grw_outdoor_course_provider = GrwOutdoorCourseProvider;
 exports.grw_outdoor_site_detail = GrwOutdoorSiteDetail;
@@ -8749,4 +8877,4 @@ exports.grw_trek_provider = GrwTrekProvider;
 exports.grw_treks_list = GrwTreksList;
 exports.grw_treks_provider = GrwTreksProvider;
 
-//# sourceMappingURL=grw-common-button_27.cjs.entry.js.map
+//# sourceMappingURL=grw-common-button_28.cjs.entry.js.map