@geotrekce/geotrek-rando-widget 0.7.1 → 0.8.0

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

@@ -5184,7 +5184,7 @@ const GrwTrekDetail = class {
       return (index.h("div", { part: "network", class: "network" }, index.h("img", { part: "icon", class: "icon",
         /* @ts-ignore */
         crossorigin: "anonymous", src: currentNetwork.pictogram }), index.h("span", { part: "label", class: "label" }, currentNetwork.label)));
-    })), this.currentTrek.ratings.map(trekRating => (index.h("div", { part: "row", class: "row" }, `${utils.state.ratingsScale.find(ratingScale => ratingScale.id === utils.state.ratings.find(rating => rating.id === trekRating).scale).name} : ${utils.state.ratings.find(rating => rating.id === trekRating).name}`))), this.currentTrek.ratings_description && this.currentTrek.ratings_description !== '' && (index.h("div", { part: "row", class: "row", innerHTML: this.currentTrek.ratings_description })))), index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "downloads-container", class: "downloads-container" }, index.h("div", { part: "download-title", class: "download-title" }, i18n.translate[utils.state.language].downloads), this.enableOffline && !this.offline && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayTrekDownloadModal() }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download_for_offline"), index.h("span", { part: "label", class: "label" }, "RENDRE DISPONIBLE HORS LIGNE"))), this.enableOffline && this.offline && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayTrekDeleteModal() }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "delete"), index.h("span", { part: "label", class: "label" }, "SUPPRIMER DU HORS LIGNE"))), index.h("div", { part: "links-container", class: "links-container" }, index.h("a", { href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "GPX")), index.h("a", { href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "KML")), index.h("a", { href: `${this.currentTrek.pdf}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "PDF")))), index.h("div", { part: "divider", class: "divider" }), this.currentTrek.description_teaser && index.h("div", { part: "description-teaser", class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && index.h("div", { part: "ambiance", class: "ambiance", innerHTML: this.currentTrek.ambiance }), utils.state.parentTrekId && utils.state.parentTrek && this.currentTrek.id !== utils.state.parentTrekId && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "parent-trek-container", class: "parent-trek-container" }, index.h("button", { part: "parent-trek-title", class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(utils.state.parentTrekId) }, index.h("div", null, "<"), utils.state.parentTrek.name)))), utils.state.currentTrekSteps && (index.h("div", { part: "step-container", class: "step-container" }, index.h("div", { part: "step-title", class: "step-title", ref: el => (this.stepsRef = el) }, `${utils.state.currentTrekSteps.length} ${i18n.translate[utils.state.language].steps}`), index.h("div", { part: "swiper-step", class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, utils.state.currentTrekSteps &&
+    })), this.currentTrek.ratings.map(trekRating => (index.h("div", { part: "row", class: "row" }, `${utils.state.ratingsScale.find(ratingScale => ratingScale.id === utils.state.ratings.find(rating => rating.id === trekRating).scale).name} : ${utils.state.ratings.find(rating => rating.id === trekRating).name}`))), this.currentTrek.ratings_description && this.currentTrek.ratings_description !== '' && (index.h("div", { part: "row", class: "row", innerHTML: this.currentTrek.ratings_description })))), index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "downloads-container", class: "downloads-container" }, index.h("div", { part: "download-title", class: "download-title" }, i18n.translate[utils.state.language].downloads), this.enableOffline && !this.offline && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayTrekDownloadModal() }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download_for_offline"), index.h("span", { part: "label", class: "label" }, "RENDRE DISPONIBLE HORS LIGNE"))), this.enableOffline && this.offline && (index.h("button", { part: "offline-button", class: "offline-button", onClick: () => this.displayTrekDeleteModal() }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "delete"), index.h("span", { part: "label", class: "label" }, "SUPPRIMER DU HORS LIGNE"))), index.h("div", { part: "links-container", class: "links-container" }, index.h("a", { href: `${this.currentTrek.gpx}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "GPX")), index.h("a", { href: `${this.currentTrek.kml}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "KML")), index.h("a", { href: `${this.currentTrek.pdf}${utils.state.portalsFromProviders && utils.state.portalsFromProviders.length === 1 ? '?portal=' + utils.state.portalsFromProviders[0] : ''}`, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "download"), index.h("span", { part: "label", class: "label" }, "PDF")))), index.h("div", { part: "divider", class: "divider" }), this.currentTrek.description_teaser && index.h("div", { part: "description-teaser", class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && index.h("div", { part: "ambiance", class: "ambiance", innerHTML: this.currentTrek.ambiance }), utils.state.parentTrekId && utils.state.parentTrek && this.currentTrek.id !== utils.state.parentTrekId && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "parent-trek-container", class: "parent-trek-container" }, index.h("button", { part: "parent-trek-title", class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(utils.state.parentTrekId) }, index.h("div", null, "<"), utils.state.parentTrek.name)))), utils.state.currentTrekSteps && (index.h("div", { part: "step-container", class: "step-container" }, index.h("div", { part: "step-title", class: "step-title", ref: el => (this.stepsRef = el) }, `${utils.state.currentTrekSteps.length} ${i18n.translate[utils.state.language].steps}`), index.h("div", { part: "swiper-step", class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, utils.state.currentTrekSteps &&
       utils.state.currentTrekSteps.map(trek => {
         return (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-trek-card", { exportparts: "trek-card,trek-img-container,trek-img,trek-sub-container,trek-departure,trek-name,trek-themes-container,trek-theme,trek-icons-labels-container,trek-icon-label,trek-icon,trek-label", key: `trek-${trek.id}`, trek: trek, "is-large-view": false, "is-step": true, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })));
       })), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.stepSwiperScrollbar = el) })))), index.h("div", { part: "divider", class: "divider" }), this.currentTrek.description && (index.h("div", { part: "description-container", class: "description-container" }, index.h("div", { part: "description-title", class: "description-title", ref: el => (this.descriptionRef = el) }, i18n.translate[utils.state.language].description), index.h("div", { part: "description", class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (index.h("div", { part: "departure-container", class: "departure-container" }, index.h("div", { part: "departure-title", class: "departure-title" }, i18n.translate[utils.state.language].departure, " :\u00A0"), index.h("div", { part: "departure", innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (index.h("div", { part: "arrival-container", class: "arrival-container" }, index.h("div", { part: "arrival-title", class: "arrival-title" }, i18n.translate[utils.state.language].arrival, " :\u00A0"), index.h("div", { part: "arrival", innerHTML: this.currentTrek.arrival }))), this.currentTrek.cities && this.currentTrek.cities.length > 0 && (index.h("div", { part: "cities-container", class: "cities-container" }, index.h("div", { part: "cities-title", class: "cities-title" }, i18n.translate[utils.state.language].crossedCities, " :\u00A0"), index.h("div", { part: "cities", innerHTML: this.cities.join(', ') }))), utils.state.currentPois && utils.state.currentPois.length > 0 && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "pois-container", class: "pois-container" }, index.h("div", { part: "pois-title", class: "pois-title", ref: el => (this.poiRef = el) }, i18n.translate[utils.state.language].pois(utils.state.currentPois.length)), index.h("div", { part: "swiper-pois", class: "swiper swiper-pois", ref: el => (this.swiperPoisRef = el) }, index.h("div", { part: "swiper-wrapper", class: "swiper-wrapper" }, utils.state.currentPois.map(poi => (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("grw-poi", { exportparts: "poi-type-img-container,poi-type,swiper-poi,swiper-wrapper,swiper-slide,poi-img,default-poi-img,swiper-pagination,swiper-button-prev,swiper-button-next,poi-sub-container,poi-name,poi-description,handle-poi-description", poi: poi }))))), index.h("div", { part: "swiper-scrollbar", class: "swiper-scrollbar", ref: el => (this.poisSwiperScrollbar = el) }))))), this.weather && this.currentTrek.departure_city && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "weather-container", class: "weather-container" }, index.h("iframe", { height: "150", frameborder: "0", src: `https://meteofrance.com/widget/prevision/${this.currentTrek.departure_city}0#${this.colorPrimaryApp}` })))), this.currentTrek.access && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "access-container", class: "access-container" }, index.h("div", { part: "access-title", class: "access-title" }, i18n.translate[utils.state.language].roadAccessAndParking), index.h("div", { part: "access", class: "access", innerHTML: this.currentTrek.access }), this.currentTrek.advised_parking && (index.h("div", null, index.h("div", { part: "advised-parking-title", class: "advised-parking-title", ref: el => (this.parkingRef = el) }, i18n.translate[utils.state.language].recommendedParking), index.h("div", { part: "advised-parking", class: "advised-parking", innerHTML: this.currentTrek.advised_parking })))))), this.currentTrek.public_transport && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "public-transport-container", class: "public-transport-container" }, index.h("div", { part: "public-transport-title", class: "public-transport-title" }, i18n.translate[utils.state.language].transport), index.h("div", { part: "public-transport", class: "public-transport", innerHTML: this.currentTrek.public_transport })))), (this.currentTrek.advice || this.currentTrek.gear || this.labels.length > 0) && (index.h("div", null, index.h("div", { part: "divider", class: "divider" }), index.h("div", { part: "advice-container", class: "advice-container" }, index.h("div", { part: "advice-title", class: "advice-title", ref: el => (this.recommendationRef = el) }, i18n.translate[utils.state.language].recommendations), this.currentTrek.advice && (index.h("div", { part: "current-advice-container", class: "current-advice-container" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "warning"), index.h("div", { part: "advice", class: "advice", innerHTML: this.currentTrek.advice }))), this.currentTrek.gear && (index.h("div", { part: "gear-container", class: "gear-container" }, index.h("span", { translate: false, part: "icon", class: "material-symbols material-symbols-outlined icon" }, "backpack"), index.h("div", { part: "gear", class: "gear", innerHTML: this.currentTrek.gear }))), this.labels.map(label => (index.h("div", { part: "label-container", class: "label-container" }, index.h("div", { part: "label-sub-container", class: "label-sub-container" }, label.pictogram && (index.h("img", {