@geotrekce/geotrek-rando-widget 0.3.6 → 0.4.0

package/dist/geotrek-rando-widget/p-d2da9a2e.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["grwInformationDeskCss","GrwInformationDeskDetail","exports","class_1","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","class_2","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","class_3","sensitiveArea","practices","sensitiveAreaPractice","index","practice","statePractice","toUpperCase","period","month","Date","toLocaleDateString","slice","contact","grwTouristicContentCss","GrwTouristicContent","class_4","swiperTouristicContent","swiperTouristicContentRef","prevElTouristicContentRef","nextElTouristicContentRef","paginationElTouristicContentRef","touristicContent","touristicContentCategory","touristicContentCategories","category","label","grwTrekCardCss","GrwTrekCard","class_5","connectedCallback","currentTrek","trek","difficulty","difficulties","route","routes","themes","theme","includes","departureCity","cities","city","departure_city","onChange","disconnectedCallback","resetStoreOnDisconnected","reset","handleMouseOver","cardTrekMouseOver","handleMouseLeave","cardTrekMouseLeave","style","width","isLargeView","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.scss?tag=grw-touristic-content&encapsulation=shadow","src/components/grw-touristic-content/grw-touristic-content.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 ? ' -&nbsp;' : ''}`}></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) ? ' -&nbsp;' : ''\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  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-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","import { Build, Component, Host, Prop, State, getAssetPath, h } 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',\n  styleUrl: 'grw-touristic-content.scss',\n  shadow: true,\n})\nexport class GrwTouristicContent {\n  swiperTouristicContent?: Swiper;\n  swiperTouristicContentRef?: HTMLDivElement;\n  prevElTouristicContentRef?: HTMLDivElement;\n  nextElTouristicContentRef?: HTMLDivElement;\n  paginationElTouristicContentRef?: HTMLDivElement;\n  @Prop() touristicContent: TouristicContent;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\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  handleFullscreen() {\n    if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n      this.swiperTouristicContentRef.requestFullscreen();\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        <div class=\"touristic-content-type-img-container\">\n          {/* <img class=\"touristic-content-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} /> */}\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        </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      </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  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/geotrek-rando-widget/p-e653caed.js

@@ -1,2 +0,0 @@
-const e={fr:{filter:"Filtrer",practice:"Pratique",difficulty:"Difficulté",duration:"Durée",length:"Longueur",treks:"randonnées",trek:"randonnée",showList:"Voir la liste",showMap:"Voir la carte",showRoute:"Voir l'itinéraire",showDetails:"Voir la fiche",downloads:"Téléchargements",description:"Description",departure:"Départ",arrival:"Arrivée",elevationProfile:"Profil altimétrique",roadAccess:"Accès routier",transport:"Transport",recommendations:"Recommandations",recommendedParking:"Parking conseillé",equipments:"Équipements",environmentalSensitiveAreas:"Zones de sensibilité environnementale",informationPlaces:"Lieux de renseignement",accessibility:"Accessibilité",accessibilityLevel:"Niveau d'accessibilité",accessibilitySlope:"Pente",accessibilityWidth:"Largeur",accessibilitySignage:"Signalisation",accessibilityCovering:"Revêtement",accessibilityExposure:"Exposition",accessibilityAdvices:"Conseils",pois:e=>`Les ${e} patrimoines à découvrir`,touristicContents:e=>`À proximité (${e})`,sources:"Sources",cities:"Communes traversées",options:{presentation:"Présentation",description:"Description",recommendations:"Recommandations",environmentalSensitiveAreas:"Zones sensibles",informationPlaces:"Lieux d'informations",pois:"Patrimoines",steps:"Étapes",touristicContents:"À proximité"},layers:{pointsReference:"Points de référence",parking:"Parking conseillé",sensitiveArea:"Zones de sensibilité environnementale",informationPlaces:"Lieux de renseignement",pois:"Patrimoines",steps:"Étapes",touristicContents:"À proximité"},themes:"Thèmes",routes:"Type de parcours",elevation:"Denivelé positif",activities:"Activités",districts:"Secteurs",erase:"Effacer",ok:"Ok",location:"Localisation",steps:"étapes"},en:{filter:"Filter",practice:"Practice",difficulty:"Difficulty",duration:"Duration",length:"Length",treks:"Hikes",trek:"Hike",showList:"Show the list",showMap:"Show the map",showRoute:"Show the route",showDetails:"Show the details",downloads:"Downloads",description:"Description",departure:"Departure",arrival:"Arrival",elevationProfile:"Elevation profile",roadAccess:"Road acess",transport:"Transport",recommendations:"Recommendations",recommendedParking:"Parking recommended",equipments:"Equipements",environmentalSensitiveAreas:"Areas of environmental sensitivity",informationPlaces:"Information places",accessibility:"Accessibility",accessibilityLevel:"Accessibility level",accessibilitySlope:"Slope",accessibilityWidth:"Width",accessibilitySignage:"Signage",accessibilityCovering:"Covering",accessibilityExposure:"Exposure",accessibilityAdvices:"Advices",pois:e=>`${e} points of interest`,touristicContents:e=>`Near (${e})`,sources:"Sources",cities:"Cities crossed",options:{presentation:"Presentation",description:"Description",recommendations:"Recommendations",environmentalSensitiveAreas:"Sensitive areas",informationPlaces:"Information places",pois:"Points of interest",steps:"Steps",touristicContents:"Near"},layers:{pointsReference:"Reference points",parking:"Parking",sensitiveArea:"Sensitive areas",informationPlaces:"Information places",pois:"Points of interest",steps:"Steps",touristicContents:"Near"},themes:"Themes",routes:"Type of course",elevation:"Positive elevation",activities:"Activities",districts:"Districts",erase:"Erase",ok:"Ok",location:"Location",steps:"steps"}};export{e as t};
-//# sourceMappingURL=p-e653caed.js.map

package/dist/geotrek-rando-widget/p-e653caed.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["translate","fr","filter","practice","difficulty","duration","length","treks","trek","showList","showMap","showRoute","showDetails","downloads","description","departure","arrival","elevationProfile","roadAccess","transport","recommendations","recommendedParking","equipments","environmentalSensitiveAreas","informationPlaces","accessibility","accessibilityLevel","accessibilitySlope","accessibilityWidth","accessibilitySignage","accessibilityCovering","accessibilityExposure","accessibilityAdvices","pois","poisLength","touristicContents","touristicContentsLength","sources","cities","options","presentation","steps","layers","pointsReference","parking","sensitiveArea","themes","routes","elevation","activities","districts","erase","ok","location","en"],"sources":["./src/i18n/i18n.ts"],"sourcesContent":["interface Translation {\n  filter: string;\n  practice: string;\n  difficulty: string;\n  duration: string;\n  length: string;\n  treks: string;\n  trek: string;\n  showList: string;\n  showMap: string;\n  showRoute: string;\n  showDetails: string;\n  downloads: string;\n  description: string;\n  departure: string;\n  arrival: string;\n  elevationProfile: string;\n  roadAccess: string;\n  transport: string;\n  recommendations: string;\n  recommendedParking: string;\n  equipments: string;\n  environmentalSensitiveAreas: string;\n  informationPlaces: string;\n  accessibility: string;\n  accessibilityLevel: string;\n  accessibilitySlope: string;\n  accessibilityWidth: string;\n  accessibilitySignage: string;\n  accessibilityCovering: string;\n  accessibilityExposure: string;\n  accessibilityAdvices: string;\n  pois: Function;\n  touristicContents: Function;\n  sources: string;\n  cities: string;\n  options: {\n    presentation: string;\n    description: string;\n    recommendations: string;\n    environmentalSensitiveAreas: string;\n    informationPlaces: string;\n    pois: string;\n    steps: string;\n    touristicContents: string;\n  };\n  layers: {\n    pointsReference: string;\n    parking: string;\n    sensitiveArea: string;\n    informationPlaces: string;\n    pois: string;\n    steps: string;\n    touristicContents: string;\n  };\n  themes: string;\n  routes: string;\n  elevation: string;\n  activities: string;\n  districts: string;\n  erase: string;\n  ok: string;\n  location: string;\n  steps: string;\n}\n\ninterface AvailableTranslations {\n  fr: Translation;\n  en: Translation;\n}\n\nexport const translate: AvailableTranslations = {\n  fr: {\n    filter: 'Filtrer',\n    practice: 'Pratique',\n    difficulty: 'Difficulté',\n    duration: 'Durée',\n    length: 'Longueur',\n    treks: 'randonnées',\n    trek: 'randonnée',\n    showList: 'Voir la liste',\n    showMap: 'Voir la carte',\n    showRoute: \"Voir l'itinéraire\",\n    showDetails: 'Voir la fiche',\n    downloads: 'Téléchargements',\n    description: 'Description',\n    departure: 'Départ',\n    arrival: 'Arrivée',\n    elevationProfile: 'Profil altimétrique',\n    roadAccess: 'Accès routier',\n    transport: 'Transport',\n    recommendations: 'Recommandations',\n    recommendedParking: 'Parking conseillé',\n    equipments: 'Équipements',\n    environmentalSensitiveAreas: 'Zones de sensibilité environnementale',\n    informationPlaces: 'Lieux de renseignement',\n    accessibility: 'Accessibilité',\n    accessibilityLevel: \"Niveau d'accessibilité\",\n    accessibilitySlope: 'Pente',\n    accessibilityWidth: 'Largeur',\n    accessibilitySignage: 'Signalisation',\n    accessibilityCovering: 'Revêtement',\n    accessibilityExposure: 'Exposition',\n    accessibilityAdvices: 'Conseils',\n    pois: (poisLength: number) => `Les ${poisLength} patrimoines à découvrir`,\n    touristicContents: (touristicContentsLength: number) => `À proximité (${touristicContentsLength})`,\n    sources: 'Sources',\n    cities: 'Communes traversées',\n    options: {\n      presentation: 'Présentation',\n      description: 'Description',\n      recommendations: 'Recommandations',\n      environmentalSensitiveAreas: 'Zones sensibles',\n      informationPlaces: \"Lieux d'informations\",\n      pois: 'Patrimoines',\n      steps: 'Étapes',\n      touristicContents: 'À proximité',\n    },\n    layers: {\n      pointsReference: 'Points de référence',\n      parking: 'Parking conseillé',\n      sensitiveArea: 'Zones de sensibilité environnementale',\n      informationPlaces: 'Lieux de renseignement',\n      pois: 'Patrimoines',\n      steps: 'Étapes',\n      touristicContents: 'À proximité',\n    },\n    themes: 'Thèmes',\n    routes: 'Type de parcours',\n    elevation: 'Denivelé positif',\n    activities: 'Activités',\n    districts: 'Secteurs',\n    erase: 'Effacer',\n    ok: 'Ok',\n    location: 'Localisation',\n    steps: 'étapes',\n  },\n  en: {\n    filter: 'Filter',\n    practice: 'Practice',\n    difficulty: 'Difficulty',\n    duration: 'Duration',\n    length: 'Length',\n    treks: 'Hikes',\n    trek: 'Hike',\n    showList: 'Show the list',\n    showMap: 'Show the map',\n    showRoute: 'Show the route',\n    showDetails: 'Show the details',\n    downloads: 'Downloads',\n    description: 'Description',\n    departure: 'Departure',\n    arrival: 'Arrival',\n    elevationProfile: 'Elevation profile',\n    roadAccess: 'Road acess',\n    transport: 'Transport',\n    recommendations: 'Recommendations',\n    recommendedParking: 'Parking recommended',\n    equipments: 'Equipements',\n    environmentalSensitiveAreas: 'Areas of environmental sensitivity',\n    informationPlaces: 'Information places',\n    accessibility: 'Accessibility',\n    accessibilityLevel: 'Accessibility level',\n    accessibilitySlope: 'Slope',\n    accessibilityWidth: 'Width',\n    accessibilitySignage: 'Signage',\n    accessibilityCovering: 'Covering',\n    accessibilityExposure: 'Exposure',\n    accessibilityAdvices: 'Advices',\n    pois: (poisLength: number) => `${poisLength} points of interest`,\n    touristicContents: (touristicContentsLength: number) => `Near (${touristicContentsLength})`,\n    sources: 'Sources',\n    cities: 'Cities crossed',\n    options: {\n      presentation: 'Presentation',\n      description: 'Description',\n      recommendations: 'Recommendations',\n      environmentalSensitiveAreas: 'Sensitive areas',\n      informationPlaces: 'Information places',\n      pois: 'Points of interest',\n      steps: 'Steps',\n      touristicContents: 'Near',\n    },\n    layers: {\n      pointsReference: 'Reference points',\n      parking: 'Parking',\n      sensitiveArea: 'Sensitive areas',\n      informationPlaces: 'Information places',\n      pois: 'Points of interest',\n      steps: 'Steps',\n      touristicContents: 'Near',\n    },\n    themes: 'Themes',\n    routes: 'Type of course',\n    elevation: 'Positive elevation',\n    activities: 'Activities',\n    districts: 'Districts',\n    erase: 'Erase',\n    ok: 'Ok',\n    location: 'Location',\n    steps: 'steps',\n  },\n};\n"],"mappings":"MAuEaA,EAAmC,CAC9CC,GAAI,CACFC,OAAQ,UACRC,SAAU,WACVC,WAAY,aACZC,SAAU,QACVC,OAAQ,WACRC,MAAO,aACPC,KAAM,YACNC,SAAU,gBACVC,QAAS,gBACTC,UAAW,oBACXC,YAAa,gBACbC,UAAW,kBACXC,YAAa,cACbC,UAAW,SACXC,QAAS,UACTC,iBAAkB,sBAClBC,WAAY,gBACZC,UAAW,YACXC,gBAAiB,kBACjBC,mBAAoB,oBACpBC,WAAY,cACZC,4BAA6B,wCAC7BC,kBAAmB,yBACnBC,cAAe,gBACfC,mBAAoB,yBACpBC,mBAAoB,QACpBC,mBAAoB,UACpBC,qBAAsB,gBACtBC,sBAAuB,aACvBC,sBAAuB,aACvBC,qBAAsB,WACtBC,KAAOC,GAAuB,OAAOA,4BACrCC,kBAAoBC,GAAoC,gBAAgBA,KACxEC,QAAS,UACTC,OAAQ,sBACRC,QAAS,CACPC,aAAc,eACd1B,YAAa,cACbM,gBAAiB,kBACjBG,4BAA6B,kBAC7BC,kBAAmB,uBACnBS,KAAM,cACNQ,MAAO,SACPN,kBAAmB,eAErBO,OAAQ,CACNC,gBAAiB,sBACjBC,QAAS,oBACTC,cAAe,wCACfrB,kBAAmB,yBACnBS,KAAM,cACNQ,MAAO,SACPN,kBAAmB,eAErBW,OAAQ,SACRC,OAAQ,mBACRC,UAAW,mBACXC,WAAY,YACZC,UAAW,WACXC,MAAO,UACPC,GAAI,KACJC,SAAU,eACVZ,MAAO,UAETa,GAAI,CACFpD,OAAQ,SACRC,SAAU,WACVC,WAAY,aACZC,SAAU,WACVC,OAAQ,SACRC,MAAO,QACPC,KAAM,OACNC,SAAU,gBACVC,QAAS,eACTC,UAAW,iBACXC,YAAa,mBACbC,UAAW,YACXC,YAAa,cACbC,UAAW,YACXC,QAAS,UACTC,iBAAkB,oBAClBC,WAAY,aACZC,UAAW,YACXC,gBAAiB,kBACjBC,mBAAoB,sBACpBC,WAAY,cACZC,4BAA6B,qCAC7BC,kBAAmB,qBACnBC,cAAe,gBACfC,mBAAoB,sBACpBC,mBAAoB,QACpBC,mBAAoB,QACpBC,qBAAsB,UACtBC,sBAAuB,WACvBC,sBAAuB,WACvBC,qBAAsB,UACtBC,KAAOC,GAAuB,GAAGA,uBACjCC,kBAAoBC,GAAoC,SAASA,KACjEC,QAAS,UACTC,OAAQ,iBACRC,QAAS,CACPC,aAAc,eACd1B,YAAa,cACbM,gBAAiB,kBACjBG,4BAA6B,kBAC7BC,kBAAmB,qBACnBS,KAAM,qBACNQ,MAAO,QACPN,kBAAmB,QAErBO,OAAQ,CACNC,gBAAiB,mBACjBC,QAAS,UACTC,cAAe,kBACfrB,kBAAmB,qBACnBS,KAAM,qBACNQ,MAAO,QACPN,kBAAmB,QAErBW,OAAQ,SACRC,OAAQ,iBACRC,UAAW,qBACXC,WAAY,aACZC,UAAW,YACXC,MAAO,QACPC,GAAI,KACJC,SAAU,WACVZ,MAAO,iB"}