npm - @geotrekce/geotrek-rando-widget - Versions diffs - 0.4.4 → 0.4.6 - Mend

@geotrekce/geotrek-rando-widget 0.4.4 → 0.4.6

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 (386) hide show

package/dist/geotrek-rando-widget/p-ff607e4b.entry.js.br ADDED Viewed

Binary file

package/dist/geotrek-rando-widget/p-ff607e4b.entry.js.gz ADDED Viewed

Binary file

package/dist/geotrek-rando-widget/p-ff607e4b.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["grwInformationDeskCss","GrwInformationDeskDetail","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","h","Host","photo_url","class","src","loading","name","onClick","translate","postal_code","municipality","street","phone","href","email","website","description","innerHTML","grwPoiCss","GrwPoiDetail","componentDidLoad","swiperPoi","Swiper","swiperPoiRef","modules","Navigation","Pagination","Keyboard","navigation","prevEl","prevElPoiRef","nextEl","nextElPoiRef","pagination","el","paginationElPoiRef","allowTouchMove","keyboard","onfullscreenchange","displayFullscreen","enable","disable","handlePoiDescription","handleFullscreen","poi","attachments","url","requestFullscreen","defaultImageSrc","getAssetPath","_a","state","poiTypes","find","poiType","id","type","pictogram","ref","length","filter","attachment","map","thumbnail","grwSensitiveAreaDetailCss","GrwSensitiveAreaDetail","sensitiveArea","practices","sensitiveAreaPractice","index","practice","statePractice","toUpperCase","period","month","Date","toLocaleDateString","slice","contact","grwTouristicContentCardCss","GrwTouristicContentCard","swiperTouristicContentRef","swiperTouristicContent","prevElTouristicContentRef","nextElTouristicContentRef","paginationElTouristicContentRef","touristicContent","handleMouseOver","cardTouristicContentMouseOver","handleMouseLeave","cardTouristicContentMouseLeave","touristicContentCategory","touristicContentCategories","category","style","width","isLargeView","selectedTouristicContentId","isInsideHorizontalList","touristicContentCardPress","label","grwTouristicEventCardCss","GrwTouristicEvent","swiperTouristicEventRef","swiperTouristicEvent","prevElTouristicEventRef","nextElTouristicEventRef","paginationElTouristicEventRef","touristicEvent","cardTouristicEventMouseOver","cardTouristicEventMouseLeave","touristicEventType","touristicEventTypes","selectedTouristicEventId","touristicEventCardPress","begin_date","end_date","grwTrekCardCss","GrwTrekCard","connectedCallback","currentTrek","trek","difficulty","difficulties","route","routes","themes","theme","includes","departureCity","cities","city","departure_city","onChange","disconnectedCallback","resetStoreOnDisconnected","reset","cardTrekMouseOver","cardTrekMouseLeave","colorPrimaryApp","colorOnSurface","colorSecondaryContainer","colorOnSecondaryContainer","colorSurfaceContainerLow","isStep","selectedStepId","selectedTrekId","trekCardPress","_b","_c","formatDuration","duration","formatLength","length_2d","formatAscent","ascent","_d","_e","_f","_g"],"sources":["./src/components/grw-information-desk/grw-information-desk.scss?tag=grw-information-desk&encapsulation=shadow","./src/components/grw-information-desk/grw-information-desk.tsx","./src/components/grw-poi-detail/grw-poi.scss?tag=grw-poi&encapsulation=shadow","./src/components/grw-poi-detail/grw-poi.tsx","./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-touristic-content/grw-touristic-content-card.scss?tag=grw-touristic-content-card&encapsulation=shadow","./src/components/grw-touristic-content/grw-touristic-content-card.tsx","./src/components/grw-touristic-event/grw-touristic-event-card.scss?tag=grw-touristic-event-card&encapsulation=shadow","./src/components/grw-touristic-event/grw-touristic-event-card.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":[".material-symbols {\n font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n border: 1px solid gray;\n 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}\n\n.information-desk-img {\n position: relative;\n img {\n width: 100%;\n height: 100%;\n max-height: 200px;\n object-fit: cover;\n }\n}\n\n.information-desk-sub-container {\n display: flex;\n flex-direction: column;\n padding: 12px;\n}\n\n.information-desk-name {\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n}\n\n.information-desk-description {\n font-size: 14px;\n line-height: 20px;\n}\n\n.information-desk-description-short {\n font-size: 14px;\n line-height: 20px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 4;\n overflow: hidden;\n}\n\n.handle-information-desk-description {\n cursor: pointer;\n color: var(--color-primary-app);\n text-decoration: underline;\n margin-top: 12px;\n}\n\n.phone-container,\n.mail-container,\n.link-container {\n display: flex;\n align-items: center;\n span {\n font-size: 16px;\n margin-right: 8px;\n }\n}\n\n.center-on-map-button {\n cursor: pointer;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n border-radius: 8px;\n padding: 8px 16px;\n box-shadow: var(--elevation-1);\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 margin: 12px 0px;\n &:hover {\n box-shadow: var(--elevation-2);\n }\n span {\n font-size: 18px;\n }\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport { InformationDesk } from 'types/types';\n\n@Component({\n tag: 'grw-information-desk',\n styleUrl: 'grw-information-desk.scss',\n shadow: true,\n})\nexport class GrwInformationDeskDetail {\n @Event() centerOnMap: EventEmitter<{ latitude: number; longitude: number }>;\n @State() displayShortDescription = true;\n @Prop() informationDesk: InformationDesk;\n\n handleInformationDeskDescription() {\n this.displayShortDescription = !this.displayShortDescription;\n }\n\n handleCenterOnMap() {\n this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });\n }\n\n render() {\n return (\n <Host>\n {this.informationDesk.photo_url && (\n <div class=\"information-desk-img\">\n <img src={this.informationDesk.photo_url} loading=\"lazy\" />\n </div>\n )}\n <div class=\"information-desk-sub-container\">\n {this.informationDesk.name && <div class=\"information-desk-name\">{this.informationDesk.name}</div>}\n {this.informationDesk.latitude && this.informationDesk.longitude && (\n <button class=\"center-on-map-button\" onClick={() => this.handleCenterOnMap()}>\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n location_searching\n </span>\n Centrer sur la carte\n </button>\n )}\n {(this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (\n <div>\n {this.informationDesk.postal_code && this.informationDesk.postal_code}\n {this.informationDesk.municipality && ` ${this.informationDesk.municipality}`}\n {this.informationDesk.street && ` ${this.informationDesk.street}`}\n </div>\n )}\n {this.informationDesk.phone && (\n <div class=\"phone-container\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n call\n </span>\n <a href={`tel:${this.informationDesk.phone}`}>{this.informationDesk.phone}</a>\n </div>\n )}\n {this.informationDesk.email && (\n <div class=\"mail-container\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n mail\n </span>\n <a href={`mailto:${this.informationDesk.email}`}>{this.informationDesk.email}</a>\n </div>\n )}\n {this.informationDesk.website && (\n <div class=\"link-container\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n link\n </span>\n <a href={`${this.informationDesk.website}`}>{this.informationDesk.website}</a>\n </div>\n )}\n {this.informationDesk.description && (\n <div class=\"information-desk-description-container\">\n <div class={this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description'} innerHTML={this.informationDesk.description}></div>\n <div class=\"handle-information-desk-description\" onClick={() => this.handleInformationDeskDescription()}>\n {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n </div>\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.material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n border: 1px solid gray;\n 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: 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 max-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: 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}\n\n.poi-description {\n font-size: 14px;\n line-height: 20px;\n}\n\n.poi-description-short {\n font-size: 14px;\n line-height: 20px;\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}\n","import { Component, Host, h, Prop, State, Build, getAssetPath } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { Poi } from 'types/types';\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 @Prop() poi: Poi;\n @State() displayShortDescription = true;\n @State() displayFullscreen = false;\n\n componentDidLoad() {\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 });\n this.swiperPoiRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen;\n if (this.displayFullscreen) {\n this.swiperPoi.keyboard.enable();\n } else {\n this.swiperPoi.keyboard.disable();\n }\n };\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 render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n return (\n <Host>\n <div class=\"poi-type-img-container\">\n <img class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} />\n <div class=\"swiper\" ref={el => (this.swiperPoiRef = el)}>\n <div class=\"swiper-wrapper\">\n {this.poi.attachments.length > 0 ? (\n this.poi.attachments\n .filter(attachment => attachment.type === 'image')\n .map(attachment => (\n <div class=\"swiper-slide\">\n <img\n class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n loading=\"lazy\"\n onClick={() => this.handleFullscreen()}\n />\n </div>\n ))\n ) : (\n <div class=\"swiper-slide\">\n <img class=\"default-poi-img\" src={defaultImageSrc} loading=\"lazy\" />\n </div>\n )}\n </div>\n <div class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n <div class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n <div class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n </div>\n </div>\n <div class=\"poi-sub-container\">\n <div class=\"poi-name\">{this.poi.name}</div>\n <div class={this.displayShortDescription ? 'poi-description-short' : 'poi-description'} innerHTML={this.poi.description}></div>\n <div class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n </div>\n </div>\n </Host>\n );\n }\n}\n",":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 {\n font-size: 22px;\n line-height: 28px;\n padding: 12px 0px;\n font-weight: 400;\n}\n\n.sensitive-area-description {\n font-size: 16px;\n line-height: 24px;\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: 16px;\n line-height: 24px;\n padding: 12px 0px;\n }\n .sensitive-area-period-values,\n .sensitive-area-practice-values {\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 class=\"sensitive-area-title\">{this.sensitiveArea.name}</div>\n <div class=\"sensitive-area-description\" innerHTML={this.sensitiveArea.description}></div>\n {this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (\n <div class=\"sensitive-area-practice-container\">\n <div class=\"sensitive-area-practice-title\">Domaines d'activités concernés :</div>\n <div class=\"sensitive-area-practice-values\">\n {this.sensitiveArea.practices.map((sensitiveAreaPractice, index) => {\n const practice = state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);\n if (practice) {\n return <div innerHTML={`${practice.name.toUpperCase()}${index + 1 !== this.sensitiveArea.practices.length ? ' - ' : ''}`}></div>;\n }\n })}\n </div>\n </div>\n )}\n {this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (\n <div class=\"sensitive-area-period-container\">\n <div class=\"sensitive-area-period-title\">Périodes de sensibilité</div>\n <div class=\"sensitive-area-period-values\">\n {this.sensitiveArea.period.map((month, index) => {\n if (month) {\n return (\n <div\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 class=\"sensitive-area-contact-container\">\n <div class=\"sensitive-area-contact-title\">Contact</div>\n <div innerHTML={this.sensitiveArea.contact} class=\"sensitive-area-contact-value\"></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.material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n display: flex;\n flex-direction: column;\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: 32px;\n box-shadow: var(--elevation-1);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n }\n}\n\n.touristic-content-type-img-container {\n position: relative;\n .touristic-content-img,\n .default-touristic-content-img {\n width: 100%;\n height: 100%;\n max-height: 200px;\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: 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 }\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: 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 &: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 cursor: pointer;\n font-family: 'Roboto';\n border-radius: 12px;\n box-shadow: var(--elevation-1);\n background-color: var(--color-surface-container-low);\n color: var(--color-on-surface);\n .image {\n height: 100%;\n object-fit: cover;\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n }\n}\n\n.touristic-content-container {\n width: 100%;\n max-width: 350px;\n .image {\n width: 100%;\n max-height: 200px;\n }\n}\n\n.touristic-content-card-large-view-container {\n width: 100%;\n display: flex;\n flex-direction: row;\n .image {\n width: 250px;\n }\n}\n\n.is-inside-vertical-list {\n cursor: pointer;\n border: none;\n}\n\n.selected-touristic-content-card {\n box-shadow: var(--elevation-2);\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { TouristicContent } 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 @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 componentDidLoad() {\n if (this.swiperTouristicContentRef) {\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 });\n this.swiperTouristicContentRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen;\n if (this.displayFullscreen) {\n this.swiperTouristicContent.keyboard.enable();\n } else {\n this.swiperTouristicContent.keyboard.disable();\n }\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 width: this.isLargeView ? '100%' : 'auto',\n }}\n >\n <div\n class={\n this.isLargeView\n ? `touristic-content-card-large-view-container${state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''}${\n !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n }`\n : `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 class=\"touristic-content-type-img-container\">\n {this.isInsideHorizontalList ? (\n <div class=\"swiper\" ref={el => (this.swiperTouristicContentRef = el)}>\n <div 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 class=\"swiper-slide\">\n <img\n class={`touristic-content-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n loading=\"lazy\"\n onClick={() => this.handleFullscreen()}\n />\n </div>\n ))\n ) : (\n <div class=\"swiper-slide\">\n <img class=\"default-touristic-content-img\" src={defaultImageSrc} loading=\"lazy\" />\n </div>\n )}\n </div>\n <div class=\"swiper-pagination\" ref={el => (this.paginationElTouristicContentRef = el)}></div>\n <div class=\"swiper-button-prev\" ref={el => (this.prevElTouristicContentRef = el)}></div>\n <div class=\"swiper-button-next\" ref={el => (this.nextElTouristicContentRef = el)}></div>\n </div>\n ) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n <img class=\"image\" src={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n ) : (\n <div></div>\n )}\n </div>\n <div class=\"touristic-content-sub-container\">\n <div class=\"touristic-content-category-container\">\n <img src={touristicContentCategory.pictogram} />\n <div class=\"touristic-content-category-name\">{touristicContentCategory.label}</div>\n </div>\n <div class=\"touristic-content-name\">{this.touristicContent.name}</div>\n </div>\n {this.isInsideHorizontalList && (\n <div class=\"touristic-content-more-detail-container\">\n <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.material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n display: flex;\n flex-direction: column;\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: 32px;\n box-shadow: var(--elevation-1);\n &:hover {\n box-shadow: var(--elevation-2);\n }\n }\n}\n\n.touristic-event-type-img-container {\n position: relative;\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: 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 }\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: 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 &: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 cursor: pointer;\n font-family: 'Roboto';\n border-radius: 12px;\n box-shadow: var(--elevation-1);\n background-color: var(--color-surface-container-low);\n color: var(--color-on-surface);\n .image {\n height: 100%;\n object-fit: cover;\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n }\n}\n\n.touristic-event-container {\n width: 100%;\n max-width: 350px;\n .image {\n width: 100%;\n max-height: 200px;\n }\n}\n\n.touristic-event-card-large-view-container {\n width: 100%;\n display: flex;\n flex-direction: row;\n .image {\n width: 250px;\n }\n}\n\n.is-inside-vertical-list {\n cursor: pointer;\n border: none;\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 state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { TouristicEvent } 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 @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 componentDidLoad() {\n if (this.swiperTouristicEventRef) {\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 });\n this.swiperTouristicEventRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen;\n if (this.displayFullscreen) {\n this.swiperTouristicEvent.keyboard.enable();\n } else {\n this.swiperTouristicEvent.keyboard.disable();\n }\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 width: this.isLargeView ? '100%' : 'auto',\n }}\n >\n <div\n class={\n this.isLargeView\n ? `touristic-event-card-large-view-container${state.selectedTouristicEventId === this.touristicEvent.id ? ' selected-touristic-event-card' : ''}${\n !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n }`\n : `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 class=\"touristic-event-type-img-container\">\n {this.isInsideHorizontalList ? (\n <div class=\"swiper\" ref={el => (this.swiperTouristicEventRef = el)}>\n <div class=\"swiper-wrapper\">\n {this.touristicEvent.attachments.length > 0 ? (\n this.touristicEvent.attachments\n .filter(attachment => attachment.type === 'image')\n .map(attachment => (\n <div class=\"swiper-slide\">\n <img\n class={`touristic-event-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n loading=\"lazy\"\n onClick={() => this.handleFullscreen()}\n />\n </div>\n ))\n ) : (\n <div class=\"swiper-slide\">\n <img class=\"default-touristic-event-img\" src={defaultImageSrc} loading=\"lazy\" />\n </div>\n )}\n </div>\n <div class=\"swiper-pagination\" ref={el => (this.paginationElTouristicEventRef = el)}></div>\n <div class=\"swiper-button-prev\" ref={el => (this.prevElTouristicEventRef = el)}></div>\n <div 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 class=\"image\" src={`${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n ) : (\n <div></div>\n )}\n </div>\n <div class=\"touristic-event-sub-container\">\n <div class=\"touristic-event-type-container\">\n <img src={touristicEventType.pictogram} />\n <div class=\"touristic-event-type-name\">{touristicEventType.type}</div>\n </div>\n <div class=\"touristic-event-name\">{this.touristicEvent.name}</div>\n {(this.touristicEvent.begin_date || this.touristicEvent.end_date) && (\n <div class=\"touristic-event-date-container\">\n {this.touristicEvent.begin_date && <div class=\"touristic-event-date\">Date de début : {this.touristicEvent.begin_date}</div>}\n {this.touristicEvent.end_date && <div class=\"touristic-event-date\">Date de fin : {this.touristicEvent.end_date}</div>}\n </div>\n )}\n </div>\n\n {this.isInsideHorizontalList && (\n <div class=\"touristic-event-more-detail-container\">\n <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",".material-symbols {\n font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n.trek-card-container,\n.trek-card-large-view-container {\n cursor: pointer;\n font-family: 'Roboto';\n border-radius: 12px;\n box-shadow: var(--elevation-1);\n background-color: var(--color-surface-container-low);\n .image {\n object-fit: cover;\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n }\n .sub-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 8px 16px;\n .name {\n color: var(--color-on-surface);\n font-size: 22px;\n line-height: 28px;\n font-weight: 400;\n margin-bottom: 8px;\n }\n .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 .themes-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n .theme {\n background-color: var(--color-secondary-container);\n color: var(--color-on-secondary-container);\n border-radius: 8px;\n padding: 8px 16px;\n margin: 0px 8px 8px 0px;\n box-shadow: var(--elevation-0);\n border: 1px solid var(--color-outline);\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 text-wrap: nowrap;\n }\n }\n .icons-labels-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n color: var(--color-on-surface);\n font-size: 14px;\n line-height: 20px;\n font-weight: 500;\n .row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n .icon-label {\n &:nth-child(2) {\n margin: 0px 4px;\n }\n display: flex;\n align-items: center;\n width: 50%;\n img,\n span {\n font-size: 24px;\n width: 24px;\n height: 24px;\n margin-right: 8px;\n }\n }\n .practice {\n img {\n background-color: var(--color-primary-app);\n }\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 .image {\n width: 100%;\n max-height: 200px;\n }\n}\n\n.trek-card-large-view-container {\n width: 100%;\n display: flex;\n flex-direction: row;\n .image {\n width: 250px;\n }\n}\n\n.trek-step-card {\n width: auto;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, Listen } from '@stencil/core';\nimport state, { onChange, reset } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\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 @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() resetStoreOnDisconnected = true;\n @Prop() isStep: false;\n\n @Event() cardTrekMouseOver: EventEmitter<number>;\n @Event() cardTrekMouseLeave: EventEmitter;\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 }\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 }\n });\n }\n\n disconnectedCallback() {\n if (this.resetStoreOnDisconnected) {\n reset();\n }\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 return (\n <Host\n style={{\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 class={\n this.isStep\n ? `trek-card-container trek-step-card${state.selectedStepId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n : this.isLargeView\n ? `trek-card-large-view-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n : `trek-card-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n }\n onClick={() => this.trekCardPress.emit(this.currentTrek.id)}\n >\n {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (\n <img class=\"image\" src={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n )}\n <div class=\"sub-container\">\n {this.departureCity && <div class=\"departure\">{this.departureCity.name}</div>}\n <div class=\"name\">{this.currentTrek?.name}</div>\n {!this.isStep && this.themes && (\n <div class=\"themes-container\">\n {this.themes.map(theme => (\n <div class=\"theme\">{theme.label}</div>\n ))}\n </div>\n )}\n <div class=\"icons-labels-container\">\n <div class=\"row\">\n <div class=\"icon-label difficulty\">\n {this.difficulty?.pictogram && <img src={this.difficulty.pictogram} />}\n {this.difficulty?.label}\n </div>\n <div class=\"icon-label duration\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n timelapse\n </span>\n {formatDuration(this.currentTrek.duration)}\n </div>\n </div>\n <div class=\"row\">\n <div class=\"icon-label length\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n open_in_full\n </span>\n {formatLength(this.currentTrek.length_2d)}\n </div>\n <div class=\"icon-label ascent\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n moving\n </span>\n {formatAscent(this.currentTrek.ascent)}\n </div>\n </div>\n {!this.isStep && (\n <div class=\"row\">\n <div class=\"icon-label route\">\n {this.route?.pictogram && <img src={this.route.pictogram} />}\n {this.route?.route}\n </div>\n <div class=\"icon-label practice\">\n {this.practice?.pictogram && <img src={this.practice.pictogram} />}\n {this.practice?.name}\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/types/components/grw-filters/grw-filters.d.ts CHANGED Viewed

@@ -9,5 +9,7 @@ export declare class GrwFilters {
   handleSegment(segment: any): boolean;
   handleEraseTouristicContentsFilters(): void;
   handleOkTouristicContentsFilters(): void;
+  handleEraseTouristicEventsFilters(): void;
+  handleOkTouristicEventsFilters(): void;
   render(): any;
 }

package/dist/types/components/grw-map/grw-map.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ export declare class GrwMap {
   maxZoom: number;
   trekCardPress: EventEmitter<number>;
   touristicContentCardPress: EventEmitter<number>;
+  touristicEventCardPress: EventEmitter<number>;
   mapIsReady: boolean;
   nameLayer: string;
   urlLayer: string;
@@ -32,13 +33,16 @@ export declare class GrwMap {
   bounds: any;
   treksLayer: L.GeoJSON<any>;
   toutisticContentsLayer: L.GeoJSON<any>;
+  toutisticEventsLayer: L.GeoJSON<any>;
   treksMarkerClusterGroup: MarkerClusterGroup;
   touristicContentsMarkerClusterGroup: MarkerClusterGroup;
+  touristicEventsMarkerClusterGroup: MarkerClusterGroup;
   currentTrekLayer: L.GeoJSON<any>;
   currentStepsLayer: L.GeoJSON<any>;
   selectedCurrentTrekLayer: L.GeoJSON<any>;
   selectedCurrentStepLayer: L.GeoJSON<any>;
   selectedTouristicContentLayer: L.GeoJSON<any>;
+  selectedTouristicEventLayer: L.GeoJSON<any>;
   currentReferencePointsLayer: L.GeoJSON<any>;
   currentParkingLayer: L.GeoJSON<any>;
   currentSensitiveAreasLayer: L.GeoJSON<any>;
@@ -60,8 +64,10 @@ export declare class GrwMap {
   trekPopupIsOpen: boolean;
   stepPopupIsOpen: boolean;
   touristicContentPopupIsOpen: boolean;
+  touristicEventPopupIsOpen: boolean;
   handleTreksWithinBoundsBind: (event: any) => void;
   handleTouristicContentsWithinBoundsBind: (event: any) => void;
+  handleTouristicEventsWithinBoundsBind: (event: any) => void;
   onCenterOnMap(event: CustomEvent<{
     latitude: number;
     longitude: number;
@@ -78,12 +84,15 @@ export declare class GrwMap {
   onCardTrekMouseLeave(): void;
   onTouristicContentMouseOver(event: CustomEvent<number>): void;
   onTouristicContentMouseLeave(): void;
+  onTouristicEventMouseOver(event: CustomEvent<number>): void;
+  onTouristicEventMouseLeave(): void;
   componentDidLoad(): void;
   handleLayerVisibility(visible: boolean, layer: L.GeoJSON): void;
   addTreks(resetBounds?: boolean): void;
   removeTreks(): void;
   handleTreksWithinBounds(): void;
   handleTouristicContentsWithinBounds(): void;
+  handleTouristicEventsWithinBounds(): void;
   addTrek(): void;
   addSelectedCurrentTrek(id: any, customCoordinates?: any): void;
   removeSelectedCurrentTrek(): void;
@@ -102,5 +111,9 @@ export declare class GrwMap {
   removeTouristicEvent(): void;
   addSelectedTouristicContent(id: any, customCoordinates?: any): void;
   removeSelectedTouristicContent(): void;
+  addTouristicEvents(resetBounds?: boolean): void;
+  removeTouristicEvents(): void;
+  addSelectedTouristicEvent(id: any, customCoordinates?: any): void;
+  removeSelectedTouristicEvent(): void;
   render(): any;
 }

package/dist/types/components/grw-touristic-event/grw-touristic-event-card.d.ts CHANGED Viewed

@@ -9,8 +9,14 @@ export declare class GrwTouristicEvent {
   nextElTouristicEventRef?: HTMLDivElement;
   paginationElTouristicEventRef?: HTMLDivElement;
   touristicEvent: TouristicEvent;
+  isLargeView: boolean;
+  isInsideHorizontalList: boolean;
   displayFullscreen: boolean;
+  cardTouristicEventMouseOver: EventEmitter<number>;
+  cardTouristicEventMouseLeave: EventEmitter;
   componentDidLoad(): void;
   handleFullscreen(): void;
+  handleMouseOver(): void;
+  handleMouseLeave(): void;
   render(): any;
 }

package/dist/types/components/grw-touristic-events-list/grw-touristic-events-list.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { TouristicEvents } from 'types/types';
+export declare class GrwTouristicContentsList {
+  element: HTMLElement;
+  touristicEventsToDisplay: TouristicEvents;
+  colorPrimaryApp: string;
+  colorOnSurface: string;
+  colorSecondaryContainer: string;
+  colorOnSecondaryContainer: string;
+  colorSurfaceContainerLow: string;
+  isLargeView: boolean;
+  resetStoreOnDisconnected: boolean;
+  step: number;
+  shouldAddInfiniteScrollEvent: boolean;
+  handleInfiniteScrollBind: (event: any) => void;
+  connectedCallback(): void;
+  handleInfiniteScroll(event: any): void;
+  handleInfiniteScrollEvent(shouldAddInfiniteScrollEvent: boolean): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components.d.ts CHANGED Viewed

@@ -131,27 +131,47 @@ export namespace Components {
         "portals": string;
         "structures": string;
         "themes": string;
-        "touristicContentId": string;
     }
     interface GrwTouristicEventCard {
+        "isInsideHorizontalList": boolean;
+        "isLargeView": boolean;
         "touristicEvent": TouristicEvent;
     }
-    interface GrwTouristicEventCardProvider {
+    interface GrwTouristicEventDetail {
+        "colorBackground": string;
+        "colorOnPrimaryContainer": string;
+        "colorOnSecondaryContainer": string;
+        "colorOnSurface": string;
+        "colorPrimaryApp": string;
+        "colorPrimaryContainer": string;
+        "colorSecondaryContainer": string;
+        "colorSurfaceContainerLow": string;
+        "isLargeView": boolean;
+    }
+    interface GrwTouristicEventProvider {
         "api": string;
         "languages": string;
         "portals": string;
         "touristicEventId": string;
     }
-    interface GrwTouristicEventDetail {
-        "colorBackground": string;
-        "colorOnPrimaryContainer": string;
+    interface GrwTouristicEventsList {
         "colorOnSecondaryContainer": string;
         "colorOnSurface": string;
         "colorPrimaryApp": string;
-        "colorPrimaryContainer": string;
         "colorSecondaryContainer": string;
         "colorSurfaceContainerLow": string;
         "isLargeView": boolean;
+        "resetStoreOnDisconnected": boolean;
+    }
+    interface GrwTouristicEventsProvider {
+        "api": string;
+        "cities": string;
+        "districts": string;
+        "inBbox": string;
+        "languages": string;
+        "portals": string;
+        "structures": string;
+        "themes": string;
     }
     interface GrwTrekCard {
         "colorOnSecondaryContainer": string;
@@ -325,18 +345,30 @@ declare global {
         prototype: HTMLGrwTouristicEventCardElement;
         new (): HTMLGrwTouristicEventCardElement;
     };
-    interface HTMLGrwTouristicEventCardProviderElement extends Components.GrwTouristicEventCardProvider, HTMLStencilElement {
-    }
-    var HTMLGrwTouristicEventCardProviderElement: {
-        prototype: HTMLGrwTouristicEventCardProviderElement;
-        new (): HTMLGrwTouristicEventCardProviderElement;
-    };
     interface HTMLGrwTouristicEventDetailElement extends Components.GrwTouristicEventDetail, HTMLStencilElement {
     }
     var HTMLGrwTouristicEventDetailElement: {
         prototype: HTMLGrwTouristicEventDetailElement;
         new (): HTMLGrwTouristicEventDetailElement;
     };
+    interface HTMLGrwTouristicEventProviderElement extends Components.GrwTouristicEventProvider, HTMLStencilElement {
+    }
+    var HTMLGrwTouristicEventProviderElement: {
+        prototype: HTMLGrwTouristicEventProviderElement;
+        new (): HTMLGrwTouristicEventProviderElement;
+    };
+    interface HTMLGrwTouristicEventsListElement extends Components.GrwTouristicEventsList, HTMLStencilElement {
+    }
+    var HTMLGrwTouristicEventsListElement: {
+        prototype: HTMLGrwTouristicEventsListElement;
+        new (): HTMLGrwTouristicEventsListElement;
+    };
+    interface HTMLGrwTouristicEventsProviderElement extends Components.GrwTouristicEventsProvider, HTMLStencilElement {
+    }
+    var HTMLGrwTouristicEventsProviderElement: {
+        prototype: HTMLGrwTouristicEventsProviderElement;
+        new (): HTMLGrwTouristicEventsProviderElement;
+    };
     interface HTMLGrwTrekCardElement extends Components.GrwTrekCard, HTMLStencilElement {
     }
     var HTMLGrwTrekCardElement: {
@@ -383,8 +415,10 @@ declare global {
         "grw-touristic-contents-list": HTMLGrwTouristicContentsListElement;
         "grw-touristic-contents-provider": HTMLGrwTouristicContentsProviderElement;
         "grw-touristic-event-card": HTMLGrwTouristicEventCardElement;
-        "grw-touristic-event-card-provider": HTMLGrwTouristicEventCardProviderElement;
         "grw-touristic-event-detail": HTMLGrwTouristicEventDetailElement;
+        "grw-touristic-event-provider": HTMLGrwTouristicEventProviderElement;
+        "grw-touristic-events-list": HTMLGrwTouristicEventsListElement;
+        "grw-touristic-events-provider": HTMLGrwTouristicEventsProviderElement;
         "grw-trek-card": HTMLGrwTrekCardElement;
         "grw-trek-detail": HTMLGrwTrekDetailElement;
         "grw-trek-provider": HTMLGrwTrekProviderElement;
@@ -464,6 +498,7 @@ declare namespace LocalJSX {
         "isLargeView"?: boolean;
         "nameLayer"?: string;
         "onTouristicContentCardPress"?: (event: GrwMapCustomEvent<number>) => void;
+        "onTouristicEventCardPress"?: (event: GrwMapCustomEvent<number>) => void;
         "onTrekCardPress"?: (event: GrwMapCustomEvent<number>) => void;
         "resetStoreOnDisconnected"?: boolean;
         "urlLayer"?: string;
@@ -523,28 +558,50 @@ declare namespace LocalJSX {
         "portals"?: string;
         "structures"?: string;
         "themes"?: string;
-        "touristicContentId"?: string;
     }
     interface GrwTouristicEventCard {
+        "isInsideHorizontalList"?: boolean;
+        "isLargeView"?: boolean;
+        "onCardTouristicEventMouseLeave"?: (event: GrwTouristicEventCardCustomEvent<any>) => void;
+        "onCardTouristicEventMouseOver"?: (event: GrwTouristicEventCardCustomEvent<number>) => void;
         "onTouristicEventCardPress"?: (event: GrwTouristicEventCardCustomEvent<number>) => void;
         "touristicEvent"?: TouristicEvent;
     }
-    interface GrwTouristicEventCardProvider {
+    interface GrwTouristicEventDetail {
+        "colorBackground"?: string;
+        "colorOnPrimaryContainer"?: string;
+        "colorOnSecondaryContainer"?: string;
+        "colorOnSurface"?: string;
+        "colorPrimaryApp"?: string;
+        "colorPrimaryContainer"?: string;
+        "colorSecondaryContainer"?: string;
+        "colorSurfaceContainerLow"?: string;
+        "isLargeView"?: boolean;
+    }
+    interface GrwTouristicEventProvider {
         "api"?: string;
         "languages"?: string;
         "portals"?: string;
         "touristicEventId"?: string;
     }
-    interface GrwTouristicEventDetail {
-        "colorBackground"?: string;
-        "colorOnPrimaryContainer"?: string;
+    interface GrwTouristicEventsList {
         "colorOnSecondaryContainer"?: string;
         "colorOnSurface"?: string;
         "colorPrimaryApp"?: string;
-        "colorPrimaryContainer"?: string;
         "colorSecondaryContainer"?: string;
         "colorSurfaceContainerLow"?: string;
         "isLargeView"?: boolean;
+        "resetStoreOnDisconnected"?: boolean;
+    }
+    interface GrwTouristicEventsProvider {
+        "api"?: string;
+        "cities"?: string;
+        "districts"?: string;
+        "inBbox"?: string;
+        "languages"?: string;
+        "portals"?: string;
+        "structures"?: string;
+        "themes"?: string;
     }
     interface GrwTrekCard {
         "colorOnSecondaryContainer"?: string;
@@ -626,8 +683,10 @@ declare namespace LocalJSX {
         "grw-touristic-contents-list": GrwTouristicContentsList;
         "grw-touristic-contents-provider": GrwTouristicContentsProvider;
         "grw-touristic-event-card": GrwTouristicEventCard;
-        "grw-touristic-event-card-provider": GrwTouristicEventCardProvider;
         "grw-touristic-event-detail": GrwTouristicEventDetail;
+        "grw-touristic-event-provider": GrwTouristicEventProvider;
+        "grw-touristic-events-list": GrwTouristicEventsList;
+        "grw-touristic-events-provider": GrwTouristicEventsProvider;
         "grw-trek-card": GrwTrekCard;
         "grw-trek-detail": GrwTrekDetail;
         "grw-trek-provider": GrwTrekProvider;
@@ -654,8 +713,10 @@ declare module "@stencil/core" {
             "grw-touristic-contents-list": LocalJSX.GrwTouristicContentsList & JSXBase.HTMLAttributes<HTMLGrwTouristicContentsListElement>;
             "grw-touristic-contents-provider": LocalJSX.GrwTouristicContentsProvider & JSXBase.HTMLAttributes<HTMLGrwTouristicContentsProviderElement>;
             "grw-touristic-event-card": LocalJSX.GrwTouristicEventCard & JSXBase.HTMLAttributes<HTMLGrwTouristicEventCardElement>;
-            "grw-touristic-event-card-provider": LocalJSX.GrwTouristicEventCardProvider & JSXBase.HTMLAttributes<HTMLGrwTouristicEventCardProviderElement>;
             "grw-touristic-event-detail": LocalJSX.GrwTouristicEventDetail & JSXBase.HTMLAttributes<HTMLGrwTouristicEventDetailElement>;
+            "grw-touristic-event-provider": LocalJSX.GrwTouristicEventProvider & JSXBase.HTMLAttributes<HTMLGrwTouristicEventProviderElement>;
+            "grw-touristic-events-list": LocalJSX.GrwTouristicEventsList & JSXBase.HTMLAttributes<HTMLGrwTouristicEventsListElement>;
+            "grw-touristic-events-provider": LocalJSX.GrwTouristicEventsProvider & JSXBase.HTMLAttributes<HTMLGrwTouristicEventsProviderElement>;
             "grw-trek-card": LocalJSX.GrwTrekCard & JSXBase.HTMLAttributes<HTMLGrwTrekCardElement>;
             "grw-trek-detail": LocalJSX.GrwTrekDetail & JSXBase.HTMLAttributes<HTMLGrwTrekDetailElement>;
             "grw-trek-provider": LocalJSX.GrwTrekProvider & JSXBase.HTMLAttributes<HTMLGrwTrekProviderElement>;

package/dist/types/i18n/i18n.d.ts CHANGED Viewed

@@ -42,9 +42,12 @@ interface Translation {
     segment: {
       treks: string;
       touristicContents: string;
+      touristicEvents: string;
     };
     touristicContents: string;
     touristicContent: string;
+    touristicEvents: string;
+    touristicEvent: string;
   };
   options: {
     presentation: string;
@@ -84,6 +87,8 @@ interface Translation {
   website: string;
   category: string;
   services: string;
+  type: string;
+  placeholderType: string;
 }
 interface AvailableTranslations {
   fr: Translation;

package/dist/types/store/grw-touristic-contents-provider.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 export declare class GrwTouristicContentsProvider {
   languages: string;
   api: string;
-  touristicContentId: string;
   inBbox: string;
   cities: string;
   districts: string;

package/dist/types/store/grw-touristic-events-provider.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+export declare class GrwTouristicEventsProvider {
+  languages: string;
+  api: string;
+  inBbox: string;
+  cities: string;
+  districts: string;
+  structures: string;
+  themes: string;
+  portals: string;
+  controller: AbortController;
+  signal: AbortSignal;
+  init: RequestInit;
+  connectedCallback(): void;
+  handleTouristicEvents(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/store/store.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { LatLngBounds } from 'leaflet';
-import { Accessibilities, accessibilitiesLevel, Difficulties, Durations, InformationDesks, Labels, Pois, PoiTypes, Practices, Routes, SensitiveAreas, Sources, Themes, Cities, Trek, Treks, Lengths, Elevations, Districts, TouristicContents, TouristicContentCategories, TouristicContent, TouristicEvents, TouristicEventTypes, TouristicEvent } from 'types/types';
+import { Accessibilities, accessibilitiesLevel, Difficulties, Durations, InformationDesks, Labels, Pois, PoiTypes, Practices, Routes, SensitiveAreas, Sources, Themes, Cities, Trek, Treks, Lengths, Elevations, Districts, TouristicContents, TouristicContentCategories, TouristicContent, TouristicEvents, TouristicEventTypes, TouristicEvent, Ratings } from 'types/types';
 declare const state: {
   mode: string;
   api: string;
@@ -20,6 +20,7 @@ declare const state: {
   labels: Labels;
   districts: Districts;
   sources: Sources;
+  ratings: Ratings;
   accessibilities: Accessibilities;
   accessibilitiesLevel: accessibilitiesLevel;
   poiTypes: PoiTypes;
@@ -45,9 +46,12 @@ declare const state: {
   touristicContentCategories: TouristicContentCategories;
   currentTouristicContent: TouristicContent;
   touristicEvents: TouristicEvents;
+  currentTouristicEvents: TouristicEvents;
+  touristicEventsWithinBounds: TouristicEvents;
   touristicEventTypes: TouristicEventTypes;
   currentTouristicEvent: TouristicEvent;
   selectedTouristicContentId: number;
+  selectedTouristicEventId: number;
 }, onChange: import("@stencil/store/dist/types").OnChangeHandler<{
   mode: string;
   api: string;
@@ -68,6 +72,7 @@ declare const state: {
   labels: Labels;
   districts: Districts;
   sources: Sources;
+  ratings: Ratings;
   accessibilities: Accessibilities;
   accessibilitiesLevel: accessibilitiesLevel;
   poiTypes: PoiTypes;
@@ -93,9 +98,12 @@ declare const state: {
   touristicContentCategories: TouristicContentCategories;
   currentTouristicContent: TouristicContent;
   touristicEvents: TouristicEvents;
+  currentTouristicEvents: TouristicEvents;
+  touristicEventsWithinBounds: TouristicEvents;
   touristicEventTypes: TouristicEventTypes;
   currentTouristicEvent: TouristicEvent;
   selectedTouristicContentId: number;
+  selectedTouristicEventId: number;
 }>, reset: () => void;
 export { onChange, reset };
 export default state;

package/dist/types/types/types.d.ts CHANGED Viewed

@@ -44,6 +44,8 @@ export type Trek = {
   cities?: string[];
   information_desks?: number[];
   children?: number[];
+  ratings?: number[];
+  ratings_description?: string;
 };
 export type Attachments = Attachment[];
 export type Attachment = {
@@ -226,6 +228,8 @@ export type TouristicEvent = {
   contact?: string;
   email?: string;
   website?: string;
+  begin_date?: string;
+  end_date?: string;
 };
 export type TouristicEvents = TouristicEvent[];
 export type TouristicEventType = {
@@ -250,6 +254,14 @@ export type TouristicContentsFilter = {
   type: string;
   segment: string;
 };
+export type TouristicEventsFilters = TouristicEventsFilter[];
+export type TouristicEventsFilter = {
+  property: string;
+  touristicEventProperty: string;
+  touristicEventPropertyIsArray: boolean;
+  type: string;
+  segment: string;
+};
 export type Option = {
   visible: boolean;
   width: number;
@@ -266,4 +278,9 @@ export type Options = {
   touristicContents: Option;
   touristicEvents: Option;
 };
-export type mode = 'treks' | 'touristicContents';
+export type mode = 'treks' | 'touristicContents' | 'touristicEvents';
+export type Ratings = Rating[];
+export type Rating = {
+  id: number;
+  name: string;
+};

package/dist/types/utils/utils.d.ts CHANGED Viewed

@@ -1,8 +1,10 @@
-import { TouristicContents, TouristicContentsFilters, TrekFilters, Treks } from 'types/types';
+import { TouristicContents, TouristicContentsFilters, TouristicEvents, TouristicEventsFilters, TrekFilters, Treks } from 'types/types';
 export declare function formatDuration(duration: number): any;
 export declare function formatLength(length: number): string;
 export declare function formatAscent(ascent: number): string;
 export declare const treksFilters: TrekFilters;
 export declare const touristicContentsFilters: TouristicContentsFilters;
+export declare const touristicEventsFilters: TouristicEventsFilters;
 export declare function handleTreksFiltersAndSearch(): Treks;
 export declare function handleTouristicContentsFiltersAndSearch(): TouristicContents;
+export declare function handleTouristicEventsFiltersAndSearch(): TouristicEvents;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@geotrekce/geotrek-rando-widget",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "Geotrek rando widget",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/grw-filters_12.cjs.entry.js.br DELETED Viewed

Binary file

package/dist/cjs/grw-filters_12.cjs.entry.js.gz DELETED Viewed

Binary file