npm - @geotrekce/geotrek-rando-widget - Versions diffs - 0.18.2 → 0.19.0 - Mend

@geotrekce/geotrek-rando-widget 0.18.2 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (327) hide show

package/dist/cjs/grw-poi_3.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"grw-poi.grw-touristic-content-card.grw-touristic-event-card.entry.cjs.js","mappings":"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","names":["Swiper","Navigation","Pagination","Keyboard","state","getDataInStore","getAssetPath","h","Host","translate"],"sources":["src/components/grw-poi-detail/grw-poi.scss?tag=grw-poi&encapsulation=shadow","src/components/grw-poi-detail/grw-poi.tsx","src/components/grw-touristic-content-card/grw-touristic-content-card.scss?tag=grw-touristic-content-card&encapsulation=shadow","src/components/grw-touristic-content-card/grw-touristic-content-card.tsx","src/components/grw-touristic-event-card/grw-touristic-event-card.scss?tag=grw-touristic-event-card&encapsulation=shadow","src/components/grw-touristic-event-card/grw-touristic-event-card.tsx"],"sourcesContent":["@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n z-index: 0;\n}\n\n:host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n border: 1px solid gray;\n border-radius: var(--border-radius, 12px);\n background-color: var(--color-surface-container-low);\n color: var(--color-on-surface);\n a {\n color: var(--color-primary-app);\n }\n --swiper-navigation-size: 24px;\n --swiper-navigation-color: var(--color-on-primary-container);\n --swiper-pagination-color: var(--color-primary-container);\n --swiper-pagination-bullet-size: 12px;\n .swiper-button-prev,\n .swiper-button-next {\n background-color: var(--color-primary-container);\n padding: 4px;\n width: 32px;\n height: 32px;\n border-radius: var(--border-radius, 32px);\n box-shadow: var(--elevation-1);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n }\n}\n\n.poi-type-img-container {\n position: relative;\n .poi-img,\n .default-poi-img {\n width: 100%;\n height: 100%;\n height: 200px;\n object-fit: cover;\n }\n .poi-img {\n cursor: pointer;\n object-fit: cover;\n }\n .default-poi-img {\n background-color: var(--color-primary-container);\n object-fit: contain;\n }\n .img-fullscreen {\n max-height: none;\n object-fit: contain;\n }\n .poi-type {\n width: 24px;\n height: 24px;\n padding: 4px;\n border: 2px solid #ffffff;\n border-radius: var(--border-radius, 50%);\n background-color: var(--color-on-surface);\n position: absolute;\n top: 8px;\n left: 8px;\n z-index: 200;\n }\n}\n\n.poi-sub-container {\n display: flex;\n flex-direction: column;\n padding: 12px;\n}\n\n.poi-name {\n font-size: 16px;\n line-height: 24px;\n height: 64px;\n}\n\n.poi-description {\n font-size: 14px;\n line-height: 20px;\n}\n\n.poi-description-short {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 4;\n overflow: hidden;\n}\n\n.handle-poi-description {\n cursor: pointer;\n color: var(--color-primary-app);\n text-decoration: underline;\n margin-top: 12px;\n height: 22px;\n}\n\np {\n margin: 0;\n}\n","import { Component, Host, h, Prop, State, Build, getAssetPath, Listen } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { OutdoorSite, Poi, Trek } from 'types/types';\nimport { translate } from 'i18n/i18n';\nimport { getDataInStore } from 'services/grw-db.service';\n\n@Component({\n tag: 'grw-poi',\n styleUrl: 'grw-poi.scss',\n shadow: true,\n})\nexport class GrwPoiDetail {\n swiperPoi?: Swiper;\n swiperPoiRef?: HTMLDivElement;\n prevElPoiRef?: HTMLDivElement;\n nextElPoiRef?: HTMLDivElement;\n paginationElPoiRef?: HTMLDivElement;\n descriptionRef?: HTMLDivElement;\n\n @Prop() poi: Poi;\n @State() displayShortDescription = true;\n @State() showPoiDescriptionButton = false;\n @State() displayFullscreen = false;\n\n @State() offline = false;\n\n @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n onTrekDownloadedSuccessConfirm() {\n if (this.swiperPoi) {\n this.swiperPoi.slideTo(0);\n }\n this.offline = true;\n }\n\n @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n onTrekDeleteSuccessConfirm() {\n this.offline = false;\n }\n\n handleSwipers() {\n if (this.swiperPoiRef && !this.swiperPoi) {\n this.swiperPoi = new Swiper(this.swiperPoiRef, {\n modules: [Navigation, Pagination, Keyboard],\n navigation: {\n prevEl: this.prevElPoiRef,\n nextEl: this.nextElPoiRef,\n },\n pagination: { el: this.paginationElPoiRef },\n allowTouchMove: false,\n keyboard: false,\n loop: true,\n });\n this.swiperPoiRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen && !this.offline;\n if (this.displayFullscreen) {\n this.swiperPoi.keyboard.enable();\n } else {\n this.swiperPoi.keyboard.disable();\n }\n };\n this.showPoiDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;\n }\n }\n\n componentDidUpdate() {\n this.handleSwipers();\n }\n\n componentDidLoad() {\n this.handleOffline();\n this.handleSwipers();\n }\n\n handlePoiDescription() {\n this.displayShortDescription = !this.displayShortDescription;\n }\n\n handleFullscreen() {\n if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n this.swiperPoiRef.requestFullscreen();\n }\n }\n\n async handleOffline() {\n if (state.currentTrek) {\n const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n if (trekInStore && trekInStore.offline) {\n this.offline = Boolean(poiInStore);\n }\n } else if (state.currentOutdoorSite) {\n const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n this.offline = Boolean(poiInStore);\n }\n }\n }\n\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n return (\n <Host>\n <div part=\"poi-type-img-container\" class=\"poi-type-img-container\">\n <img part=\"poi-type\" class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} alt=\"\" />\n <div part=\"swiper-poi\" class=\"swiper swiper-poi\" ref={el => (this.swiperPoiRef = el)}>\n <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n {this.poi.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n this.poi.attachments\n .filter(attachment => attachment.type === 'image')\n .map(attachment => (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img\n part=\"poi-iamg\"\n class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n alt={attachment.legend}\n loading=\"lazy\"\n /* @ts-ignore /\n onerror={event => {\n event.target.onerror = null;\n event.target.className = 'default-poi-img';\n event.target.src = defaultImageSrc;\n }}\n onClick={() => this.handleFullscreen()}\n />\n </div>\n ))\n ) : (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img part=\"default-poi-img\" class=\"default-poi-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n </div>\n )}\n </div>\n <div style={{ display: this.offline ? 'none' : 'block' }} part=\"swiper-pagination\" class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-prev\" class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-next\" class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n </div>\n </div>\n <div part=\"poi-sub-container\" class=\"poi-sub-container\">\n <div part=\"poi-name\" class=\"poi-name\">\n {this.poi.name}\n </div>\n <div\n part=\"poi-description\"\n class={this.displayShortDescription ? 'poi-description poi-description-short' : 'poi-description'}\n innerHTML={this.poi.description}\n ref={el => (this.descriptionRef = el)}\n ></div>\n <div part=\"handle-poi-description\" class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n {this.showPoiDescriptionButton && (this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)}\n </div>\n </div>\n </Host>\n );\n }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n z-index: 0;\n}\n\n:host {\n a {\n color: var(--color-primary-app);\n }\n --swiper-navigation-size: 24px;\n --swiper-navigation-color: var(--color-on-primary-container);\n --swiper-pagination-color: var(--color-primary-container);\n --swiper-pagination-bullet-size: 12px;\n .swiper {\n height: 200px;\n }\n .swiper-button-prev,\n .swiper-button-next {\n background-color: var(--color-primary-container);\n padding: 4px;\n width: 32px;\n height: 32px;\n border-radius: var(--border-radius, 32px);\n box-shadow: var(--elevation-1);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n }\n}\n\n.touristic-content-img-container {\n position: relative;\n height: 200px;\n .touristic-content-img,\n .default-touristic-content-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .touristic-content-img {\n cursor: pointer;\n object-fit: cover;\n }\n .default-touristic-content-img {\n background-color: var(--color-primary-container);\n object-fit: contain;\n }\n .img-fullscreen {\n max-height: none;\n object-fit: contain;\n }\n .touristic-content-type {\n width: 24px;\n height: 24px;\n padding: 4px;\n border: 2px solid #ffffff;\n border-radius: var(--border-radius, 50%);\n background-color: var(--color-on-surface);\n position: absolute;\n top: 8px;\n left: 8px;\n z-index: 200;\n }\n}\n\n.touristic-content-sub-container {\n display: flex;\n flex-direction: column;\n padding: 12px;\n .touristic-content-category-container {\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n .touristic-content-category-name {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n overflow: hidden;\n }\n img {\n font-size: 24px;\n width: 24px;\n height: 24px;\n margin-right: 8px;\n background-color: var(--color-primary-app);\n }\n }\n .touristic-content-name {\n font-size: 16px;\n line-height: 24px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n height: 48px;\n }\n}\n\n.touristic-content-more-detail-container {\n padding: 0px 12px 12px 12px;\n .more-details-button {\n cursor: pointer;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n border-radius: var(--border-radius, 8px);\n padding: 8px 16px;\n box-shadow: var(--elevation-1);\n width: 100%;\n height: 32px;\n gap: 8px;\n box-sizing: border-box;\n text-align: start;\n vertical-align: middle;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n position: relative;\n border: none;\n font-size: 14px;\n font-family: var(--font-family);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n span {\n font-size: 18px;\n }\n }\n}\n\n.touristic-content-card-container,\n.touristic-content-card-large-view-container {\n font-family: var(--font-family);\n border-radius: var(--border-radius, 12px);\n box-shadow: var(--elevation-1);\n background-color: var(--color-surface-container-low);\n color: var(--color-on-surface);\n .touristic-content-img {\n height: 100%;\n object-fit: cover;\n border-top-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 12px);\n }\n}\n\n.touristic-content-card-container {\n width: 100%;\n max-width: 350px;\n .touristic-content-img {\n width: 100%;\n height: 100%;\n }\n}\n\n.touristic-content-card-large-view-container {\n width: 100%;\n display: flex;\n flex-direction: row;\n .touristic-content-img {\n width: 250px;\n height: 100%;\n border-bottom-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 0px);\n }\n}\n\n.is-inside-vertical-list {\n cursor: pointer;\n border: none;\n .touristic-event-img,\n .default-touristic-event-img {\n height: 100%;\n }\n}\n\n.selected-touristic-content-card {\n box-shadow: var(--elevation-2);\n}\n\n.touristic-content-category-img {\n border-radius: 100%;\n padding: 2px;\n max-height: 20px;\n max-width: 20px;\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { getDataInStore } from 'services/grw-db.service';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { OutdoorSite, TouristicContent, Trek } from 'types/types';\n\n@Component({\n tag: 'grw-touristic-content-card',\n styleUrl: 'grw-touristic-content-card.scss',\n shadow: true,\n})\nexport class GrwTouristicContentCard {\n @Event() touristicContentCardPress: EventEmitter<number>;\n swiperTouristicContent?: Swiper;\n swiperTouristicContentRef?: HTMLDivElement;\n prevElTouristicContentRef?: HTMLDivElement;\n nextElTouristicContentRef?: HTMLDivElement;\n paginationElTouristicContentRef?: HTMLDivElement;\n\n @Prop() fontFamily = 'Roboto';\n\n @Prop() touristicContent: TouristicContent;\n @Prop() isLargeView = false;\n @Prop() isInsideHorizontalList = false;\n @State() displayFullscreen = false;\n\n @Event() cardTouristicContentMouseOver: EventEmitter<number>;\n @Event() cardTouristicContentMouseLeave: EventEmitter;\n\n @State() offline = false;\n\n @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n onTrekDownloadedSuccessConfirm() {\n if (this.swiperTouristicContent) {\n this.swiperTouristicContent.slideTo(0);\n }\n this.offline = true;\n }\n\n @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n onTrekDeleteSuccessConfirm() {\n this.offline = false;\n }\n\n handleSwipers() {\n if (this.swiperTouristicContentRef && !this.swiperTouristicContent) {\n this.swiperTouristicContent = new Swiper(this.swiperTouristicContentRef, {\n modules: [Navigation, Pagination, Keyboard],\n navigation: {\n prevEl: this.prevElTouristicContentRef,\n nextEl: this.nextElTouristicContentRef,\n },\n pagination: { el: this.paginationElTouristicContentRef },\n allowTouchMove: false,\n keyboard: false,\n loop: true,\n });\n this.swiperTouristicContentRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen && !this.offline;\n if (this.displayFullscreen) {\n this.swiperTouristicContent.keyboard.enable();\n } else {\n this.swiperTouristicContent.keyboard.disable();\n }\n };\n }\n }\n\n componentDidUpdate() {\n this.handleSwipers();\n }\n\n componentDidLoad() {\n this.handleOffline();\n this.handleSwipers();\n }\n\n async handleOffline() {\n if (state.currentTrek) {\n const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n if (trekInStore && trekInStore.offline) {\n const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n this.offline = touristicContentInStore && touristicContentInStore.offline;\n }\n } else if (state.currentOutdoorSite) {\n const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n this.offline = touristicContentInStore && touristicContentInStore.offline;\n }\n }\n }\n\n handleFullscreen() {\n if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n this.swiperTouristicContentRef.requestFullscreen();\n }\n }\n\n @Listen('mouseover')\n handleMouseOver() {\n this.cardTouristicContentMouseOver.emit(this.touristicContent.id);\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n this.cardTouristicContentMouseLeave.emit();\n }\n\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n const touristicContentCategory = state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === this.touristicContent.category);\n return (\n <Host\n style={{\n '--font-family': this.fontFamily,\n 'width': this.isLargeView ? '100%' : 'auto',\n }}\n >\n <div\n part=\"touristic-content-card\"\n class={\n this.isLargeView\n ? `touristic-content-card touristic-content-card-large-view-container${\n state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''\n }${!this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''}`\n : `touristic-content-card touristic-content-card-container${state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''}${\n !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n }`\n }\n onClick={() => {\n if (!this.isInsideHorizontalList) {\n this.touristicContentCardPress.emit(this.touristicContent.id);\n }\n }}\n >\n <div part=\"touristic-content-img-container\" class=\"touristic-content-img-container\">\n {this.isInsideHorizontalList ? (\n <div part=\"swiper-touristic-content\" class=\"swiper swiper-touristic-content\" ref={el => (this.swiperTouristicContentRef = el)}>\n <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n {this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n this.touristicContent.attachments\n .filter(attachment => attachment.type === 'image')\n .map(attachment => (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img\n part=\"touristic-content-img\"\n class={`touristic-content-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? (this.offline ? attachment.thumbnail : attachment.url) : attachment.thumbnail}\n loading=\"lazy\"\n / @ts-ignore /\n onerror={event => {\n event.target.onerror = null;\n event.target.className = 'default-touristic-content-img';\n event.target.src = defaultImageSrc;\n }}\n onClick={() => this.handleFullscreen()}\n alt={attachment.legend}\n />\n </div>\n ))\n ) : (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img part=\"default-touristic-content-img\" src={defaultImageSrc} class=\"default-touristic-content-img\" alt=\"\" loading=\"lazy\" />\n </div>\n )}\n </div>\n <div\n style={{ display: this.offline ? 'none' : 'block' }}\n part=\"swiper-pagination\"\n class=\"swiper-pagination\"\n ref={el => (this.paginationElTouristicContentRef = el)}\n ></div>\n <div\n style={{ display: this.offline ? 'none' : 'flex' }}\n part=\"swiper-button-prev\"\n class=\"swiper-button-prev\"\n ref={el => (this.prevElTouristicContentRef = el)}\n ></div>\n <div\n style={{ display: this.offline ? 'none' : 'flex' }}\n part=\"swiper-button-next\"\n class=\"swiper-button-next\"\n ref={el => (this.nextElTouristicContentRef = el)}\n ></div>\n </div>\n ) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n <img\n part=\"touristic-content-img\"\n class=\"touristic-content-img\"\n src={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`}\n alt={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n loading=\"lazy\"\n />\n ) : (\n <img class=\"image default-touristic-content-img\" src={defaultImageSrc} loading=\"lazy\" alt=\"\" />\n )}\n </div>\n <div part=\"touristic-content-sub-container\" class=\"touristic-content-sub-container\">\n <div part=\"touristic-content-category-container\" class=\"touristic-content-category-container\">\n {touristicContentCategory && touristicContentCategory.pictogram && (\n <img part=\"touristic-content-category-img\" class=\"touristic-content-category-img\" src={touristicContentCategory.pictogram} alt=\"\" />\n )}\n <div part=\"touristic-content-category-name\" class=\"touristic-content-category-name\">\n {touristicContentCategory.label}\n </div>\n </div>\n <div part=\"touristic-content-name\" class=\"touristic-content-name\">\n {this.touristicContent.name}\n </div>\n </div>\n {this.isInsideHorizontalList && (\n <div part=\"touristic-content-more-detail-container\" class=\"touristic-content-more-detail-container\">\n <button part=\"more-details-button\" class=\"more-details-button\" onClick={() => this.touristicContentCardPress.emit(this.touristicContent.id)}>\n Plus de détails\n </button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n z-index: 0;\n}\n\n:host {\n a {\n color: var(--color-primary-app);\n }\n --swiper-navigation-size: 24px;\n --swiper-navigation-color: var(--color-on-primary-container);\n --swiper-pagination-color: var(--color-primary-container);\n --swiper-pagination-bullet-size: 12px;\n .swiper {\n height: 200px;\n }\n .swiper-button-prev,\n .swiper-button-next {\n background-color: var(--color-primary-container);\n padding: 4px;\n width: 32px;\n height: 32px;\n border-radius: var(--border-radius, 32px);\n box-shadow: var(--elevation-1);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n }\n}\n\n.touristic-event-img-container {\n position: relative;\n height: 200px;\n .touristic-event-img,\n .default-touristic-event-img {\n width: 100%;\n height: 100%;\n max-height: 200px;\n object-fit: cover;\n }\n .touristic-event-img {\n cursor: pointer;\n object-fit: cover;\n }\n .default-touristic-event-img {\n background-color: var(--color-primary-container);\n object-fit: contain;\n }\n .img-fullscreen {\n max-height: none;\n object-fit: contain;\n }\n .touristic-event-type {\n width: 24px;\n height: 24px;\n padding: 4px;\n border: 2px solid #ffffff;\n border-radius: var(--border-radius, 50%);\n background-color: var(--color-on-surface);\n position: absolute;\n top: 8px;\n left: 8px;\n z-index: 200;\n }\n}\n\n.touristic-event-sub-container {\n display: flex;\n flex-direction: column;\n padding: 12px;\n .touristic-event-type-container {\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n .touristic-event-type-name {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n overflow: hidden;\n }\n img {\n font-size: 24px;\n width: 24px;\n height: 24px;\n margin-right: 8px;\n background-color: var(--color-primary-app);\n }\n }\n .touristic-event-name {\n font-size: 16px;\n line-height: 24px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n height: 48px;\n }\n}\n\n.touristic-event-more-detail-container {\n padding: 0px 12px 12px 12px;\n .more-details-button {\n cursor: pointer;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n border-radius: var(--border-radius, 8px);\n padding: 8px 16px;\n box-shadow: var(--elevation-1);\n width: 100%;\n height: 32px;\n gap: 8px;\n box-sizing: border-box;\n text-align: start;\n vertical-align: middle;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n position: relative;\n border: none;\n font-size: 14px;\n font-family: var(--font-family);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n span {\n font-size: 18px;\n }\n }\n}\n\n.touristic-event-card-container,\n.touristic-event-card-large-view-container {\n font-family: var(--font-family);\n border-radius: var(--border-radius, 12px);\n box-shadow: var(--elevation-1);\n background-color: var(--color-surface-container-low);\n color: var(--color-on-surface);\n .touristic-event-img {\n height: 100%;\n object-fit: cover;\n border-top-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 12px);\n }\n}\n\n.touristic-event-card-container {\n width: 100%;\n max-width: 350px;\n .touristic-event-img {\n width: 100%;\n height: 100%;\n }\n}\n\n.touristic-event-card-large-view-container {\n width: 100%;\n display: flex;\n flex-direction: row;\n .touristic-event-img {\n width: 250px;\n height: 100%;\n border-bottom-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 0px);\n }\n}\n\n.is-inside-vertical-list {\n cursor: pointer;\n border: none;\n .touristic-content-img,\n .default-touristic-event-img {\n height: 100%;\n }\n}\n\n.selected-touristic-event-card {\n box-shadow: var(--elevation-2);\n}\n\n.touristic-event-date-container {\n margin-top: 12px;\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport { getDataInStore } from 'services/grw-db.service';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { OutdoorSite, TouristicEvent, Trek } from 'types/types';\n\n@Component({\n tag: 'grw-touristic-event-card',\n styleUrl: 'grw-touristic-event-card.scss',\n shadow: true,\n})\nexport class GrwTouristicEvent {\n @Event() touristicEventCardPress: EventEmitter<number>;\n swiperTouristicEvent?: Swiper;\n swiperTouristicEventRef?: HTMLDivElement;\n prevElTouristicEventRef?: HTMLDivElement;\n nextElTouristicEventRef?: HTMLDivElement;\n paginationElTouristicEventRef?: HTMLDivElement;\n\n @Prop() fontFamily = 'Roboto';\n\n @Prop() touristicEvent: TouristicEvent;\n @Prop() isLargeView = false;\n @Prop() isInsideHorizontalList = false;\n @State() displayFullscreen = false;\n\n @Event() cardTouristicEventMouseOver: EventEmitter<number>;\n @Event() cardTouristicEventMouseLeave: EventEmitter;\n\n @State() offline = false;\n\n @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n onTrekDownloadedSuccessConfirm() {\n if (this.swiperTouristicEvent) {\n this.swiperTouristicEvent.slideTo(0);\n }\n this.offline = true;\n }\n\n @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n onTrekDeleteSuccessConfirm() {\n this.offline = false;\n }\n\n handleSwipers() {\n if (this.swiperTouristicEventRef && !this.swiperTouristicEvent) {\n this.swiperTouristicEvent = new Swiper(this.swiperTouristicEventRef, {\n modules: [Navigation, Pagination, Keyboard],\n navigation: {\n prevEl: this.prevElTouristicEventRef,\n nextEl: this.nextElTouristicEventRef,\n },\n pagination: { el: this.paginationElTouristicEventRef },\n allowTouchMove: false,\n keyboard: false,\n loop: true,\n });\n this.swiperTouristicEventRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen && !this.offline;\n if (this.displayFullscreen) {\n this.swiperTouristicEvent.keyboard.enable();\n } else {\n this.swiperTouristicEvent.keyboard.disable();\n }\n };\n }\n }\n\n componentDidUpdate() {\n this.handleSwipers();\n }\n\n componentDidLoad() {\n this.handleOffline();\n this.handleSwipers();\n }\n\n async handleOffline() {\n if (state.currentTrek) {\n const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n if (trekInStore && trekInStore.offline) {\n const touristicEventInStore: TouristicEvent = await getDataInStore('touristicEvents', this.touristicEvent.id);\n this.offline = trekInStore && trekInStore.offline && touristicEventInStore && touristicEventInStore.offline;\n }\n } else if (state.currentOutdoorSite) {\n const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n const touristicEventInStore: TouristicEvent = await getDataInStore('touristicEvents', this.touristicEvent.id);\n this.offline = touristicEventInStore && touristicEventInStore.offline;\n }\n }\n }\n\n handleFullscreen() {\n if (this.touristicEvent.attachments && this.touristicEvent.attachments[0] && this.touristicEvent.attachments[0].url) {\n this.swiperTouristicEventRef.requestFullscreen();\n }\n }\n\n @Listen('mouseover')\n handleMouseOver() {\n this.cardTouristicEventMouseOver.emit(this.touristicEvent.id);\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n this.cardTouristicEventMouseLeave.emit();\n }\n\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n const touristicEventType = state.touristicEventTypes.find(touristicEventType => touristicEventType.id === this.touristicEvent.type);\n return (\n <Host\n style={{\n '--font-family': this.fontFamily,\n 'width': this.isLargeView ? '100%' : 'auto',\n }}\n >\n <div\n part=\"touristic-event-card\"\n class={\n this.isLargeView\n ? `touristic-event-card touristic-event-card-large-view-container${\n state.selectedTouristicEventId === this.touristicEvent.id ? ' selected-touristic-event-card' : ''\n }${!this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''}`\n : ` touristic-event-card touristic-event-card-container${state.selectedTouristicEventId === this.touristicEvent.id ? ' selected-touristic-event-card' : ''}${\n !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n }`\n }\n onClick={() => {\n if (!this.isInsideHorizontalList) {\n this.touristicEventCardPress.emit(this.touristicEvent.id);\n }\n }}\n >\n <div part=\"touristic-event-img-container\" class=\"touristic-event-img-container\">\n {this.isInsideHorizontalList ? (\n <div part=\"swiper-touristic-event\" class=\"swiper swiper-touristic-event\" ref={el => (this.swiperTouristicEventRef = el)}>\n <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n {this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n this.touristicEvent.attachments\n .filter(attachment => attachment.type === 'image')\n .map(attachment => (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img\n part=\"touristic-event-img\"\n class={`touristic-event-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? (this.offline ? attachment.thumbnail : attachment.url) : attachment.thumbnail}\n loading=\"lazy\"\n / @ts-ignore */\n onerror={event => {\n event.target.onerror = null;\n event.target.className = 'default-touristic-event-img';\n event.target.src = defaultImageSrc;\n }}\n onClick={() => this.handleFullscreen()}\n alt={attachment.legend}\n />\n </div>\n ))\n ) : (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img part=\"default-touristic-event-img\" class=\"default-touristic-event-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n </div>\n )}\n </div>\n <div\n style={{ display: this.offline ? 'none' : 'block' }}\n part=\"swiper-pagination\"\n class=\"swiper-pagination\"\n ref={el => (this.paginationElTouristicEventRef = el)}\n ></div>\n <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-prev\" class=\"swiper-button-prev\" ref={el => (this.prevElTouristicEventRef = el)}></div>\n <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-next\" class=\"swiper-button-next\" ref={el => (this.nextElTouristicEventRef = el)}></div>\n </div>\n ) : this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n <img\n part=\"touristic-event-img\"\n class=\"touristic-event-img\"\n src={`${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`}\n alt={`${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n loading=\"lazy\"\n />\n ) : (\n <img class=\"image default-touristic-event-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n )}\n </div>\n <div part=\"touristic-event-sub-container\" class=\"touristic-event-sub-container\">\n <div part=\"touristic-event-type-container\" class=\"touristic-event-type-container\">\n {touristicEventType && touristicEventType.pictogram && (\n <img part=\"touristic-event-type-img\" class=\"touristic-event-type-img\" src={touristicEventType.pictogram} alt=\"\" />\n )}\n {touristicEventType && touristicEventType.type && (\n <div part=\"touristic-event-type-name\" class=\"touristic-event-type-name\">\n {touristicEventType.type}\n </div>\n )}\n </div>\n <div part=\"touristic-event-name\" class=\"touristic-event-name\">\n {this.touristicEvent.name}\n </div>\n {(this.touristicEvent.begin_date \|\| this.touristicEvent.end_date) && (\n <div part=\"touristic-event-date-container\" class=\"touristic-event-date-container\">\n {this.touristicEvent.begin_date === this.touristicEvent.end_date && (\n <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n {translate[state.language].date} : {this.touristicEvent.begin_date}\n </div>\n )}\n {this.touristicEvent.begin_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (\n <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n {translate[state.language].startDate} : {this.touristicEvent.begin_date}\n </div>\n )}\n {this.touristicEvent.end_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (\n <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n {translate[state.language].endDate} : {this.touristicEvent.end_date}\n </div>\n )}\n </div>\n )}\n </div>\n\n {this.isInsideHorizontalList && (\n <div part=\"touristic-event-more-detail-container\" class=\"touristic-event-more-detail-container\">\n <button part=\"more-details-button\" class=\"more-details-button\" onClick={() => this.touristicEventCardPress.emit(this.touristicEvent.id)}>\n Plus de détails\n </button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"grw-poi.grw-touristic-content-card.grw-touristic-event-card.entry.cjs.js","mappings":"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","names":["Swiper","Navigation","Pagination","Keyboard","state","getDataInStore","getAssetPath","h","Host","translate"],"sources":["src/components/grw-poi-detail/grw-poi.scss?tag=grw-poi&encapsulation=shadow","src/components/grw-poi-detail/grw-poi.tsx","src/components/grw-touristic-content-card/grw-touristic-content-card.scss?tag=grw-touristic-content-card&encapsulation=shadow","src/components/grw-touristic-content-card/grw-touristic-content-card.tsx","src/components/grw-touristic-event-card/grw-touristic-event-card.scss?tag=grw-touristic-event-card&encapsulation=shadow","src/components/grw-touristic-event-card/grw-touristic-event-card.tsx"],"sourcesContent":["@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n z-index: 0;\n}\n\n:host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n border: 1px solid gray;\n border-radius: var(--border-radius, 12px);\n background-color: var(--color-surface-container-low);\n color: var(--color-on-surface);\n a {\n color: var(--color-primary-app);\n }\n --swiper-navigation-size: 24px;\n --swiper-navigation-color: var(--color-on-primary-container);\n --swiper-pagination-color: var(--color-primary-container);\n --swiper-pagination-bullet-size: 12px;\n .swiper-button-prev,\n .swiper-button-next {\n background-color: var(--color-primary-container);\n padding: 4px;\n width: 32px;\n height: 32px;\n border-radius: var(--border-radius, 32px);\n box-shadow: var(--elevation-1);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n }\n}\n\n.poi-type-img-container {\n position: relative;\n .poi-img,\n .default-poi-img {\n width: 100%;\n height: 100%;\n height: 200px;\n object-fit: cover;\n }\n .poi-img {\n cursor: pointer;\n object-fit: cover;\n }\n .default-poi-img {\n background-color: var(--color-primary-container);\n object-fit: contain;\n }\n .img-fullscreen {\n max-height: none;\n object-fit: contain;\n }\n .poi-type {\n width: 24px;\n height: 24px;\n padding: 4px;\n border: 2px solid #ffffff;\n border-radius: var(--border-radius, 50%);\n background-color: var(--color-on-surface);\n position: absolute;\n top: 8px;\n left: 8px;\n z-index: 200;\n }\n}\n\n.poi-sub-container {\n display: flex;\n flex-direction: column;\n padding: 12px;\n}\n\n.poi-name {\n font-size: 16px;\n line-height: 24px;\n height: 64px;\n}\n\n.poi-description {\n font-size: 14px;\n line-height: 20px;\n}\n\n.poi-description-short {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 4;\n overflow: hidden;\n}\n\n.handle-poi-description {\n cursor: pointer;\n color: var(--color-primary-app);\n text-decoration: underline;\n margin-top: 12px;\n height: 22px;\n}\n\np {\n margin: 0;\n}\n","import { Component, Host, h, Prop, State, Build, getAssetPath, Listen } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { OutdoorSite, Poi, Trek } from 'types/types';\nimport { translate } from 'i18n/i18n';\nimport { getDataInStore } from 'services/grw-db.service';\n\n@Component({\n tag: 'grw-poi',\n styleUrl: 'grw-poi.scss',\n shadow: true,\n})\nexport class GrwPoiDetail {\n swiperPoi?: Swiper;\n swiperPoiRef?: HTMLDivElement;\n prevElPoiRef?: HTMLDivElement;\n nextElPoiRef?: HTMLDivElement;\n paginationElPoiRef?: HTMLDivElement;\n descriptionRef?: HTMLDivElement;\n\n @Prop() poi: Poi;\n @State() displayShortDescription = true;\n @State() showPoiDescriptionButton = false;\n @State() displayFullscreen = false;\n\n @State() offline = false;\n\n @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n onTrekDownloadedSuccessConfirm() {\n if (this.swiperPoi) {\n this.swiperPoi.slideTo(0);\n }\n this.offline = true;\n }\n\n @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n onTrekDeleteSuccessConfirm() {\n this.offline = false;\n }\n\n handleSwipers() {\n if (this.swiperPoiRef && !this.swiperPoi) {\n this.swiperPoi = new Swiper(this.swiperPoiRef, {\n modules: [Navigation, Pagination, Keyboard],\n navigation: {\n prevEl: this.prevElPoiRef,\n nextEl: this.nextElPoiRef,\n },\n pagination: { el: this.paginationElPoiRef },\n allowTouchMove: false,\n keyboard: false,\n loop: true,\n });\n this.swiperPoiRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen && !this.offline;\n if (this.displayFullscreen) {\n this.swiperPoi.keyboard.enable();\n } else {\n this.swiperPoi.keyboard.disable();\n }\n };\n this.showPoiDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;\n }\n }\n\n componentDidUpdate() {\n this.handleSwipers();\n }\n\n componentDidLoad() {\n this.handleOffline();\n this.handleSwipers();\n }\n\n handlePoiDescription() {\n this.displayShortDescription = !this.displayShortDescription;\n }\n\n handleFullscreen() {\n if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n this.swiperPoiRef.requestFullscreen();\n }\n }\n\n async handleOffline() {\n if (state.currentTrek) {\n const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n if (trekInStore && trekInStore.offline) {\n this.offline = Boolean(poiInStore);\n }\n } else if (state.currentOutdoorSite) {\n const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n this.offline = Boolean(poiInStore);\n }\n }\n }\n\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n return (\n <Host>\n <div part=\"poi-type-img-container\" class=\"poi-type-img-container\">\n <img part=\"poi-type\" class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} alt=\"\" />\n <div part=\"swiper-poi\" class=\"swiper swiper-poi\" ref={el => (this.swiperPoiRef = el)}>\n <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n {this.poi.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n this.poi.attachments\n .filter(attachment => attachment.type === 'image')\n .map(attachment => (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img\n part=\"poi-iamg\"\n class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? attachment.url : attachment.thumbnail !== '' ? attachment.thumbnail : attachment.url}\n alt={attachment.legend}\n loading=\"lazy\"\n /* @ts-ignore /\n onerror={event => {\n event.target.onerror = null;\n event.target.className = 'default-poi-img';\n event.target.src = defaultImageSrc;\n }}\n onClick={() => this.handleFullscreen()}\n />\n </div>\n ))\n ) : (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img part=\"default-poi-img\" class=\"default-poi-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n </div>\n )}\n </div>\n <div style={{ display: this.offline ? 'none' : 'block' }} part=\"swiper-pagination\" class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-prev\" class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-next\" class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n </div>\n </div>\n <div part=\"poi-sub-container\" class=\"poi-sub-container\">\n <div part=\"poi-name\" class=\"poi-name\">\n {this.poi.name}\n </div>\n <div\n part=\"poi-description\"\n class={this.displayShortDescription ? 'poi-description poi-description-short' : 'poi-description'}\n innerHTML={this.poi.description}\n ref={el => (this.descriptionRef = el)}\n ></div>\n <div part=\"handle-poi-description\" class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n {this.showPoiDescriptionButton && (this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)}\n </div>\n </div>\n </Host>\n );\n }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n z-index: 0;\n}\n\n:host {\n a {\n color: var(--color-primary-app);\n }\n --swiper-navigation-size: 24px;\n --swiper-navigation-color: var(--color-on-primary-container);\n --swiper-pagination-color: var(--color-primary-container);\n --swiper-pagination-bullet-size: 12px;\n .swiper {\n height: 200px;\n }\n .swiper-button-prev,\n .swiper-button-next {\n background-color: var(--color-primary-container);\n padding: 4px;\n width: 32px;\n height: 32px;\n border-radius: var(--border-radius, 32px);\n box-shadow: var(--elevation-1);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n }\n}\n\n.touristic-content-img-container {\n position: relative;\n height: 200px;\n .touristic-content-img,\n .default-touristic-content-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .touristic-content-img {\n cursor: pointer;\n object-fit: cover;\n }\n .default-touristic-content-img {\n background-color: var(--color-primary-container);\n object-fit: contain;\n }\n .img-fullscreen {\n max-height: none;\n object-fit: contain;\n }\n .touristic-content-type {\n width: 24px;\n height: 24px;\n padding: 4px;\n border: 2px solid #ffffff;\n border-radius: var(--border-radius, 50%);\n background-color: var(--color-on-surface);\n position: absolute;\n top: 8px;\n left: 8px;\n z-index: 200;\n }\n}\n\n.touristic-content-sub-container {\n display: flex;\n flex-direction: column;\n padding: 12px;\n .touristic-content-category-container {\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n .touristic-content-category-name {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n overflow: hidden;\n }\n img {\n font-size: 24px;\n width: 24px;\n height: 24px;\n margin-right: 8px;\n background-color: var(--color-primary-app);\n }\n }\n .touristic-content-name {\n font-size: 16px;\n line-height: 24px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n height: 48px;\n }\n}\n\n.touristic-content-more-detail-container {\n padding: 0px 12px 12px 12px;\n .more-details-button {\n cursor: pointer;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n border-radius: var(--border-radius, 8px);\n padding: 8px 16px;\n box-shadow: var(--elevation-1);\n width: 100%;\n height: 32px;\n gap: 8px;\n box-sizing: border-box;\n text-align: start;\n vertical-align: middle;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n position: relative;\n border: none;\n font-size: 14px;\n font-family: var(--font-family);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n span {\n font-size: 18px;\n }\n }\n}\n\n.touristic-content-card-container,\n.touristic-content-card-large-view-container {\n font-family: var(--font-family);\n border-radius: var(--border-radius, 12px);\n box-shadow: var(--elevation-1);\n background-color: var(--color-surface-container-low);\n color: var(--color-on-surface);\n .touristic-content-img {\n height: 100%;\n object-fit: cover;\n border-top-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 12px);\n }\n}\n\n.touristic-content-card-container {\n width: 100%;\n max-width: 350px;\n .touristic-content-img {\n width: 100%;\n height: 100%;\n }\n}\n\n.touristic-content-card-large-view-container {\n width: 100%;\n display: flex;\n flex-direction: row;\n .touristic-content-img {\n width: 250px;\n height: 100%;\n border-bottom-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 0px);\n }\n}\n\n.is-inside-vertical-list {\n cursor: pointer;\n border: none;\n .touristic-event-img,\n .default-touristic-event-img {\n height: 100%;\n }\n}\n\n.selected-touristic-content-card {\n box-shadow: var(--elevation-2);\n}\n\n.touristic-content-category-img {\n border-radius: 100%;\n padding: 2px;\n max-height: 20px;\n max-width: 20px;\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { getDataInStore } from 'services/grw-db.service';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { OutdoorSite, TouristicContent, Trek } from 'types/types';\n\n@Component({\n tag: 'grw-touristic-content-card',\n styleUrl: 'grw-touristic-content-card.scss',\n shadow: true,\n})\nexport class GrwTouristicContentCard {\n @Event() touristicContentCardPress: EventEmitter<number>;\n swiperTouristicContent?: Swiper;\n swiperTouristicContentRef?: HTMLDivElement;\n prevElTouristicContentRef?: HTMLDivElement;\n nextElTouristicContentRef?: HTMLDivElement;\n paginationElTouristicContentRef?: HTMLDivElement;\n\n @Prop() fontFamily = 'Roboto';\n\n @Prop() touristicContent: TouristicContent;\n @Prop() isLargeView = false;\n @Prop() isInsideHorizontalList = false;\n @State() displayFullscreen = false;\n\n @Event() cardTouristicContentMouseOver: EventEmitter<number>;\n @Event() cardTouristicContentMouseLeave: EventEmitter;\n\n @State() offline = false;\n\n @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n onTrekDownloadedSuccessConfirm() {\n if (this.swiperTouristicContent) {\n this.swiperTouristicContent.slideTo(0);\n }\n this.offline = true;\n }\n\n @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n onTrekDeleteSuccessConfirm() {\n this.offline = false;\n }\n\n handleSwipers() {\n if (this.swiperTouristicContentRef && !this.swiperTouristicContent) {\n this.swiperTouristicContent = new Swiper(this.swiperTouristicContentRef, {\n modules: [Navigation, Pagination, Keyboard],\n navigation: {\n prevEl: this.prevElTouristicContentRef,\n nextEl: this.nextElTouristicContentRef,\n },\n pagination: { el: this.paginationElTouristicContentRef },\n allowTouchMove: false,\n keyboard: false,\n loop: true,\n });\n this.swiperTouristicContentRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen && !this.offline;\n if (this.displayFullscreen) {\n this.swiperTouristicContent.keyboard.enable();\n } else {\n this.swiperTouristicContent.keyboard.disable();\n }\n };\n }\n }\n\n componentDidUpdate() {\n this.handleSwipers();\n }\n\n componentDidLoad() {\n this.handleOffline();\n this.handleSwipers();\n }\n\n async handleOffline() {\n if (state.currentTrek) {\n const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n if (trekInStore && trekInStore.offline) {\n const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n this.offline = touristicContentInStore && touristicContentInStore.offline;\n }\n } else if (state.currentOutdoorSite) {\n const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n this.offline = touristicContentInStore && touristicContentInStore.offline;\n }\n }\n }\n\n handleFullscreen() {\n if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n this.swiperTouristicContentRef.requestFullscreen();\n }\n }\n\n @Listen('mouseover')\n handleMouseOver() {\n this.cardTouristicContentMouseOver.emit(this.touristicContent.id);\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n this.cardTouristicContentMouseLeave.emit();\n }\n\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n const touristicContentCategory = state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === this.touristicContent.category);\n return (\n <Host\n style={{\n '--font-family': this.fontFamily,\n 'width': this.isLargeView ? '100%' : 'auto',\n }}\n >\n <div\n part=\"touristic-content-card\"\n class={\n this.isLargeView\n ? `touristic-content-card touristic-content-card-large-view-container${\n state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''\n }${!this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''}`\n : `touristic-content-card touristic-content-card-container${state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''}${\n !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n }`\n }\n onClick={() => {\n if (!this.isInsideHorizontalList) {\n this.touristicContentCardPress.emit(this.touristicContent.id);\n }\n }}\n >\n <div part=\"touristic-content-img-container\" class=\"touristic-content-img-container\">\n {this.isInsideHorizontalList ? (\n <div part=\"swiper-touristic-content\" class=\"swiper swiper-touristic-content\" ref={el => (this.swiperTouristicContentRef = el)}>\n <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n {this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n this.touristicContent.attachments\n .filter(attachment => attachment.type === 'image')\n .map(attachment => (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img\n part=\"touristic-content-img\"\n class={`touristic-content-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? (this.offline && attachment.thumbnail !== '' ? attachment.thumbnail : attachment.url) : attachment.thumbnail}\n loading=\"lazy\"\n / @ts-ignore /\n onerror={event => {\n event.target.onerror = null;\n event.target.className = 'default-touristic-content-img';\n event.target.src = defaultImageSrc;\n }}\n onClick={() => this.handleFullscreen()}\n alt={attachment.legend}\n />\n </div>\n ))\n ) : (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img part=\"default-touristic-content-img\" src={defaultImageSrc} class=\"default-touristic-content-img\" alt=\"\" loading=\"lazy\" />\n </div>\n )}\n </div>\n <div\n style={{ display: this.offline ? 'none' : 'block' }}\n part=\"swiper-pagination\"\n class=\"swiper-pagination\"\n ref={el => (this.paginationElTouristicContentRef = el)}\n ></div>\n <div\n style={{ display: this.offline ? 'none' : 'flex' }}\n part=\"swiper-button-prev\"\n class=\"swiper-button-prev\"\n ref={el => (this.prevElTouristicContentRef = el)}\n ></div>\n <div\n style={{ display: this.offline ? 'none' : 'flex' }}\n part=\"swiper-button-next\"\n class=\"swiper-button-next\"\n ref={el => (this.nextElTouristicContentRef = el)}\n ></div>\n </div>\n ) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n <img\n part=\"touristic-content-img\"\n class=\"touristic-content-img\"\n src={`${\n this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail !== ''\n ? this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail\n : this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].url\n }`}\n alt={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n loading=\"lazy\"\n />\n ) : (\n <img class=\"image default-touristic-content-img\" src={defaultImageSrc} loading=\"lazy\" alt=\"\" />\n )}\n </div>\n <div part=\"touristic-content-sub-container\" class=\"touristic-content-sub-container\">\n <div part=\"touristic-content-category-container\" class=\"touristic-content-category-container\">\n {touristicContentCategory && touristicContentCategory.pictogram && (\n <img part=\"touristic-content-category-img\" class=\"touristic-content-category-img\" src={touristicContentCategory.pictogram} alt=\"\" />\n )}\n <div part=\"touristic-content-category-name\" class=\"touristic-content-category-name\">\n {touristicContentCategory.label}\n </div>\n </div>\n <div part=\"touristic-content-name\" class=\"touristic-content-name\">\n {this.touristicContent.name}\n </div>\n </div>\n {this.isInsideHorizontalList && (\n <div part=\"touristic-content-more-detail-container\" class=\"touristic-content-more-detail-container\">\n <button part=\"more-details-button\" class=\"more-details-button\" onClick={() => this.touristicContentCardPress.emit(this.touristicContent.id)}>\n Plus de détails\n </button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n z-index: 0;\n}\n\n:host {\n a {\n color: var(--color-primary-app);\n }\n --swiper-navigation-size: 24px;\n --swiper-navigation-color: var(--color-on-primary-container);\n --swiper-pagination-color: var(--color-primary-container);\n --swiper-pagination-bullet-size: 12px;\n .swiper {\n height: 200px;\n }\n .swiper-button-prev,\n .swiper-button-next {\n background-color: var(--color-primary-container);\n padding: 4px;\n width: 32px;\n height: 32px;\n border-radius: var(--border-radius, 32px);\n box-shadow: var(--elevation-1);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n }\n}\n\n.touristic-event-img-container {\n position: relative;\n height: 200px;\n .touristic-event-img,\n .default-touristic-event-img {\n width: 100%;\n height: 100%;\n max-height: 200px;\n object-fit: cover;\n }\n .touristic-event-img {\n cursor: pointer;\n object-fit: cover;\n }\n .default-touristic-event-img {\n background-color: var(--color-primary-container);\n object-fit: contain;\n }\n .img-fullscreen {\n max-height: none;\n object-fit: contain;\n }\n .touristic-event-type {\n width: 24px;\n height: 24px;\n padding: 4px;\n border: 2px solid #ffffff;\n border-radius: var(--border-radius, 50%);\n background-color: var(--color-on-surface);\n position: absolute;\n top: 8px;\n left: 8px;\n z-index: 200;\n }\n}\n\n.touristic-event-sub-container {\n display: flex;\n flex-direction: column;\n padding: 12px;\n .touristic-event-type-container {\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n .touristic-event-type-name {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n overflow: hidden;\n }\n img {\n font-size: 24px;\n width: 24px;\n height: 24px;\n margin-right: 8px;\n background-color: var(--color-primary-app);\n }\n }\n .touristic-event-name {\n font-size: 16px;\n line-height: 24px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n height: 48px;\n }\n}\n\n.touristic-event-more-detail-container {\n padding: 0px 12px 12px 12px;\n .more-details-button {\n cursor: pointer;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n border-radius: var(--border-radius, 8px);\n padding: 8px 16px;\n box-shadow: var(--elevation-1);\n width: 100%;\n height: 32px;\n gap: 8px;\n box-sizing: border-box;\n text-align: start;\n vertical-align: middle;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n position: relative;\n border: none;\n font-size: 14px;\n font-family: var(--font-family);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n span {\n font-size: 18px;\n }\n }\n}\n\n.touristic-event-card-container,\n.touristic-event-card-large-view-container {\n font-family: var(--font-family);\n border-radius: var(--border-radius, 12px);\n box-shadow: var(--elevation-1);\n background-color: var(--color-surface-container-low);\n color: var(--color-on-surface);\n .touristic-event-img {\n height: 100%;\n object-fit: cover;\n border-top-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 12px);\n }\n}\n\n.touristic-event-card-container {\n width: 100%;\n max-width: 350px;\n .touristic-event-img {\n width: 100%;\n height: 100%;\n }\n}\n\n.touristic-event-card-large-view-container {\n width: 100%;\n display: flex;\n flex-direction: row;\n .touristic-event-img {\n width: 250px;\n height: 100%;\n border-bottom-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 0px);\n }\n}\n\n.is-inside-vertical-list {\n cursor: pointer;\n border: none;\n .touristic-content-img,\n .default-touristic-event-img {\n height: 100%;\n }\n}\n\n.selected-touristic-event-card {\n box-shadow: var(--elevation-2);\n}\n\n.touristic-event-date-container {\n margin-top: 12px;\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport { getDataInStore } from 'services/grw-db.service';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { OutdoorSite, TouristicEvent, Trek } from 'types/types';\n\n@Component({\n tag: 'grw-touristic-event-card',\n styleUrl: 'grw-touristic-event-card.scss',\n shadow: true,\n})\nexport class GrwTouristicEvent {\n @Event() touristicEventCardPress: EventEmitter<number>;\n swiperTouristicEvent?: Swiper;\n swiperTouristicEventRef?: HTMLDivElement;\n prevElTouristicEventRef?: HTMLDivElement;\n nextElTouristicEventRef?: HTMLDivElement;\n paginationElTouristicEventRef?: HTMLDivElement;\n\n @Prop() fontFamily = 'Roboto';\n\n @Prop() touristicEvent: TouristicEvent;\n @Prop() isLargeView = false;\n @Prop() isInsideHorizontalList = false;\n @State() displayFullscreen = false;\n\n @Event() cardTouristicEventMouseOver: EventEmitter<number>;\n @Event() cardTouristicEventMouseLeave: EventEmitter;\n\n @State() offline = false;\n\n @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n onTrekDownloadedSuccessConfirm() {\n if (this.swiperTouristicEvent) {\n this.swiperTouristicEvent.slideTo(0);\n }\n this.offline = true;\n }\n\n @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n onTrekDeleteSuccessConfirm() {\n this.offline = false;\n }\n\n handleSwipers() {\n if (this.swiperTouristicEventRef && !this.swiperTouristicEvent) {\n this.swiperTouristicEvent = new Swiper(this.swiperTouristicEventRef, {\n modules: [Navigation, Pagination, Keyboard],\n navigation: {\n prevEl: this.prevElTouristicEventRef,\n nextEl: this.nextElTouristicEventRef,\n },\n pagination: { el: this.paginationElTouristicEventRef },\n allowTouchMove: false,\n keyboard: false,\n loop: true,\n });\n this.swiperTouristicEventRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen && !this.offline;\n if (this.displayFullscreen) {\n this.swiperTouristicEvent.keyboard.enable();\n } else {\n this.swiperTouristicEvent.keyboard.disable();\n }\n };\n }\n }\n\n componentDidUpdate() {\n this.handleSwipers();\n }\n\n componentDidLoad() {\n this.handleOffline();\n this.handleSwipers();\n }\n\n async handleOffline() {\n if (state.currentTrek) {\n const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n if (trekInStore && trekInStore.offline) {\n const touristicEventInStore: TouristicEvent = await getDataInStore('touristicEvents', this.touristicEvent.id);\n this.offline = trekInStore && trekInStore.offline && touristicEventInStore && touristicEventInStore.offline;\n }\n } else if (state.currentOutdoorSite) {\n const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n const touristicEventInStore: TouristicEvent = await getDataInStore('touristicEvents', this.touristicEvent.id);\n this.offline = touristicEventInStore && touristicEventInStore.offline;\n }\n }\n }\n\n handleFullscreen() {\n if (this.touristicEvent.attachments && this.touristicEvent.attachments[0] && this.touristicEvent.attachments[0].url) {\n this.swiperTouristicEventRef.requestFullscreen();\n }\n }\n\n @Listen('mouseover')\n handleMouseOver() {\n this.cardTouristicEventMouseOver.emit(this.touristicEvent.id);\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n this.cardTouristicEventMouseLeave.emit();\n }\n\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n const touristicEventType = state.touristicEventTypes.find(touristicEventType => touristicEventType.id === this.touristicEvent.type);\n return (\n <Host\n style={{\n '--font-family': this.fontFamily,\n 'width': this.isLargeView ? '100%' : 'auto',\n }}\n >\n <div\n part=\"touristic-event-card\"\n class={\n this.isLargeView\n ? `touristic-event-card touristic-event-card-large-view-container${\n state.selectedTouristicEventId === this.touristicEvent.id ? ' selected-touristic-event-card' : ''\n }${!this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''}`\n : ` touristic-event-card touristic-event-card-container${state.selectedTouristicEventId === this.touristicEvent.id ? ' selected-touristic-event-card' : ''}${\n !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n }`\n }\n onClick={() => {\n if (!this.isInsideHorizontalList) {\n this.touristicEventCardPress.emit(this.touristicEvent.id);\n }\n }}\n >\n <div part=\"touristic-event-img-container\" class=\"touristic-event-img-container\">\n {this.isInsideHorizontalList ? (\n <div part=\"swiper-touristic-event\" class=\"swiper swiper-touristic-event\" ref={el => (this.swiperTouristicEventRef = el)}>\n <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n {this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n this.touristicEvent.attachments\n .filter(attachment => attachment.type === 'image')\n .map(attachment => (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img\n part=\"touristic-event-img\"\n class={`touristic-event-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? (this.offline && attachment.thumbnail !== '' ? attachment.thumbnail : attachment.url) : attachment.thumbnail}\n loading=\"lazy\"\n / @ts-ignore */\n onerror={event => {\n event.target.onerror = null;\n event.target.className = 'default-touristic-event-img';\n event.target.src = defaultImageSrc;\n }}\n onClick={() => this.handleFullscreen()}\n alt={attachment.legend}\n />\n </div>\n ))\n ) : (\n <div part=\"swiper-slide\" class=\"swiper-slide\">\n <img part=\"default-touristic-event-img\" class=\"default-touristic-event-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n </div>\n )}\n </div>\n <div\n style={{ display: this.offline ? 'none' : 'block' }}\n part=\"swiper-pagination\"\n class=\"swiper-pagination\"\n ref={el => (this.paginationElTouristicEventRef = el)}\n ></div>\n <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-prev\" class=\"swiper-button-prev\" ref={el => (this.prevElTouristicEventRef = el)}></div>\n <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-next\" class=\"swiper-button-next\" ref={el => (this.nextElTouristicEventRef = el)}></div>\n </div>\n ) : this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n <img\n part=\"touristic-event-img\"\n class=\"touristic-event-img\"\n src={`${\n this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail !== ''\n ? this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail\n : this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].url\n }`}\n alt={`${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n loading=\"lazy\"\n />\n ) : (\n <img class=\"image default-touristic-event-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n )}\n </div>\n <div part=\"touristic-event-sub-container\" class=\"touristic-event-sub-container\">\n <div part=\"touristic-event-type-container\" class=\"touristic-event-type-container\">\n {touristicEventType && touristicEventType.pictogram && (\n <img part=\"touristic-event-type-img\" class=\"touristic-event-type-img\" src={touristicEventType.pictogram} alt=\"\" />\n )}\n {touristicEventType && touristicEventType.type && (\n <div part=\"touristic-event-type-name\" class=\"touristic-event-type-name\">\n {touristicEventType.type}\n </div>\n )}\n </div>\n <div part=\"touristic-event-name\" class=\"touristic-event-name\">\n {this.touristicEvent.name}\n </div>\n {(this.touristicEvent.begin_date \|\| this.touristicEvent.end_date) && (\n <div part=\"touristic-event-date-container\" class=\"touristic-event-date-container\">\n {this.touristicEvent.begin_date === this.touristicEvent.end_date && (\n <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n {translate[state.language].date} : {this.touristicEvent.begin_date}\n </div>\n )}\n {this.touristicEvent.begin_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (\n <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n {translate[state.language].startDate} : {this.touristicEvent.begin_date}\n </div>\n )}\n {this.touristicEvent.end_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (\n <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n {translate[state.language].endDate} : {this.touristicEvent.end_date}\n </div>\n )}\n </div>\n )}\n </div>\n\n {this.isInsideHorizontalList && (\n <div part=\"touristic-event-more-detail-container\" class=\"touristic-event-more-detail-container\">\n <button part=\"more-details-button\" class=\"more-details-button\" onClick={() => this.touristicEventCardPress.emit(this.touristicEvent.id)}>\n Plus de détails\n </button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/grw-sensitive-area-detail_2.cjs.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const GrwSensitiveAreaDetail = class {
         this.sensitiveArea = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '6f7bf24fdbf90d50f200eb16e285dc0c32d0d4a0' }, index.h("div", { key: '5e5907fb1d725f589ed42b3bf95165ae1b2acd0e', part: "sensitive-area-title-container", class: "sensitive-area-title-container" }, index.h("div", { key: '887474ff50d7c28ac69b2c94fa53411f87f7a4a7', part: "sensitive-area-color-container", class: "sensitive-area-color-container" }), index.h("div", { key: '4a7869cb6ca7503688455f865a0209ca99089c5f', part: "sensitive-area-title", class: "sensitive-area-title" }, this.sensitiveArea.name)), index.h("div", { key: '0d609e40e613a65cf945bc0f7e933e72768ea9a2', part: "sensitive-area-description", class: "sensitive-area-description", innerHTML: this.sensitiveArea.description }), this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (index.h("div", { part: "sensitive-area-practice-container", class: "sensitive-area-practice-container" }, index.h("div", { part: "sensitive-area-practice-title", class: "sensitive-area-practice-title" }, "Domaines d'activit\u00E9s concern\u00E9s"), index.h("div", { part: "sensitive-area-practices", class: "sensitive-area-practices" }, this.sensitiveArea.practices.map((sensitiveAreaPractice, index$1) => {
+        return (index.h(index.Host, { key: 'c5fbadd3a239970fd60a007c0b98ce489eb0c762' }, index.h("div", { key: '1317b7acbbebc2177a38c86690a63f792a5d840b', part: "sensitive-area-title-container", class: "sensitive-area-title-container" }, index.h("div", { key: 'a33002c639330802b98e3425794354482001e6d8', part: "sensitive-area-color-container", class: "sensitive-area-color-container" }), index.h("div", { key: 'cd9ba2bc85e952112e394ae76e4d783b44ff9051', part: "sensitive-area-title", class: "sensitive-area-title" }, this.sensitiveArea.name)), index.h("div", { key: 'bd4e55fb3deca793e65fa88cf137d5d82d2c1bf1', part: "sensitive-area-description", class: "sensitive-area-description", innerHTML: this.sensitiveArea.description }), this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (index.h("div", { part: "sensitive-area-practice-container", class: "sensitive-area-practice-container" }, index.h("div", { part: "sensitive-area-practice-title", class: "sensitive-area-practice-title" }, "Domaines d'activit\u00E9s concern\u00E9s"), index.h("div", { part: "sensitive-area-practices", class: "sensitive-area-practices" }, this.sensitiveArea.practices.map((sensitiveAreaPractice, index$1) => {
             const practice = utils.state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);
             if (practice) {
                 return (index.h("div", { part: "sensitive-area-practice", class: "sensitive-area-practice", innerHTML: `${practice.name.toUpperCase()}${index$1 + 1 !== this.sensitiveArea.practices.length ? ' -&nbsp;' : ''}` }));
@@ -26,7 +26,7 @@ const GrwSensitiveAreaDetail = class {
             if (month) {
                 return (index.h("div", { part: "sensitive-area-period", class: "sensitive-area-period", innerHTML: `${new Date(0, index$1 + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${this.sensitiveArea.period.slice(index$1 + 1).find(month => month) ? ' -&nbsp;' : ''}` }));
             }
-        })))), index.h("div", { key: '673bde38975cc377b93b5a3eaff499344f5da968', part: "sensitive-area-contact-container", class: "sensitive-area-contact-container" }, index.h("div", { key: '2dd07206a4d3b1b111b38ec2d4c634d1f54f7576', part: "sensitive-area-contact-title", class: "sensitive-area-contact-title" }, "Contact"), index.h("div", { key: 'db0d86bad3797f5c9419fbe554924400d05cdc44', part: "sensitive-area-contact-value", class: "sensitive-area-contact-value", innerHTML: this.sensitiveArea.contact }))));
+        })))), index.h("div", { key: '4ef18f6e34e35b918a484c98cc92eac747cd1735', part: "sensitive-area-contact-container", class: "sensitive-area-contact-container" }, index.h("div", { key: 'f0e454416c325eddfffe81ff788f4325ecec33cf', part: "sensitive-area-contact-title", class: "sensitive-area-contact-title" }, "Contact"), index.h("div", { key: '26c62fe43f5829cfc01fe2976a1c1bd0bc882902', part: "sensitive-area-contact-value", class: "sensitive-area-contact-value", innerHTML: this.sensitiveArea.contact }))));
     }
 };
 GrwSensitiveAreaDetail.style = GrwSensitiveAreaDetailStyle0;
