@geotrekce/geotrek-rando-widget 0.4.1 → 0.4.2
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.
- package/dist/cjs/geotrek-rando-widget.cjs.js +1 -1
- package/dist/cjs/geotrek-rando-widget.cjs.js.br +0 -0
- package/dist/cjs/geotrek-rando-widget.cjs.js.gz +0 -0
- package/dist/cjs/grw-app.cjs.entry.js +7 -5
- package/dist/cjs/grw-app.cjs.entry.js.br +0 -0
- package/dist/cjs/grw-app.cjs.entry.js.gz +0 -0
- package/dist/cjs/grw-app.cjs.entry.js.map +1 -1
- package/dist/cjs/{grw-filters_11.cjs.entry.js → grw-filters_12.cjs.entry.js} +56 -5
- package/dist/cjs/grw-filters_12.cjs.entry.js.br +0 -0
- package/dist/cjs/{grw-filters_11.cjs.entry.js.gz → grw-filters_12.cjs.entry.js.gz} +0 -0
- package/dist/cjs/grw-filters_12.cjs.entry.js.map +1 -0
- package/dist/cjs/grw-information-desk_6.cjs.entry.js +1 -1
- package/dist/cjs/grw-information-desk_6.cjs.entry.js.br +0 -0
- package/dist/cjs/grw-information-desk_6.cjs.entry.js.gz +0 -0
- package/dist/cjs/grw-information-desk_6.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js.br +0 -0
- package/dist/cjs/loader.cjs.js.gz +0 -0
- package/dist/collection/components/grw-app/grw-app.css +6 -5
- package/dist/collection/components/grw-app/grw-app.css.br +0 -0
- package/dist/collection/components/grw-app/grw-app.css.gz +0 -0
- package/dist/collection/components/grw-app/grw-app.js +6 -4
- package/dist/collection/components/grw-app/grw-app.js.br +0 -0
- package/dist/collection/components/grw-app/grw-app.js.gz +0 -0
- package/dist/collection/components/grw-app/grw-app.js.map +1 -1
- package/dist/collection/components/grw-touristic-content/grw-touristic-content-card.js +1 -1
- package/dist/collection/components/grw-touristic-content/grw-touristic-content-card.js.br +0 -0
- package/dist/collection/components/grw-touristic-content/grw-touristic-content-card.js.gz +0 -0
- package/dist/collection/components/grw-touristic-content/grw-touristic-content-card.js.map +1 -1
- package/dist/collection/store/grw-touristic-content-provider.js +1 -1
- package/dist/collection/store/grw-touristic-content-provider.js.br +0 -0
- package/dist/collection/store/grw-touristic-content-provider.js.gz +0 -0
- package/dist/collection/store/grw-touristic-content-provider.js.map +1 -1
- package/dist/collection/store/grw-touristic-contents-provider.js +1 -2
- package/dist/collection/store/grw-touristic-contents-provider.js.br +0 -0
- package/dist/collection/store/grw-touristic-contents-provider.js.gz +0 -0
- package/dist/collection/store/grw-touristic-contents-provider.js.map +1 -1
- package/dist/collection/store/grw-treks-provider.js +1 -2
- package/dist/collection/store/grw-treks-provider.js.br +0 -0
- package/dist/collection/store/grw-treks-provider.js.gz +0 -0
- package/dist/collection/store/grw-treks-provider.js.map +1 -1
- package/dist/esm/geotrek-rando-widget.js +1 -1
- package/dist/esm/geotrek-rando-widget.js.br +0 -0
- package/dist/esm/geotrek-rando-widget.js.gz +0 -0
- package/dist/esm/grw-app.entry.js +7 -5
- package/dist/esm/grw-app.entry.js.br +0 -0
- package/dist/esm/grw-app.entry.js.gz +0 -0
- package/dist/esm/grw-app.entry.js.map +1 -1
- package/dist/esm/{grw-filters_11.entry.js → grw-filters_12.entry.js} +56 -6
- package/dist/esm/grw-filters_12.entry.js.br +0 -0
- package/dist/esm/{grw-filters_11.entry.js.gz → grw-filters_12.entry.js.gz} +0 -0
- package/dist/esm/grw-filters_12.entry.js.map +1 -0
- package/dist/esm/grw-information-desk_6.entry.js +1 -1
- package/dist/esm/grw-information-desk_6.entry.js.br +0 -0
- package/dist/esm/grw-information-desk_6.entry.js.gz +0 -0
- package/dist/esm/grw-information-desk_6.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/loader.js.br +0 -0
- package/dist/esm/loader.js.gz +0 -0
- package/dist/esm-es5/geotrek-rando-widget.js +1 -1
- package/dist/esm-es5/geotrek-rando-widget.js.br +0 -0
- package/dist/esm-es5/geotrek-rando-widget.js.gz +0 -0
- package/dist/esm-es5/geotrek-rando-widget.js.map +1 -1
- package/dist/esm-es5/grw-app.entry.js +1 -1
- package/dist/esm-es5/grw-app.entry.js.br +0 -0
- package/dist/esm-es5/grw-app.entry.js.gz +0 -0
- package/dist/esm-es5/grw-app.entry.js.map +1 -1
- package/dist/esm-es5/{grw-filters_11.entry.js → grw-filters_12.entry.js} +2 -2
- package/dist/esm-es5/grw-filters_12.entry.js.br +0 -0
- package/dist/esm-es5/{grw-filters_11.entry.js.gz → grw-filters_12.entry.js.gz} +0 -0
- package/dist/esm-es5/grw-filters_12.entry.js.map +1 -0
- package/dist/esm-es5/grw-information-desk_6.entry.js +1 -1
- package/dist/esm-es5/grw-information-desk_6.entry.js.br +0 -0
- package/dist/esm-es5/grw-information-desk_6.entry.js.gz +0 -0
- package/dist/esm-es5/grw-information-desk_6.entry.js.map +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/loader.js.br +0 -0
- package/dist/esm-es5/loader.js.gz +0 -0
- package/dist/esm-es5/loader.js.map +1 -1
- package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js +1 -1
- package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.br +0 -0
- package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.gz +0 -0
- package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.map +1 -1
- package/dist/geotrek-rando-widget/p-3c32c109.system.entry.js +2 -0
- package/dist/geotrek-rando-widget/p-3c32c109.system.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-3c32c109.system.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-3c32c109.system.entry.js.map +1 -0
- package/dist/geotrek-rando-widget/{p-8d2cad32.system.entry.js → p-638b7451.system.entry.js} +2 -2
- package/dist/geotrek-rando-widget/p-638b7451.system.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/{p-8d2cad32.system.entry.js.gz → p-638b7451.system.entry.js.gz} +0 -0
- package/dist/geotrek-rando-widget/p-638b7451.system.entry.js.map +1 -0
- package/dist/geotrek-rando-widget/{p-ccf92c36.entry.js → p-689557e0.entry.js} +2 -2
- package/dist/geotrek-rando-widget/p-689557e0.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-689557e0.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-689557e0.entry.js.map +1 -0
- package/dist/geotrek-rando-widget/{p-45ef5fe2.entry.js → p-bcd87b5c.entry.js} +2 -2
- package/dist/geotrek-rando-widget/p-bcd87b5c.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/{p-45ef5fe2.entry.js.gz → p-bcd87b5c.entry.js.gz} +0 -0
- package/dist/geotrek-rando-widget/p-bcd87b5c.entry.js.map +1 -0
- package/dist/geotrek-rando-widget/p-cc8a7df2.system.js +1 -1
- package/dist/geotrek-rando-widget/p-cc8a7df2.system.js.br +0 -0
- package/dist/geotrek-rando-widget/p-cc8a7df2.system.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-cc8a7df2.system.js.map +1 -1
- package/dist/geotrek-rando-widget/p-d5584258.entry.js +2 -0
- package/dist/geotrek-rando-widget/p-d5584258.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-d5584258.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-d5584258.entry.js.map +1 -0
- package/dist/geotrek-rando-widget/{p-a2afc234.system.entry.js → p-feeb03a9.system.entry.js} +2 -2
- package/dist/geotrek-rando-widget/p-feeb03a9.system.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/{p-a2afc234.system.entry.js.gz → p-feeb03a9.system.entry.js.gz} +0 -0
- package/dist/geotrek-rando-widget/p-feeb03a9.system.entry.js.map +1 -0
- package/dist/types/components.d.ts +19 -19
- package/package.json +1 -1
- package/dist/cjs/grw-filters_11.cjs.entry.js.br +0 -0
- package/dist/cjs/grw-filters_11.cjs.entry.js.map +0 -1
- package/dist/cjs/grw-touristic-content-card-provider.cjs.entry.js +0 -62
- package/dist/cjs/grw-touristic-content-card-provider.cjs.entry.js.br +0 -0
- package/dist/cjs/grw-touristic-content-card-provider.cjs.entry.js.gz +0 -0
- package/dist/cjs/grw-touristic-content-card-provider.cjs.entry.js.map +0 -1
- package/dist/esm/grw-filters_11.entry.js.br +0 -0
- package/dist/esm/grw-filters_11.entry.js.map +0 -1
- package/dist/esm/grw-touristic-content-card-provider.entry.js +0 -58
- package/dist/esm/grw-touristic-content-card-provider.entry.js.br +0 -0
- package/dist/esm/grw-touristic-content-card-provider.entry.js.gz +0 -0
- package/dist/esm/grw-touristic-content-card-provider.entry.js.map +0 -1
- package/dist/esm-es5/grw-filters_11.entry.js.br +0 -0
- package/dist/esm-es5/grw-filters_11.entry.js.map +0 -1
- package/dist/esm-es5/grw-touristic-content-card-provider.entry.js +0 -2
- package/dist/esm-es5/grw-touristic-content-card-provider.entry.js.br +0 -0
- package/dist/esm-es5/grw-touristic-content-card-provider.entry.js.gz +0 -0
- package/dist/esm-es5/grw-touristic-content-card-provider.entry.js.map +0 -1
- package/dist/geotrek-rando-widget/p-25f721ea.entry.js +0 -2
- package/dist/geotrek-rando-widget/p-25f721ea.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-25f721ea.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-25f721ea.entry.js.map +0 -1
- package/dist/geotrek-rando-widget/p-45ef5fe2.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-45ef5fe2.entry.js.map +0 -1
- package/dist/geotrek-rando-widget/p-4c42d37c.system.entry.js +0 -2
- package/dist/geotrek-rando-widget/p-4c42d37c.system.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-4c42d37c.system.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-4c42d37c.system.entry.js.map +0 -1
- package/dist/geotrek-rando-widget/p-6aec743d.system.entry.js +0 -2
- package/dist/geotrek-rando-widget/p-6aec743d.system.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-6aec743d.system.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-6aec743d.system.entry.js.map +0 -1
- package/dist/geotrek-rando-widget/p-779274fa.entry.js +0 -2
- package/dist/geotrek-rando-widget/p-779274fa.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-779274fa.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-779274fa.entry.js.map +0 -1
- package/dist/geotrek-rando-widget/p-8d2cad32.system.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-8d2cad32.system.entry.js.map +0 -1
- package/dist/geotrek-rando-widget/p-a2afc234.system.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-a2afc234.system.entry.js.map +0 -1
- package/dist/geotrek-rando-widget/p-ccf92c36.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-ccf92c36.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-ccf92c36.entry.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["grwInformationDeskCss","GrwInformationDeskDetail","prototype","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","_this","h","Host","photo_url","class","src","loading","name","onClick","translate","postal_code","municipality","street","concat","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","swiperTouristicEvent","swiperTouristicEventRef","prevElTouristicEventRef","nextElTouristicEventRef","paginationElTouristicEventRef","touristicEvent","touristicEventTypes","touristicEventType","touristicEventCardPress","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.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 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.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","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter } 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 @State() displayFullscreen = false;\n\n componentDidLoad() {\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 handleFullscreen() {\n if (this.touristicEvent.attachments && this.touristicEvent.attachments[0] && this.touristicEvent.attachments[0].url) {\n this.swiperTouristicEventRef.requestFullscreen();\n }\n }\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n const touristicEventTypes = state.touristicEventTypes.find(touristicEventType => touristicEventType.id === this.touristicEvent.type);\n return (\n <Host>\n <div class=\"touristic-event-type-img-container\">\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 </div>\n <div class=\"touristic-event-sub-container\">\n <div class=\"touristic-event-type-container\">\n <img src={touristicEventTypes.pictogram} />\n <div class=\"touristic-event-type-name\">{touristicEventTypes.type}</div>\n </div>\n <div class=\"touristic-event-name\">{this.touristicEvent.name}</div>\n </div>\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 </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 = 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 });\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 && (\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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"}
|
|
1
|
+
{"version":3,"names":["grwInformationDeskCss","GrwInformationDeskDetail","prototype","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","_this","h","Host","photo_url","class","src","loading","name","onClick","translate","postal_code","municipality","street","concat","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","swiperTouristicEvent","swiperTouristicEventRef","prevElTouristicEventRef","nextElTouristicEventRef","paginationElTouristicEventRef","touristicEvent","touristicEventTypes","touristicEventType","touristicEventCardPress","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 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.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","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter } 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 @State() displayFullscreen = false;\n\n componentDidLoad() {\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 handleFullscreen() {\n if (this.touristicEvent.attachments && this.touristicEvent.attachments[0] && this.touristicEvent.attachments[0].url) {\n this.swiperTouristicEventRef.requestFullscreen();\n }\n }\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n const touristicEventTypes = state.touristicEventTypes.find(touristicEventType => touristicEventType.id === this.touristicEvent.type);\n return (\n <Host>\n <div class=\"touristic-event-type-img-container\">\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 </div>\n <div class=\"touristic-event-sub-container\">\n <div class=\"touristic-event-type-container\">\n <img src={touristicEventTypes.pictogram} />\n <div class=\"touristic-event-type-name\">{touristicEventTypes.type}</div>\n </div>\n <div class=\"touristic-event-name\">{this.touristicEvent.name}</div>\n </div>\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 </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 = 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 });\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 && (\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/esm-es5/loader.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{C as CSS,p as plt,w as win,a as promiseResolve,b as bootstrapLazy}from"./index-d5cacae4.js";export{s as setNonce}from"./index-d5cacae4.js";var patchEsm=function(){if(!(CSS&&CSS.supports&&CSS.supports("color","var(--c)"))){return import("./css-shim-fa54d62f.js").then((function(){if(plt.$cssShim$=win.__cssshim){return plt.$cssShim$.i()}else{return 0}}))}return promiseResolve()};var defineCustomElements=function(r,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["grw-app",[[0,"grw-app",{appWidth:[1,"app-width"],appHeight:[1,"app-height"],api:[1],languages:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],center:[1],zoom:[2],nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],weather:[4],colorPrimaryApp:[1,"color-primary-app"],colorOnPrimary:[1,"color-on-primary"],colorSurface:[1,"color-surface"],colorOnSurface:[1,"color-on-surface"],colorSurfaceVariant:[1,"color-surface-variant"],colorOnSurfaceVariant:[1,"color-on-surface-variant"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],colorSurfaceContainerHigh:[1,"color-surface-container-high"],colorSurfaceContainerLow:[1,"color-surface-container-low"],fabBackgroundColor:[1,"fab-background-color"],fabColor:[1,"fab-color"],colorTrekLine:[1,"color-trek-line"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],treks:[4],touristicContents:[4,"touristic-contents"],touristicEvents:[4,"touristic-events"],showTrek:[32],showTouristicContent:[32],showTouristicEvent:[32],showHomeMap:[32],showTrekMap:[32],showTouristicContentMap:[32],showTouristicEventMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32],currentTouristicContentId:[32],currentTouristicEventId:[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]],["grw-select-language",[[1,"grw-select-language"]]],["grw-touristic-
|
|
1
|
+
import{C as CSS,p as plt,w as win,a as promiseResolve,b as bootstrapLazy}from"./index-d5cacae4.js";export{s as setNonce}from"./index-d5cacae4.js";var patchEsm=function(){if(!(CSS&&CSS.supports&&CSS.supports("color","var(--c)"))){return import("./css-shim-fa54d62f.js").then((function(){if(plt.$cssShim$=win.__cssshim){return plt.$cssShim$.i()}else{return 0}}))}return promiseResolve()};var defineCustomElements=function(r,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["grw-app",[[0,"grw-app",{appWidth:[1,"app-width"],appHeight:[1,"app-height"],api:[1],languages:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],center:[1],zoom:[2],nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],weather:[4],colorPrimaryApp:[1,"color-primary-app"],colorOnPrimary:[1,"color-on-primary"],colorSurface:[1,"color-surface"],colorOnSurface:[1,"color-on-surface"],colorSurfaceVariant:[1,"color-surface-variant"],colorOnSurfaceVariant:[1,"color-on-surface-variant"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],colorSurfaceContainerHigh:[1,"color-surface-container-high"],colorSurfaceContainerLow:[1,"color-surface-container-low"],fabBackgroundColor:[1,"fab-background-color"],fabColor:[1,"fab-color"],colorTrekLine:[1,"color-trek-line"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],treks:[4],touristicContents:[4,"touristic-contents"],touristicEvents:[4,"touristic-events"],showTrek:[32],showTouristicContent:[32],showTouristicEvent:[32],showHomeMap:[32],showTrekMap:[32],showTouristicContentMap:[32],showTouristicEventMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32],currentTouristicContentId:[32],currentTouristicEventId:[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]],["grw-select-language",[[1,"grw-select-language"]]],["grw-touristic-event-card-provider",[[1,"grw-touristic-event-card-provider",{languages:[1],api:[1],touristicEventId:[1,"touristic-event-id"]}]]],["grw-filter",[[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterPlaceholder:[1,"filter-placeholder"],filterNameProperty:[1,"filter-name-property"],segment:[1]},[[8,"resetFilter","onResetFilter"]]]]],["grw-information-desk_6",[[1,"grw-information-desk",{informationDesk:[16],displayShortDescription:[32]}],[1,"grw-poi",{poi:[16],displayShortDescription:[32],displayFullscreen:[32]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}],[1,"grw-touristic-event-card",{touristicEvent:[16],displayFullscreen:[32]}],[1,"grw-touristic-content-card",{touristicContent:[16],isLargeView:[4,"is-large-view"],isInsideHorizontalList:[4,"is-inside-horizontal-list"],displayFullscreen:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-trek-card",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isStep:[4,"is-step"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],departureCity:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["grw-filters_12",[[1,"grw-trek-detail",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],weather:[4],isLargeView:[4,"is-large-view"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],labels:[32],sources:[32],accessibilities:[32],accessibilityLevel:[32],displayFullscreen:[32],cities:[32],options:[32]}],[1,"grw-filters",{handleFilters:[16],selectedSegment:[32]}],[1,"grw-touristic-contents-list",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],touristicContentsToDisplay:[32]}],[1,"grw-treks-list",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],treksToDisplay:[32]}],[1,"grw-map",{nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],center:[1],zoom:[2],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorBackground:[1,"color-background"],colorTrekLine:[1,"color-trek-line"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isLargeView:[4,"is-large-view"],mapIsReady:[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"touristicEventsIsInViewport","touristicEventsIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","onCardTrekMouseLeave"],[8,"cardTouristicContentMouseOver","onTouristicContentMouseOver"],[8,"cardTouristicContentMouseLeave","onTouristicContentMouseLeave"]]],[1,"grw-search"],[1,"grw-touristic-content-detail",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],isLargeView:[4,"is-large-view"],displayFullscreen:[32]}],[1,"grw-touristic-content-provider",{languages:[1],api:[1],touristicContentId:[1,"touristic-content-id"]}],[1,"grw-touristic-contents-provider",{languages:[1],api:[1],touristicContentId:[1,"touristic-content-id"],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1]}],[1,"grw-touristic-event-detail",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],isLargeView:[4,"is-large-view"],displayFullscreen:[32]}],[1,"grw-trek-provider",{languages:[1],api:[1],trekId:[1,"trek-id"]}],[1,"grw-treks-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1]}]]]],o)}))};export{defineCustomElements};
|
|
2
2
|
//# sourceMappingURL=loader.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchEsm","CSS","supports","import","then","plt","$cssShim$","win","__cssshim","i","promiseResolve","defineCustomElements","options","window","Promise","resolve","bootstrapLazy","appWidth","appHeight","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","center","zoom","nameLayer","urlLayer","attributionLayer","weather","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","treks","touristicContents","touristicEvents","showTrek","showTouristicContent","showTouristicEvent","showHomeMap","showTrekMap","showTouristicContentMap","showTouristicEventMap","showFilters","isLargeView","currentTrekId","currentTouristicContentId","currentTouristicEventId","
|
|
1
|
+
{"version":3,"names":["patchEsm","CSS","supports","import","then","plt","$cssShim$","win","__cssshim","i","promiseResolve","defineCustomElements","options","window","Promise","resolve","bootstrapLazy","appWidth","appHeight","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","center","zoom","nameLayer","urlLayer","attributionLayer","weather","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","treks","touristicContents","touristicEvents","showTrek","showTouristicContent","showTouristicEvent","showHomeMap","showTrekMap","showTouristicContentMap","showTouristicEventMap","showFilters","isLargeView","currentTrekId","currentTouristicContentId","currentTouristicEventId","touristicEventId","filterType","filterName","filterPlaceholder","filterNameProperty","segment","informationDesk","displayShortDescription","poi","displayFullscreen","sensitiveArea","touristicEvent","touristicContent","isInsideHorizontalList","trek","resetStoreOnDisconnected","isStep","currentTrek","difficulty","route","practice","departureCity","labels","sources","accessibilities","accessibilityLevel","handleFilters","selectedSegment","touristicContentsToDisplay","treksToDisplay","mapIsReady","touristicContentId","trekId"],"sources":["node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Esm v3.4.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n // NOTE!! This fn cannot use async/await!\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n // @ts-ignore\n if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n if ((plt.$cssShim$ = win.__cssshim)) {\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n return plt.$cssShim$.i();\n }\n else {\n // for better minification\n return 0;\n }\n });\n }\n return promiseResolve();\n};\nexport { patchEsm };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n if (typeof window === 'undefined') return Promise.resolve();\n return patchEsm().then(() => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n });\n};\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as r,w as o,d as e,N as n,a as i,b as t}from"./p-0c07a3f0.js";export{s as setNonce}from"./p-0c07a3f0.js";function c(r){var o,e,n;return(n=(e=(o=r.head)===null||o===void 0?void 0:o.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&n!==void 0?n:undefined}const a=r=>`__sc_import_${r.replace(/\s|-/g,"_")}`;const l=()=>{{r.o=o.__cssshim}const t=Array.from(e.querySelectorAll("script")).find((r=>new RegExp(`/${n}(\\.esm)?\\.js($|\\?|#)`).test(r.src)||r.getAttribute("data-stencil-namespace")===n));const c=(t||{})["data-opts"]||{};if("onbeforeload"in t&&!history.scrollRestoration){return{then(){}}}{c.resourcesUrl=new URL(".",new URL(t.getAttribute("data-resources-url")||t.src,o.location.href)).href;{p(c.resourcesUrl,t)}if(!o.customElements){return __sc_import_geotrek_rando_widget("./p-00cfef9b.js").then((()=>c))}}return i(c)};const p=(i,t)=>{const s=a(n);try{o[s]=new Function("w",`return import(w);//${Math.random()}`)}catch(l){const n=new Map;o[s]=a=>{var l;const p=new URL(a,i).href;let u=n.get(p);if(!u){const i=e.createElement("script");i.type="module";i.crossOrigin=t.crossOrigin;i.src=URL.createObjectURL(new Blob([`import * as m from '${p}'; window.${s}.m = m;`],{type:"application/javascript"}));const a=(l=r.i)!==null&&l!==void 0?l:c(e);if(a!=null){i.setAttribute("nonce",a)}u=new Promise((r=>{i.onload=()=>{r(o[s].m);i.remove()}}));n.set(p,u);e.head.appendChild(i)}return u}}};l().then((r=>t([["p-
|
|
1
|
+
import{p as r,w as o,d as e,N as n,a as i,b as t}from"./p-0c07a3f0.js";export{s as setNonce}from"./p-0c07a3f0.js";function c(r){var o,e,n;return(n=(e=(o=r.head)===null||o===void 0?void 0:o.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&n!==void 0?n:undefined}const a=r=>`__sc_import_${r.replace(/\s|-/g,"_")}`;const l=()=>{{r.o=o.__cssshim}const t=Array.from(e.querySelectorAll("script")).find((r=>new RegExp(`/${n}(\\.esm)?\\.js($|\\?|#)`).test(r.src)||r.getAttribute("data-stencil-namespace")===n));const c=(t||{})["data-opts"]||{};if("onbeforeload"in t&&!history.scrollRestoration){return{then(){}}}{c.resourcesUrl=new URL(".",new URL(t.getAttribute("data-resources-url")||t.src,o.location.href)).href;{p(c.resourcesUrl,t)}if(!o.customElements){return __sc_import_geotrek_rando_widget("./p-00cfef9b.js").then((()=>c))}}return i(c)};const p=(i,t)=>{const s=a(n);try{o[s]=new Function("w",`return import(w);//${Math.random()}`)}catch(l){const n=new Map;o[s]=a=>{var l;const p=new URL(a,i).href;let u=n.get(p);if(!u){const i=e.createElement("script");i.type="module";i.crossOrigin=t.crossOrigin;i.src=URL.createObjectURL(new Blob([`import * as m from '${p}'; window.${s}.m = m;`],{type:"application/javascript"}));const a=(l=r.i)!==null&&l!==void 0?l:c(e);if(a!=null){i.setAttribute("nonce",a)}u=new Promise((r=>{i.onload=()=>{r(o[s].m);i.remove()}}));n.set(p,u);e.head.appendChild(i)}return u}}};l().then((r=>t([["p-d5584258",[[0,"grw-app",{appWidth:[1,"app-width"],appHeight:[1,"app-height"],api:[1],languages:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],center:[1],zoom:[2],nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],weather:[4],colorPrimaryApp:[1,"color-primary-app"],colorOnPrimary:[1,"color-on-primary"],colorSurface:[1,"color-surface"],colorOnSurface:[1,"color-on-surface"],colorSurfaceVariant:[1,"color-surface-variant"],colorOnSurfaceVariant:[1,"color-on-surface-variant"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],colorSurfaceContainerHigh:[1,"color-surface-container-high"],colorSurfaceContainerLow:[1,"color-surface-container-low"],fabBackgroundColor:[1,"fab-background-color"],fabColor:[1,"fab-color"],colorTrekLine:[1,"color-trek-line"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],treks:[4],touristicContents:[4,"touristic-contents"],touristicEvents:[4,"touristic-events"],showTrek:[32],showTouristicContent:[32],showTouristicEvent:[32],showHomeMap:[32],showTrekMap:[32],showTouristicContentMap:[32],showTouristicEventMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32],currentTouristicContentId:[32],currentTouristicEventId:[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]],["p-1a0c7f72",[[1,"grw-select-language"]]],["p-7ce01b3c",[[1,"grw-touristic-event-card-provider",{languages:[1],api:[1],touristicEventId:[1,"touristic-event-id"]}]]],["p-fccc2cf2",[[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterPlaceholder:[1,"filter-placeholder"],filterNameProperty:[1,"filter-name-property"],segment:[1]},[[8,"resetFilter","onResetFilter"]]]]],["p-689557e0",[[1,"grw-information-desk",{informationDesk:[16],displayShortDescription:[32]}],[1,"grw-poi",{poi:[16],displayShortDescription:[32],displayFullscreen:[32]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}],[1,"grw-touristic-event-card",{touristicEvent:[16],displayFullscreen:[32]}],[1,"grw-touristic-content-card",{touristicContent:[16],isLargeView:[4,"is-large-view"],isInsideHorizontalList:[4,"is-inside-horizontal-list"],displayFullscreen:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-trek-card",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isStep:[4,"is-step"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],departureCity:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-bcd87b5c",[[1,"grw-trek-detail",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],weather:[4],isLargeView:[4,"is-large-view"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],labels:[32],sources:[32],accessibilities:[32],accessibilityLevel:[32],displayFullscreen:[32],cities:[32],options:[32]}],[1,"grw-filters",{handleFilters:[16],selectedSegment:[32]}],[1,"grw-touristic-contents-list",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],touristicContentsToDisplay:[32]}],[1,"grw-treks-list",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],treksToDisplay:[32]}],[1,"grw-map",{nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],center:[1],zoom:[2],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorBackground:[1,"color-background"],colorTrekLine:[1,"color-trek-line"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isLargeView:[4,"is-large-view"],mapIsReady:[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"touristicEventsIsInViewport","touristicEventsIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","onCardTrekMouseLeave"],[8,"cardTouristicContentMouseOver","onTouristicContentMouseOver"],[8,"cardTouristicContentMouseLeave","onTouristicContentMouseLeave"]]],[1,"grw-search"],[1,"grw-touristic-content-detail",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],isLargeView:[4,"is-large-view"],displayFullscreen:[32]}],[1,"grw-touristic-content-provider",{languages:[1],api:[1],touristicContentId:[1,"touristic-content-id"]}],[1,"grw-touristic-contents-provider",{languages:[1],api:[1],touristicContentId:[1,"touristic-content-id"],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1]}],[1,"grw-touristic-event-detail",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],isLargeView:[4,"is-large-view"],displayFullscreen:[32]}],[1,"grw-trek-provider",{languages:[1],api:[1],trekId:[1,"trek-id"]}],[1,"grw-treks-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1]}]]]],r)));
|
|
2
2
|
//# sourceMappingURL=geotrek-rando-widget.esm.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["queryNonceMetaTagContent","doc","_a","_b","_c","head","querySelector","getAttribute","undefined","getDynamicImportFunction","namespace","replace","patchBrowser","plt","$cssShim$","win","__cssshim","scriptElm","Array","from","querySelectorAll","find","s","RegExp","NAMESPACE","test","src","opts","history","scrollRestoration","then","resourcesUrl","URL","location","href","patchDynamicImport","customElements","__sc_import_geotrek_rando_widget","promiseResolve","base","orgScriptElm","importFunctionName","Function","Math","random","e","moduleMap","Map","url","mod","get","script","createElement","type","crossOrigin","createObjectURL","Blob","nonce","$nonce$","setAttribute","Promise","resolve","onload","m","remove","set","appendChild","options","bootstrapLazy","appWidth","appHeight","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","center","zoom","nameLayer","urlLayer","attributionLayer","weather","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","treks","touristicContents","touristicEvents","showTrek","showTouristicContent","showTouristicEvent","showHomeMap","showTrekMap","showTouristicContentMap","showTouristicEventMap","showFilters","isLargeView","currentTrekId","currentTouristicContentId","currentTouristicEventId","touristicContentId","touristicEventId","filterType","filterName","filterPlaceholder","filterNameProperty","segment","informationDesk","displayShortDescription","poi","displayFullscreen","sensitiveArea","touristicEvent","touristicContent","isInsideHorizontalList","trek","resetStoreOnDisconnected","isStep","currentTrek","difficulty","route","practice","departureCity","labels","sources","accessibilities","accessibilityLevel","handleFilters","selectedSegment","touristicContentsToDisplay","treksToDisplay","mapIsReady","trekId"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n var _a, _b, _c;\n return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n if (BUILD.cssVarShim) {\n // shim css vars\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = \n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n /* promise noop */\n },\n };\n }\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n }\n else if (BUILD.dynamicImportShim || BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n var _a;\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n // Apply CSP nonce to the script tag if it exists\n const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n if (nonce != null) {\n script.setAttribute('nonce', nonce);\n }\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["queryNonceMetaTagContent","doc","_a","_b","_c","head","querySelector","getAttribute","undefined","getDynamicImportFunction","namespace","replace","patchBrowser","plt","$cssShim$","win","__cssshim","scriptElm","Array","from","querySelectorAll","find","s","RegExp","NAMESPACE","test","src","opts","history","scrollRestoration","then","resourcesUrl","URL","location","href","patchDynamicImport","customElements","__sc_import_geotrek_rando_widget","promiseResolve","base","orgScriptElm","importFunctionName","Function","Math","random","e","moduleMap","Map","url","mod","get","script","createElement","type","crossOrigin","createObjectURL","Blob","nonce","$nonce$","setAttribute","Promise","resolve","onload","m","remove","set","appendChild","options","bootstrapLazy","appWidth","appHeight","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","center","zoom","nameLayer","urlLayer","attributionLayer","weather","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","treks","touristicContents","touristicEvents","showTrek","showTouristicContent","showTouristicEvent","showHomeMap","showTrekMap","showTouristicContentMap","showTouristicEventMap","showFilters","isLargeView","currentTrekId","currentTouristicContentId","currentTouristicEventId","touristicEventId","filterType","filterName","filterPlaceholder","filterNameProperty","segment","informationDesk","displayShortDescription","poi","displayFullscreen","sensitiveArea","touristicEvent","touristicContent","isInsideHorizontalList","trek","resetStoreOnDisconnected","isStep","currentTrek","difficulty","route","practice","departureCity","labels","sources","accessibilities","accessibilityLevel","handleFilters","selectedSegment","touristicContentsToDisplay","treksToDisplay","mapIsReady","touristicContentId","trekId"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n var _a, _b, _c;\n return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n if (BUILD.cssVarShim) {\n // shim css vars\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = \n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n /* promise noop */\n },\n };\n }\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n }\n else if (BUILD.dynamicImportShim || BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n var _a;\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n // Apply CSP nonce to the script tag if it exists\n const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n if (nonce != null) {\n script.setAttribute('nonce', nonce);\n }\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
|