@@ -100,7 +100,7 @@ const GrwTrekCard = class {
     render() {
         var _a, _b, _c, _d, _e;
         const defaultImageSrc = index.getAssetPath(`${''}assets/default-image.svg`);
-        return (index.h(index.Host, { key: 'de2259f3c00696305976e899de9bcfaee02d13f5', style: {
+        return (index.h(index.Host, { key: 'f2893d008c82bc8a0c61b34ed146b233c3b7d53c', style: {
                 '--font-family': this.fontFamily,
                 'width': this.isLargeView ? '100%' : 'auto',
                 '--color-primary-app': this.colorPrimaryApp,
@@ -112,7 +112,9 @@ const GrwTrekCard = class {
                 ? `trek-card trek-card-container trek-step-card${utils.state.selectedStepId === this.currentTrek.id ? ' selected-trek-card' : ''} ${utils.state.currentTrek && utils.state.currentTrek.id === this.currentTrek.id ? 'is-current-step' : ''}`
                 : this.isLargeView
                     ? `trek-card trek-card-large-view-container${utils.state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`
-                    : `trek-card trek-card-container${utils.state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`, onClick: () => this.trekCardPress.emit(this.currentTrek.id) }, index.h("div", { part: "trek-img-container", class: "trek-img-container" }, this.isAvailableOffline && (index.h("div", { part: "offline-indicator", class: "offline-indicator" }, index.h("span", { part: "icon", class: "icon", innerHTML: OfflinePinIcon }))), this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (index.h("img", { part: "trek-img", class: "trek-img", src: `${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`, alt: `${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].legend}`, loading: "lazy",
+                    : `trek-card trek-card-container${utils.state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`, onClick: () => this.trekCardPress.emit(this.currentTrek.id) }, index.h("div", { part: "trek-img-container", class: "trek-img-container" }, this.isAvailableOffline && (index.h("div", { part: "offline-indicator", class: "offline-indicator" }, index.h("span", { part: "icon", class: "icon", innerHTML: OfflinePinIcon }))), this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (index.h("img", { part: "trek-img", class: "trek-img", src: `${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail !== ''
+                ? this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail
+                : this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].url}`, alt: `${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].legend}`, loading: "lazy",
             /* @ts-ignore */
             onerror: event => {
                 event.target.onerror = null;

package/dist/cjs/grw-sensitive-area-detail_2.cjs.entry.js.br CHANGED Viewed

Binary file

package/dist/cjs/grw-sensitive-area-detail_2.cjs.entry.js.gz CHANGED Viewed

Binary file

package/dist/cjs/grw-sensitive-area-detail_2.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"grw-sensitive-area-detail.grw-trek-card.entry.cjs.js","mappings":"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","names":["h","Host","index","state","onChange","trekIsAvailableOffline","getAssetPath","TimelapseIcon","formatDuration","OpenInFullIcon","formatLength","MovingIcon","formatAscent","Fragment"],"sources":["src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.scss?tag=grw-sensitive-area-detail&encapsulation=shadow","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.tsx","src/components/grw-trek-card/grw-trek-card.scss?tag=grw-trek-card&encapsulation=shadow","src/components/grw-trek-card/grw-trek-card.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n color: var(--color-on-surface);\n a {\n color: var(--color-primary-app);\n }\n}\n\n.sensitive-area-title-container {\n display: flex;\n align-items: center;\n .sensitive-area-color-container {\n width: 20px;\n height: 20px;\n margin-right: 8px;\n border: 3px solid var(--color-sensitive-area);\n position: relative;\n &:before {\n content: '';\n width: 20px;\n height: 20px;\n background-color: var(--color-sensitive-area);\n opacity: 0.2;\n position: absolute;\n }\n }\n .sensitive-area-title {\n font-size: 20px;\n line-height: 28px;\n padding: 12px 0px;\n font-weight: 600;\n }\n}\n\n.sensitive-area-description {\n font-size: 16px;\n line-height: 24px;\n p:first-child {\n margin-top: 0;\n }\n}\n\n.sensitive-area-period-container,\n.sensitive-area-practice-container,\n.sensitive-area-contact-container {\n .sensitive-area-period-title,\n .sensitive-area-practice-title,\n .sensitive-area-contact-title {\n font-size: 18px;\n line-height: 24px;\n padding: 12px 0px;\n font-weight: 600;\n }\n .sensitive-area-periods,\n .sensitive-area-practices {\n display: flex;\n flex-wrap: wrap;\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport state from 'store/store';\nimport { SensitiveArea } from 'types/types';\n\n@Component({\n tag: 'grw-sensitive-area-detail',\n styleUrl: 'grw-sensitive-area-detail.scss',\n shadow: true,\n})\nexport class GrwSensitiveAreaDetail {\n @Prop() sensitiveArea: SensitiveArea;\n\n render() {\n return (\n <Host>\n <div part=\"sensitive-area-title-container\" class=\"sensitive-area-title-container\">\n <div part=\"sensitive-area-color-container\" class=\"sensitive-area-color-container\"></div>\n <div part=\"sensitive-area-title\" class=\"sensitive-area-title\">\n {this.sensitiveArea.name}\n </div>\n </div>\n\n <div part=\"sensitive-area-description\" class=\"sensitive-area-description\" innerHTML={this.sensitiveArea.description}></div>\n {this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (\n <div part=\"sensitive-area-practice-container\" class=\"sensitive-area-practice-container\">\n <div part=\"sensitive-area-practice-title\" class=\"sensitive-area-practice-title\">\n Domaines d'activités concernés\n </div>\n <div part=\"sensitive-area-practices\" class=\"sensitive-area-practices\">\n {this.sensitiveArea.practices.map((sensitiveAreaPractice, index) => {\n const practice = state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);\n if (practice) {\n return (\n <div\n part=\"sensitive-area-practice\"\n class=\"sensitive-area-practice\"\n innerHTML={`${practice.name.toUpperCase()}${index + 1 !== this.sensitiveArea.practices.length ? ' - ' : ''}`}\n ></div>\n );\n }\n })}\n </div>\n </div>\n )}\n {this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (\n <div part=\"sensitive-area-period-container\" class=\"sensitive-area-period-container\">\n <div part=\"sensitive-area-period-title\" class=\"sensitive-area-period-title\">\n Périodes de sensibilité\n </div>\n <div part=\"sensitive-area-periods\" class=\"sensitive-area-periods\">\n {this.sensitiveArea.period.map((month, index) => {\n if (month) {\n return (\n <div\n part=\"sensitive-area-period\"\n class=\"sensitive-area-period\"\n innerHTML={`${new Date(0, index + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${\n this.sensitiveArea.period.slice(index + 1).find(month => month) ? ' - ' : ''\n }`}\n ></div>\n );\n }\n })}\n </div>\n </div>\n )}\n <div part=\"sensitive-area-contact-container\" class=\"sensitive-area-contact-container\">\n <div part=\"sensitive-area-contact-title\" class=\"sensitive-area-contact-title\">\n Contact\n </div>\n <div part=\"sensitive-area-contact-value\" class=\"sensitive-area-contact-value\" innerHTML={this.sensitiveArea.contact}></div>\n </div>\n </Host>\n );\n }\n}\n",".trek-card-container,\n.trek-card-large-view-container {\n cursor: pointer;\n font-family: var(--font-family);\n border-radius: var(--border-radius, 12px);\n box-shadow: var(--elevation-1);\n background-color: var(--color-surface-container-low);\n .trek-img {\n object-fit: cover;\n border-top-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 12px);\n }\n .default-trek-img {\n background-color: var(--color-primary-container);\n object-fit: contain;\n }\n .trek-sub-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 8px 16px;\n .trek-name {\n color: var(--color-primary-app);\n font-size: 22px;\n line-height: 28px;\n font-weight: 400;\n margin-bottom: 8px;\n }\n .trek-departure {\n color: var(--color-on-surface);\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 4px;\n }\n .trek-themes-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n .trek-theme {\n background-color: var(--color-secondary-container);\n color: var(--color-on-secondary-container);\n border-radius: var(--border-radius, 40px);\n padding: 8px 16px;\n margin: 0px 8px 8px 0px;\n box-shadow: var(--elevation-0);\n gap: 8px;\n box-sizing: border-box;\n text-align: start;\n vertical-align: middle;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n }\n .trek-icons-labels-container {\n padding: 0px 0px 8px 0px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n gap: 16px;\n .trek-icon-label {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n width: calc((100% / 2) - 16px);\n .trek-icon {\n display: flex;\n font-size: 24px;\n width: 24px;\n height: 24px;\n color: var(--color-primary-app);\n margin-right: 8px;\n }\n .network {\n &:not(:last-child) {\n margin-right: 16px;\n }\n }\n .trek-label {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n }\n .practice {\n img {\n background-color: var(--color-primary-app);\n }\n }\n }\n }\n}\n\n.selected-trek-card {\n box-shadow: var(--elevation-2);\n}\n\n.trek-card-container {\n width: 100%;\n max-width: 350px;\n .trek-img-container {\n height: 200px;\n .trek-img {\n width: 100%;\n height: 100%;\n }\n }\n}\n\n.trek-card-large-view-container {\n width: 100%;\n display: flex;\n flex-direction: row;\n .trek-img-container {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n .trek-img {\n width: 250px;\n height: inherit;\n border-bottom-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 0px);\n }\n }\n}\n\n.trek-step-card {\n width: auto;\n}\n\n.trek-card-container .trek-sub-container .trek-departure {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n height: 56px;\n}\n\n.trek-card-container .trek-sub-container .trek-name {\n height: 56px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n}\n\n.is-current-step {\n background-color: var(--color-surface-variant);\n}\n\n.practice {\n .trek-icon {\n border-radius: 100%;\n padding: 2px;\n max-height: 20px;\n max-width: 20px;\n }\n}\n\n.trek-img-container {\n position: relative;\n .offline-indicator {\n display: flex;\n background: #ffffff;\n border-radius: 24px;\n height: 24px;\n width: 24px;\n top: 16px;\n right: 16px;\n position: absolute;\n color: var(--color-on-surface);\n }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, Listen, Fragment, getAssetPath, Build } from '@stencil/core';\nimport { trekIsAvailableOffline } from 'services/treks.service';\nimport state, { onChange } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\nimport OfflinePinIcon from '../../assets/offline_pin.svg';\nimport TimelapseIcon from '../../assets/timelapse.svg';\nimport OpenInFullIcon from '../../assets/open_in_full.svg';\nimport MovingIcon from '../../assets/moving.svg';\n\n@Component({\n tag: 'grw-trek-card',\n styleUrl: 'grw-trek-card.scss',\n shadow: true,\n})\nexport class GrwTrekCard {\n @Event() trekCardPress: EventEmitter<number>;\n @State() currentTrek: Trek;\n @State() difficulty: Difficulty;\n @State() route: Route;\n @State() practice: Practice;\n @State() themes: Themes;\n @State() departureCity: City;\n @Prop() trek: Trek;\n\n @Prop() fontFamily = 'Roboto';\n @Prop() colorPrimaryApp = '#6b0030';\n @Prop() colorOnSurface = '#49454e';\n @Prop() colorSecondaryContainer = '#e8def8';\n @Prop() colorOnSecondaryContainer = '#1d192b';\n @Prop() colorSurfaceContainerLow = '#f7f2fa';\n @Prop() isLargeView = false;\n @Prop() isStep: false;\n\n @Event() cardTrekMouseOver: EventEmitter<number>;\n @Event() cardTrekMouseLeave: EventEmitter;\n\n @State() isAvailableOffline = false;\n @State() showDefaultImage = false;\n\n @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n onTrekDownloadedSuccessConfirm() {\n this.isAvailableOffline = true;\n }\n\n @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n onTrekDeleteSuccessConfirm() {\n this.isAvailableOffline = false;\n }\n\n connectedCallback() {\n this.currentTrek = this.trek ? this.trek : state.currentTrek;\n if (this.currentTrek) {\n this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n this.route = state.routes.find(route => route.id === this.currentTrek.route);\n this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n this.handleOffline(this.currentTrek.id);\n }\n onChange('currentTrek', () => {\n this.currentTrek = this.trek ? this.trek : state.currentTrek;\n if (this.currentTrek) {\n this.difficulty = this.currentTrek.difficulty && state.difficulties ? state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty) : null;\n this.route = this.currentTrek.route && state.routes ? state.routes.find(route => route.id === this.currentTrek.route) : null;\n this.practice = this.currentTrek.practice && state.practices ? state.practices.find(practice => practice.id === this.currentTrek.practice) : null;\n this.themes = this.currentTrek.themes && state.themes ? state.themes.filter(theme => this.currentTrek.themes.includes(theme.id)) : null;\n this.departureCity = this.currentTrek.departure_city && state.cities ? state.cities.find(city => city.id === this.currentTrek.departure_city) : null;\n this.handleOffline(this.currentTrek.id);\n }\n });\n }\n\n async handleOffline(trekId) {\n this.isAvailableOffline = await trekIsAvailableOffline(trekId);\n }\n\n @Listen('mouseover')\n handleMouseOver() {\n this.cardTrekMouseOver.emit(this.currentTrek.id);\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n this.cardTrekMouseLeave.emit();\n }\n\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n\n return (\n <Host\n style={{\n '--font-family': this.fontFamily,\n 'width': this.isLargeView ? '100%' : 'auto',\n '--color-primary-app': this.colorPrimaryApp,\n '--color-on-surface': this.colorOnSurface,\n '--color-secondary-container': this.colorSecondaryContainer,\n '--color-on-secondary-container': this.colorOnSecondaryContainer,\n '--color-surface-container-low': this.colorSurfaceContainerLow,\n }}\n >\n {this.currentTrek && (\n <div\n part=\"trek-card\"\n class={\n this.isStep\n ? `trek-card trek-card-container trek-step-card${state.selectedStepId === this.currentTrek.id ? ' selected-trek-card' : ''} ${\n state.currentTrek && state.currentTrek.id === this.currentTrek.id ? 'is-current-step' : ''\n }`\n : this.isLargeView\n ? `trek-card trek-card-large-view-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n : `trek-card trek-card-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n }\n onClick={() => this.trekCardPress.emit(this.currentTrek.id)}\n >\n <div part=\"trek-img-container\" class=\"trek-img-container\">\n {this.isAvailableOffline && (\n <div part=\"offline-indicator\" class=\"offline-indicator\">\n <span part=\"icon\" class=\"icon\" innerHTML={OfflinePinIcon}></span>\n </div>\n )}\n {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n <img\n part=\"trek-img\"\n class=\"trek-img\"\n src={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`}\n alt={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n loading=\"lazy\"\n /* @ts-ignore /\n onerror={event => {\n event.target.onerror = null;\n event.target.className = 'trek-img default-trek-img';\n event.target.src = defaultImageSrc;\n }}\n />\n ) : (\n <img\n part=\"trek-img\"\n class=\"trek-img default-trek-img\"\n / @ts-ignore */\n\n src={defaultImageSrc}\n alt=\"\"\n loading=\"lazy\"\n />\n )}\n </div>\n <div part=\"trek-sub-container\" class=\"trek-sub-container\">\n {this.departureCity && (\n <div part=\"trek-departure\" class=\"trek-departure\">\n {this.departureCity.name}\n </div>\n )}\n <div part=\"trek-name\" class=\"trek-name\">\n {this.currentTrek?.name}\n </div>\n {!this.isStep && this.themes && (\n <div part=\"trek-themes-container\" class=\"trek-themes-container\">\n {this.themes.map(theme => (\n <div part=\"trek-theme\" class=\"trek-theme\">\n {theme.label}\n </div>\n ))}\n </div>\n )}\n <div part=\"trek-icons-labels-container\" class=\"trek-icons-labels-container\">\n {this.difficulty && (\n <div part=\"trek-icon-label\" class=\"trek-icon-label difficulty\">\n {this.difficulty.pictogram && <img part=\"trek-icon\" class=\"trek-icon\" src={this.difficulty.pictogram} alt=\"\" />}\n <span part=\"trek-label\" class=\"trek-label\">\n {this.difficulty.label}\n </span>\n </div>\n )}\n <div part=\"trek-icon-label\" class=\"trek-icon-label duration\">\n <span part=\"trek-icon\" class=\"trek-icon\" innerHTML={TimelapseIcon}></span>\n <span part=\"trek-label\" class=\"trek-label\">\n {formatDuration(this.currentTrek.duration)}\n </span>\n </div>\n <div part=\"trek-icon-label\" class=\"trek-icon-label length\">\n <span part=\"trek-icon\" class=\"trek-icon\" innerHTML={OpenInFullIcon}></span>\n <span part=\"trek-label\" class=\"trek-label\">\n {formatLength(this.currentTrek.length_2d)}\n </span>\n </div>\n <div part=\"trek-icon-label\" class=\"trek-icon-label ascent\">\n <span part=\"trek-icon\" class=\"trek-icon\" innerHTML={MovingIcon}></span>\n <span part=\"trek-label\" class=\"trek-label\">\n {formatAscent(this.currentTrek.ascent)}\n </span>\n </div>\n {!this.isStep && (\n <Fragment>\n <div part=\"trek-icon-label\" class=\"trek-icon-label route\">\n {this.route?.pictogram && <img part=\"trek-icon\" class=\"trek-icon\" src={this.route.pictogram} alt=\"\" />}\n <span part=\"trek-label\" class=\"trek-label\">\n {this.route?.route}\n </span>\n </div>\n <div part=\"trek-icon-label\" class=\"trek-icon-label practice\">\n {this.practice?.pictogram && <img part=\"trek-icon\" class=\"trek-icon\" src={this.practice.pictogram} alt=\"\" />}\n <span part=\"trek-label\" class=\"trek-label\">\n {this.practice?.name}\n </span>\n </div>\n </Fragment>\n )}\n </div>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"grw-sensitive-area-detail.grw-trek-card.entry.cjs.js","mappings":";;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,q3DAAq3D,CAAC;AACx5D,qCAAe,yBAAyB;;MCQ3B,sBAAsB;;;;;IAGjC,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,IAAI,EAAC,gCAAgC,EAAC,KAAK,EAAC,gCAAgC,IAC/EA,kEAAK,IAAI,EAAC,gCAAgC,EAAC,KAAK,EAAC,gCAAgC,GAAO,EACxFA,kEAAK,IAAI,EAAC,sBAAsB,EAAC,KAAK,EAAC,sBAAsB,IAC1D,IAAI,CAAC,aAAa,CAAC,IAAI,CACpB,CACF,EAENA,kEAAK,IAAI,EAAC,4BAA4B,EAAC,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,WAAW,GAAQ,EAC1H,IAAI,CAAC,aAAa,CAAC,SAAS,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,KACtEA,iBAAK,IAAI,EAAC,mCAAmC,EAAC,KAAK,EAAC,mCAAmC,IACrFA,iBAAK,IAAI,EAAC,+BAA+B,EAAC,KAAK,EAAC,+BAA+B,+CAEzE,EACNA,iBAAK,IAAI,EAAC,0BAA0B,EAAC,KAAK,EAAC,0BAA0B,IAClE,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,qBAAqB,EAAEE,OAAK;YAC7D,MAAM,QAAQ,GAAGC,WAAK,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,EAAE,KAAK,qBAAqB,CAAC,CAAC;YACnG,IAAI,QAAQ,EAAE;gBACZ,QACEH,iBACE,IAAI,EAAC,yBAAyB,EAC9B,KAAK,EAAC,yBAAyB,EAC/B,SAAS,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,GAAGE,OAAK,GAAG,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,GAAG,UAAU,GAAG,EAAE,EAAE,GAC5G,EACP;aACH;SACF,CAAC,CACE,CACF,CACP,EACA,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,KAChEF,iBAAK,IAAI,EAAC,iCAAiC,EAAC,KAAK,EAAC,iCAAiC,IACjFA,iBAAK,IAAI,EAAC,6BAA6B,EAAC,KAAK,EAAC,6BAA6B,wCAErE,EACNA,iBAAK,IAAI,EAAC,wBAAwB,EAAC,KAAK,EAAC,wBAAwB,IAC9D,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAEE,OAAK;YAC1C,IAAI,KAAK,EAAE;gBACT,QACEF,iBACE,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,EAAEE,OAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,WAAW,EAAE,GAC/F,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAACA,OAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,UAAU,GAAG,EACjF,EAAE,GACG,EACP;aACH;SACF,CAAC,CACE,CACF,CACP,EACDF,kEAAK,IAAI,EAAC,kCAAkC,EAAC,KAAK,EAAC,kCAAkC,IACnFA,kEAAK,IAAI,EAAC,8BAA8B,EAAC,KAAK,EAAC,8BAA8B,cAEvE,EACNA,kEAAK,IAAI,EAAC,8BAA8B,EAAC,KAAK,EAAC,8BAA8B,EAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,GAAQ,CACvH,CACD,EACP;KACH;;;;;;AC1EH,MAAM,cAAc,GAAG,63KAA63K,CAAC;AACr5K,0BAAe,cAAc;;MCchB,WAAW;;;;;;;;;;;;;0BAUD,QAAQ;+BACH,SAAS;8BACV,SAAS;uCACA,SAAS;yCACP,SAAS;wCACV,SAAS;2BACtB,KAAK;;kCAMG,KAAK;gCACP,KAAK;;IAGjC,8BAA8B;QAC5B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;KAChC;IAGD,0BAA0B;QACxB,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;KACjC;IAED,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGG,WAAK,CAAC,WAAW,CAAC;QAC7D,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,UAAU,GAAGA,WAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACvG,IAAI,CAAC,KAAK,GAAGA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC7E,IAAI,CAAC,QAAQ,GAAGA,WAAK,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC5F,IAAI,CAAC,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;YACvF,IAAI,CAAC,aAAa,GAAGA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;YAC5F,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;SACzC;QACDC,cAAQ,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGD,WAAK,CAAC,WAAW,CAAC;YAC7D,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,IAAIA,WAAK,CAAC,YAAY,GAAGA,WAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;gBAClK,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,IAAIA,WAAK,CAAC,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gBAC7H,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,IAAIA,WAAK,CAAC,SAAS,GAAGA,WAAK,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;gBAClJ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,IAAIA,WAAK,CAAC,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;gBACxI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,cAAc,IAAIA,WAAK,CAAC,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;gBACrJ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;aACzC;SACF,CAAC,CAAC;KACJ;IAED,MAAM,aAAa,CAAC,MAAM;QACxB,IAAI,CAAC,kBAAkB,GAAG,MAAME,oCAAsB,CAAC,MAAM,CAAC,CAAC;KAChE;IAGD,eAAe;QACb,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;KAClD;IAGD,gBAAgB;QACd,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;KAChC;IAED,MAAM;;QACJ,MAAM,eAAe,GAAGC,kBAAY,CAAC,GAAuB,EAAE,0BAA0B,CAAC,CAAC;QAE1F,QACEN,QAACC,UAAI,qDACH,KAAK,EAAE;gBACL,eAAe,EAAE,IAAI,CAAC,UAAU;gBAChC,OAAO,EAAE,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,MAAM;gBAC3C,qBAAqB,EAAE,IAAI,CAAC,eAAe;gBAC3C,oBAAoB,EAAE,IAAI,CAAC,cAAc;gBACzC,6BAA6B,EAAE,IAAI,CAAC,uBAAuB;gBAC3D,gCAAgC,EAAE,IAAI,CAAC,yBAAyB;gBAChE,+BAA+B,EAAE,IAAI,CAAC,wBAAwB;aAC/D,IAEA,IAAI,CAAC,WAAW,KACfD,iBACE,IAAI,EAAC,WAAW,EAChB,KAAK,EACH,IAAI,CAAC,MAAM;kBACP,+CAA+CG,WAAK,CAAC,cAAc,KAAK,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,qBAAqB,GAAG,EAAE,IACtHA,WAAK,CAAC,WAAW,IAAIA,WAAK,CAAC,WAAW,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,iBAAiB,GAAG,EAC1F,EAAE;kBACF,IAAI,CAAC,WAAW;sBAChB,2CAA2CA,WAAK,CAAC,cAAc,KAAK,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,qBAAqB,GAAG,EAAE,EAAE;sBACtH,gCAAgCA,WAAK,CAAC,cAAc,KAAK,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,qBAAqB,GAAG,EAAE,EAAE,EAEjH,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,IAE3DH,iBAAK,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,oBAAoB,IACtD,IAAI,CAAC,kBAAkB,KACtBA,iBAAK,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,mBAAmB,IACrDA,kBAAM,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,cAAc,GAAS,CAC7D,CACP,EACA,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,IACxFA,iBACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,UAAU,EAChB,GAAG,EAAE,GACH,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,EAAE;kBAC9F,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;kBAC3F,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GACxF,EAAE,EACF,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAClG,OAAO,EAAC,MAAM;;YAEd,OAAO,EAAE,KAAK;gBACZ,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,2BAA2B,CAAC;gBACrD,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,eAAe,CAAC;aACpC,GACD,KAEFA,iBACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,2BAA2B;;YAGjC,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,EAAE,EACN,OAAO,EAAC,MAAM,GACd,CACH,CACG,EACNA,iBAAK,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,oBAAoB,IACtD,IAAI,CAAC,aAAa,KACjBA,iBAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,gBAAgB,IAC9C,IAAI,CAAC,aAAa,CAAC,IAAI,CACpB,CACP,EACDA,iBAAK,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,IACpC,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,CACnB,EACL,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,KAC1BA,iBAAK,IAAI,EAAC,uBAAuB,EAAC,KAAK,EAAC,uBAAuB,IAC5D,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,KACpBA,iBAAK,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,IACtC,KAAK,CAAC,KAAK,CACR,CACP,CAAC,CACE,CACP,EACDA,iBAAK,IAAI,EAAC,6BAA6B,EAAC,KAAK,EAAC,6BAA6B,IACxE,IAAI,CAAC,UAAU,KACdA,iBAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,4BAA4B,IAC3D,IAAI,CAAC,UAAU,CAAC,SAAS,IAAIA,iBAAK,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,EAC/GA,kBAAM,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,IACvC,IAAI,CAAC,UAAU,CAAC,KAAK,CACjB,CACH,CACP,EACDA,iBAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,0BAA0B,IAC1DA,kBAAM,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAEO,oBAAa,GAAS,EAC1EP,kBAAM,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,IACvCQ,oBAAc,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CACrC,CACH,EACNR,iBAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,wBAAwB,IACxDA,kBAAM,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAES,qBAAc,GAAS,EAC3ET,kBAAM,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,IACvCU,kBAAY,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CACpC,CACH,EACNV,iBAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,wBAAwB,IACxDA,kBAAM,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAEW,iBAAU,GAAS,EACvEX,kBAAM,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,IACvCY,kBAAY,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CACjC,CACH,EACL,CAAC,IAAI,CAAC,MAAM,KACXZ,QAACa,cAAQ,QACPb,iBAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,uBAAuB,IACtD,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,KAAIA,iBAAK,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,EACtGA,kBAAM,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,IACvC,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,CACb,CACH,EACNA,iBAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,0BAA0B,IACzD,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,SAAS,KAAIA,iBAAK,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,EAC5GA,kBAAM,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,IACvC,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CACf,CACH,CACG,CACZ,CACG,CACF,CACF,CACP,CACI,EACP;KACH;;;;;;;","names":["h","Host","index","state","onChange","trekIsAvailableOffline","getAssetPath","TimelapseIcon","formatDuration","OpenInFullIcon","formatLength","MovingIcon","formatAscent","Fragment"],"sources":["src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.scss?tag=grw-sensitive-area-detail&encapsulation=shadow","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.tsx","src/components/grw-trek-card/grw-trek-card.scss?tag=grw-trek-card&encapsulation=shadow","src/components/grw-trek-card/grw-trek-card.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n color: var(--color-on-surface);\n a {\n color: var(--color-primary-app);\n }\n}\n\n.sensitive-area-title-container {\n display: flex;\n align-items: center;\n .sensitive-area-color-container {\n width: 20px;\n height: 20px;\n margin-right: 8px;\n border: 3px solid var(--color-sensitive-area);\n position: relative;\n &:before {\n content: '';\n width: 20px;\n height: 20px;\n background-color: var(--color-sensitive-area);\n opacity: 0.2;\n position: absolute;\n }\n }\n .sensitive-area-title {\n font-size: 20px;\n line-height: 28px;\n padding: 12px 0px;\n font-weight: 600;\n }\n}\n\n.sensitive-area-description {\n font-size: 16px;\n line-height: 24px;\n p:first-child {\n margin-top: 0;\n }\n}\n\n.sensitive-area-period-container,\n.sensitive-area-practice-container,\n.sensitive-area-contact-container {\n .sensitive-area-period-title,\n .sensitive-area-practice-title,\n .sensitive-area-contact-title {\n font-size: 18px;\n line-height: 24px;\n padding: 12px 0px;\n font-weight: 600;\n }\n .sensitive-area-periods,\n .sensitive-area-practices {\n display: flex;\n flex-wrap: wrap;\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport state from 'store/store';\nimport { SensitiveArea } from 'types/types';\n\n@Component({\n tag: 'grw-sensitive-area-detail',\n styleUrl: 'grw-sensitive-area-detail.scss',\n shadow: true,\n})\nexport class GrwSensitiveAreaDetail {\n @Prop() sensitiveArea: SensitiveArea;\n\n render() {\n return (\n <Host>\n <div part=\"sensitive-area-title-container\" class=\"sensitive-area-title-container\">\n <div part=\"sensitive-area-color-container\" class=\"sensitive-area-color-container\"></div>\n <div part=\"sensitive-area-title\" class=\"sensitive-area-title\">\n {this.sensitiveArea.name}\n </div>\n </div>\n\n <div part=\"sensitive-area-description\" class=\"sensitive-area-description\" innerHTML={this.sensitiveArea.description}></div>\n {this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (\n <div part=\"sensitive-area-practice-container\" class=\"sensitive-area-practice-container\">\n <div part=\"sensitive-area-practice-title\" class=\"sensitive-area-practice-title\">\n Domaines d'activités concernés\n </div>\n <div part=\"sensitive-area-practices\" class=\"sensitive-area-practices\">\n {this.sensitiveArea.practices.map((sensitiveAreaPractice, index) => {\n const practice = state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);\n if (practice) {\n return (\n <div\n part=\"sensitive-area-practice\"\n class=\"sensitive-area-practice\"\n innerHTML={`${practice.name.toUpperCase()}${index + 1 !== this.sensitiveArea.practices.length ? ' - ' : ''}`}\n ></div>\n );\n }\n })}\n </div>\n </div>\n )}\n {this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (\n <div part=\"sensitive-area-period-container\" class=\"sensitive-area-period-container\">\n <div part=\"sensitive-area-period-title\" class=\"sensitive-area-period-title\">\n Périodes de sensibilité\n </div>\n <div part=\"sensitive-area-periods\" class=\"sensitive-area-periods\">\n {this.sensitiveArea.period.map((month, index) => {\n if (month) {\n return (\n <div\n part=\"sensitive-area-period\"\n class=\"sensitive-area-period\"\n innerHTML={`${new Date(0, index + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${\n this.sensitiveArea.period.slice(index + 1).find(month => month) ? ' - ' : ''\n }`}\n ></div>\n );\n }\n })}\n </div>\n </div>\n )}\n <div part=\"sensitive-area-contact-container\" class=\"sensitive-area-contact-container\">\n <div part=\"sensitive-area-contact-title\" class=\"sensitive-area-contact-title\">\n Contact\n </div>\n <div part=\"sensitive-area-contact-value\" class=\"sensitive-area-contact-value\" innerHTML={this.sensitiveArea.contact}></div>\n </div>\n </Host>\n );\n }\n}\n",".trek-card-container,\n.trek-card-large-view-container {\n cursor: pointer;\n font-family: var(--font-family);\n border-radius: var(--border-radius, 12px);\n box-shadow: var(--elevation-1);\n background-color: var(--color-surface-container-low);\n .trek-img {\n object-fit: cover;\n border-top-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 12px);\n }\n .default-trek-img {\n background-color: var(--color-primary-container);\n object-fit: contain;\n }\n .trek-sub-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 8px 16px;\n .trek-name {\n color: var(--color-primary-app);\n font-size: 22px;\n line-height: 28px;\n font-weight: 400;\n margin-bottom: 8px;\n }\n .trek-departure {\n color: var(--color-on-surface);\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 4px;\n }\n .trek-themes-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n .trek-theme {\n background-color: var(--color-secondary-container);\n color: var(--color-on-secondary-container);\n border-radius: var(--border-radius, 40px);\n padding: 8px 16px;\n margin: 0px 8px 8px 0px;\n box-shadow: var(--elevation-0);\n gap: 8px;\n box-sizing: border-box;\n text-align: start;\n vertical-align: middle;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n }\n .trek-icons-labels-container {\n padding: 0px 0px 8px 0px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n gap: 16px;\n .trek-icon-label {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n width: calc((100% / 2) - 16px);\n .trek-icon {\n display: flex;\n font-size: 24px;\n width: 24px;\n height: 24px;\n color: var(--color-primary-app);\n margin-right: 8px;\n }\n .network {\n &:not(:last-child) {\n margin-right: 16px;\n }\n }\n .trek-label {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n }\n .practice {\n img {\n background-color: var(--color-primary-app);\n }\n }\n }\n }\n}\n\n.selected-trek-card {\n box-shadow: var(--elevation-2);\n}\n\n.trek-card-container {\n width: 100%;\n max-width: 350px;\n .trek-img-container {\n height: 200px;\n .trek-img {\n width: 100%;\n height: 100%;\n }\n }\n}\n\n.trek-card-large-view-container {\n width: 100%;\n display: flex;\n flex-direction: row;\n .trek-img-container {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n .trek-img {\n width: 250px;\n height: inherit;\n border-bottom-left-radius: var(--border-radius, 12px);\n border-top-right-radius: var(--border-radius, 0px);\n }\n }\n}\n\n.trek-step-card {\n width: auto;\n}\n\n.trek-card-container .trek-sub-container .trek-departure {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n height: 56px;\n}\n\n.trek-card-container .trek-sub-container .trek-name {\n height: 56px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n}\n\n.is-current-step {\n background-color: var(--color-surface-variant);\n}\n\n.practice {\n .trek-icon {\n border-radius: 100%;\n padding: 2px;\n max-height: 20px;\n max-width: 20px;\n }\n}\n\n.trek-img-container {\n position: relative;\n .offline-indicator {\n display: flex;\n background: #ffffff;\n border-radius: 24px;\n height: 24px;\n width: 24px;\n top: 16px;\n right: 16px;\n position: absolute;\n color: var(--color-on-surface);\n }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, Listen, Fragment, getAssetPath, Build } from '@stencil/core';\nimport { trekIsAvailableOffline } from 'services/treks.service';\nimport state, { onChange } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\nimport OfflinePinIcon from '../../assets/offline_pin.svg';\nimport TimelapseIcon from '../../assets/timelapse.svg';\nimport OpenInFullIcon from '../../assets/open_in_full.svg';\nimport MovingIcon from '../../assets/moving.svg';\n\n@Component({\n tag: 'grw-trek-card',\n styleUrl: 'grw-trek-card.scss',\n shadow: true,\n})\nexport class GrwTrekCard {\n @Event() trekCardPress: EventEmitter<number>;\n @State() currentTrek: Trek;\n @State() difficulty: Difficulty;\n @State() route: Route;\n @State() practice: Practice;\n @State() themes: Themes;\n @State() departureCity: City;\n @Prop() trek: Trek;\n\n @Prop() fontFamily = 'Roboto';\n @Prop() colorPrimaryApp = '#6b0030';\n @Prop() colorOnSurface = '#49454e';\n @Prop() colorSecondaryContainer = '#e8def8';\n @Prop() colorOnSecondaryContainer = '#1d192b';\n @Prop() colorSurfaceContainerLow = '#f7f2fa';\n @Prop() isLargeView = false;\n @Prop() isStep: false;\n\n @Event() cardTrekMouseOver: EventEmitter<number>;\n @Event() cardTrekMouseLeave: EventEmitter;\n\n @State() isAvailableOffline = false;\n @State() showDefaultImage = false;\n\n @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n onTrekDownloadedSuccessConfirm() {\n this.isAvailableOffline = true;\n }\n\n @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n onTrekDeleteSuccessConfirm() {\n this.isAvailableOffline = false;\n }\n\n connectedCallback() {\n this.currentTrek = this.trek ? this.trek : state.currentTrek;\n if (this.currentTrek) {\n this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n this.route = state.routes.find(route => route.id === this.currentTrek.route);\n this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n this.handleOffline(this.currentTrek.id);\n }\n onChange('currentTrek', () => {\n this.currentTrek = this.trek ? this.trek : state.currentTrek;\n if (this.currentTrek) {\n this.difficulty = this.currentTrek.difficulty && state.difficulties ? state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty) : null;\n this.route = this.currentTrek.route && state.routes ? state.routes.find(route => route.id === this.currentTrek.route) : null;\n this.practice = this.currentTrek.practice && state.practices ? state.practices.find(practice => practice.id === this.currentTrek.practice) : null;\n this.themes = this.currentTrek.themes && state.themes ? state.themes.filter(theme => this.currentTrek.themes.includes(theme.id)) : null;\n this.departureCity = this.currentTrek.departure_city && state.cities ? state.cities.find(city => city.id === this.currentTrek.departure_city) : null;\n this.handleOffline(this.currentTrek.id);\n }\n });\n }\n\n async handleOffline(trekId) {\n this.isAvailableOffline = await trekIsAvailableOffline(trekId);\n }\n\n @Listen('mouseover')\n handleMouseOver() {\n this.cardTrekMouseOver.emit(this.currentTrek.id);\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n this.cardTrekMouseLeave.emit();\n }\n\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n\n return (\n <Host\n style={{\n '--font-family': this.fontFamily,\n 'width': this.isLargeView ? '100%' : 'auto',\n '--color-primary-app': this.colorPrimaryApp,\n '--color-on-surface': this.colorOnSurface,\n '--color-secondary-container': this.colorSecondaryContainer,\n '--color-on-secondary-container': this.colorOnSecondaryContainer,\n '--color-surface-container-low': this.colorSurfaceContainerLow,\n }}\n >\n {this.currentTrek && (\n <div\n part=\"trek-card\"\n class={\n this.isStep\n ? `trek-card trek-card-container trek-step-card${state.selectedStepId === this.currentTrek.id ? ' selected-trek-card' : ''} ${\n state.currentTrek && state.currentTrek.id === this.currentTrek.id ? 'is-current-step' : ''\n }`\n : this.isLargeView\n ? `trek-card trek-card-large-view-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n : `trek-card trek-card-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n }\n onClick={() => this.trekCardPress.emit(this.currentTrek.id)}\n >\n <div part=\"trek-img-container\" class=\"trek-img-container\">\n {this.isAvailableOffline && (\n <div part=\"offline-indicator\" class=\"offline-indicator\">\n <span part=\"icon\" class=\"icon\" innerHTML={OfflinePinIcon}></span>\n </div>\n )}\n {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n <img\n part=\"trek-img\"\n class=\"trek-img\"\n src={`${\n this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail !== ''\n ? this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail\n : this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].url\n }`}\n alt={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n loading=\"lazy\"\n /* @ts-ignore /\n onerror={event => {\n event.target.onerror = null;\n event.target.className = 'trek-img default-trek-img';\n event.target.src = defaultImageSrc;\n }}\n />\n ) : (\n <img\n part=\"trek-img\"\n class=\"trek-img default-trek-img\"\n / @ts-ignore */\n\n src={defaultImageSrc}\n alt=\"\"\n loading=\"lazy\"\n />\n )}\n </div>\n <div part=\"trek-sub-container\" class=\"trek-sub-container\">\n {this.departureCity && (\n <div part=\"trek-departure\" class=\"trek-departure\">\n {this.departureCity.name}\n </div>\n )}\n <div part=\"trek-name\" class=\"trek-name\">\n {this.currentTrek?.name}\n </div>\n {!this.isStep && this.themes && (\n <div part=\"trek-themes-container\" class=\"trek-themes-container\">\n {this.themes.map(theme => (\n <div part=\"trek-theme\" class=\"trek-theme\">\n {theme.label}\n </div>\n ))}\n </div>\n )}\n <div part=\"trek-icons-labels-container\" class=\"trek-icons-labels-container\">\n {this.difficulty && (\n <div part=\"trek-icon-label\" class=\"trek-icon-label difficulty\">\n {this.difficulty.pictogram && <img part=\"trek-icon\" class=\"trek-icon\" src={this.difficulty.pictogram} alt=\"\" />}\n <span part=\"trek-label\" class=\"trek-label\">\n {this.difficulty.label}\n </span>\n </div>\n )}\n <div part=\"trek-icon-label\" class=\"trek-icon-label duration\">\n <span part=\"trek-icon\" class=\"trek-icon\" innerHTML={TimelapseIcon}></span>\n <span part=\"trek-label\" class=\"trek-label\">\n {formatDuration(this.currentTrek.duration)}\n </span>\n </div>\n <div part=\"trek-icon-label\" class=\"trek-icon-label length\">\n <span part=\"trek-icon\" class=\"trek-icon\" innerHTML={OpenInFullIcon}></span>\n <span part=\"trek-label\" class=\"trek-label\">\n {formatLength(this.currentTrek.length_2d)}\n </span>\n </div>\n <div part=\"trek-icon-label\" class=\"trek-icon-label ascent\">\n <span part=\"trek-icon\" class=\"trek-icon\" innerHTML={MovingIcon}></span>\n <span part=\"trek-label\" class=\"trek-label\">\n {formatAscent(this.currentTrek.ascent)}\n </span>\n </div>\n {!this.isStep && (\n <Fragment>\n <div part=\"trek-icon-label\" class=\"trek-icon-label route\">\n {this.route?.pictogram && <img part=\"trek-icon\" class=\"trek-icon\" src={this.route.pictogram} alt=\"\" />}\n <span part=\"trek-label\" class=\"trek-label\">\n {this.route?.route}\n </span>\n </div>\n <div part=\"trek-icon-label\" class=\"trek-icon-label practice\">\n {this.practice?.pictogram && <img part=\"trek-icon\" class=\"trek-icon\" src={this.practice.pictogram} alt=\"\" />}\n <span part=\"trek-label\" class=\"trek-label\">\n {this.practice?.name}\n </span>\n </div>\n </Fragment>\n )}\n </div>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}