@geotrekce/geotrek-rando-widget 0.0.21 → 0.2.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["grwInformationDeskDetailCss","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","postal_code","municipality","street","concat","phone","href","email","website","description","innerHTML","grwPoiDetailCss","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"],"sources":["src/components/grw-information-desk-detail/grw-information-desk-detail.scss?tag=grw-information-desk-detail&encapsulation=shadow","src/components/grw-information-desk-detail/grw-information-desk-detail.tsx","src/components/grw-poi-detail/grw-poi-detail.scss?tag=grw-poi-detail&encapsulation=shadow","src/components/grw-poi-detail/grw-poi-detail.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"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');\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-detail',\n  styleUrl: 'grw-information-desk-detail.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              <span class=\"material-symbols-outlined\">location_searching</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              <span class=\"material-symbols-outlined\">call</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              <span class=\"material-symbols-outlined\">mail</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              <span class=\"material-symbols-outlined\">link</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: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  --swiper-navigation-size: 32px;\n  --swiper-navigation-color: var(--color-primary-app);\n  --swiper-pagination-bullet-size: 12px;\n  a {\n    color: var(--color-primary-app);\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-detail',\n  styleUrl: 'grw-poi-detail.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"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-dbf7dc54.entry.js

@@ -0,0 +1,2 @@
+import{r as e,e as i,h as t,H as r}from"./p-4f746b28.js";import{s as a,o as n,r as o}from"./p-58cf0dd0.js";import{f as s,a as c,b as l}from"./p-2d3ac9a0.js";const d='@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}.trek-card-container,.trek-card-large-view-container{cursor:pointer;font-family:"Roboto";border-radius:12px;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);background-color:var(--color-surface-container-low)}.trek-card-container .image,.trek-card-large-view-container .image{-o-object-fit:cover;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}.trek-card-container .sub-container,.trek-card-large-view-container .sub-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:8px 16px}.trek-card-container .sub-container .name,.trek-card-large-view-container .sub-container .name{color:var(--color-on-surface);font-size:22px;line-height:28px;font-weight:400;margin-bottom:8px}.trek-card-container .sub-container .departure,.trek-card-large-view-container .sub-container .departure{color:var(--color-on-surface);font-size:16px;line-height:24px;font-weight:500;margin-bottom:4px}.trek-card-container .sub-container .themes-container,.trek-card-large-view-container .sub-container .themes-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.trek-card-container .sub-container .themes-container .theme,.trek-card-large-view-container .sub-container .themes-container .theme{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:8px;padding:8px 16px;margin:0px 8px 8px 0px;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:1px solid var(--color-outline);height:32px;gap:8px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:start;vertical-align:middle;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.trek-card-container .sub-container .icons-labels-container,.trek-card-large-view-container .sub-container .icons-labels-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:var(--color-on-surface);font-size:14px;line-height:20px;font-weight:500}.trek-card-container .sub-container .icons-labels-container .row,.trek-card-large-view-container .sub-container .icons-labels-container .row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.trek-card-container .sub-container .icons-labels-container .row:not(:last-child),.trek-card-large-view-container .sub-container .icons-labels-container .row:not(:last-child){margin-bottom:12px}.trek-card-container .sub-container .icons-labels-container .row .icon-label,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:50%}.trek-card-container .sub-container .icons-labels-container .row .icon-label:nth-child(2),.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label:nth-child(2){margin:0px 4px}.trek-card-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-container .sub-container .icons-labels-container .row .icon-label span,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label span{width:24px;height:auto;margin-right:8px}.trek-card-container .sub-container .icons-labels-container .row .practice img,.trek-card-large-view-container .sub-container .icons-labels-container .row .practice img{background-color:var(--color-primary-app)}.trek-card-container{width:350px}.trek-card-container .image{width:100%;max-height:200px}.trek-card-large-view-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.trek-card-large-view-container .image{width:250px}';const h=class{constructor(t){e(this,t);this.trekCardPress=i(this,"trekCardPress",7);this.currentTrek=undefined;this.difficulty=undefined;this.route=undefined;this.practice=undefined;this.themes=undefined;this.departureCity=undefined;this.trek=undefined;this.colorPrimaryApp="#6b0030";this.colorOnSurface="#49454e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorSurfaceContainerLow="#f7f2fa";this.isLargeView=false;this.resetStoreOnDisconnected=true}connectedCallback(){this.currentTrek=this.trek?this.trek:a.currentTrek;if(this.currentTrek){this.difficulty=a.difficulties.find((e=>e.id===this.currentTrek.difficulty));this.route=a.routes.find((e=>e.id===this.currentTrek.route));this.practice=a.practices.find((e=>e.id===this.currentTrek.practice));this.themes=a.themes.filter((e=>this.currentTrek.themes.includes(e.id)));this.departureCity=a.cities.find((e=>e.id===this.currentTrek.departure_city))}n("currentTrek",(()=>{this.currentTrek=this.trek?this.trek:a.currentTrek;if(this.currentTrek){this.difficulty=a.difficulties.find((e=>e.id===this.currentTrek.difficulty));this.route=a.routes.find((e=>e.id===this.currentTrek.route));this.practice=a.practices.find((e=>e.id===this.currentTrek.practice));this.themes=a.themes.filter((e=>this.currentTrek.themes.includes(e.id)));this.departureCity=a.cities.find((e=>e.id===this.currentTrek.departure_city))}}))}disconnectedCallback(){if(this.resetStoreOnDisconnected){o()}}render(){var e,i,a,n,o,d,h;return t(r,{style:{width:this.isLargeView?"100%":"auto","--color-primary-app":this.colorPrimaryApp,"--color-on-surface":this.colorOnSurface,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-surface-container-low":this.colorSurfaceContainerLow}},this.currentTrek&&t("div",{class:this.isLargeView?"trek-card-large-view-container":"trek-card-container",onClick:()=>this.trekCardPress.emit(this.currentTrek.id)},this.currentTrek.attachments.filter((e=>e.type==="image")).length>0&&t("img",{class:"image",src:`${this.currentTrek.attachments.filter((e=>e.type==="image"))[0].thumbnail}`,loading:"lazy"}),t("div",{class:"sub-container"},this.departureCity&&t("div",{class:"departure"},this.departureCity.name),t("div",{class:"name"},(e=this.currentTrek)===null||e===void 0?void 0:e.name),t("div",{class:"themes-container"},this.themes.map((e=>t("div",{class:"theme"},e.label)))),t("div",{class:"icons-labels-container"},t("div",{class:"row"},t("div",{class:"icon-label difficulty"},((i=this.difficulty)===null||i===void 0?void 0:i.pictogram)&&t("img",{src:this.difficulty.pictogram}),(a=this.difficulty)===null||a===void 0?void 0:a.label),t("div",{class:"icon-label duration"},t("span",{class:"material-symbols-outlined"},"timelapse"),s(this.currentTrek.duration))),t("div",{class:"row"},t("div",{class:"icon-label length"},t("span",{class:"material-symbols-outlined"},"open_in_full"),c(this.currentTrek.length_2d)),t("div",{class:"icon-label ascent"},t("span",{class:"material-symbols-outlined"},"moving"),l(this.currentTrek.ascent))),t("div",{class:"row"},t("div",{class:"icon-label route"},((n=this.route)===null||n===void 0?void 0:n.pictogram)&&t("img",{src:this.route.pictogram}),(o=this.route)===null||o===void 0?void 0:o.route),t("div",{class:"icon-label practice"},((d=this.practice)===null||d===void 0?void 0:d.pictogram)&&t("img",{src:this.practice.pictogram}),(h=this.practice)===null||h===void 0?void 0:h.name))))))}};h.style=d;export{h as grw_trek_card};
+//# sourceMappingURL=p-dbf7dc54.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["grwTrekCardCss","GrwTrekCard","connectedCallback","this","currentTrek","trek","state","difficulty","difficulties","find","id","route","routes","practice","practices","themes","filter","theme","includes","departureCity","cities","city","departure_city","onChange","disconnectedCallback","resetStoreOnDisconnected","reset","render","h","Host","style","width","isLargeView","colorPrimaryApp","colorOnSurface","colorSecondaryContainer","colorOnSecondaryContainer","colorSurfaceContainerLow","class","onClick","trekCardPress","emit","attachments","attachment","type","length","src","thumbnail","loading","name","_a","map","label","_b","pictogram","_c","formatDuration","duration","formatLength","length_2d","formatAscent","ascent","_d","_e","_f","_g"],"sources":["./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":["@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');\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      }\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            width: 24px;\n            height: auto;\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.trek-card-container {\n  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","import { Component, Host, h, Prop, Event, EventEmitter, State } 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\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  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 class={this.isLargeView ? 'trek-card-large-view-container' : 'trek-card-container'} onClick={() => this.trekCardPress.emit(this.currentTrek.id)}>\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              <div class=\"themes-container\">\n                {this.themes.map(theme => (\n                  <div class=\"theme\">{theme.label}</div>\n                ))}\n              </div>\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                    <span class=\"material-symbols-outlined\">timelapse</span>\n                    {formatDuration(this.currentTrek.duration)}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"icon-label length\">\n                    <span class=\"material-symbols-outlined\">open_in_full</span>\n                    {formatLength(this.currentTrek.length_2d)}\n                  </div>\n                  <div class=\"icon-label ascent\">\n                    <span class=\"material-symbols-outlined\">moving</span>\n                    {formatAscent(this.currentTrek.ascent)}\n                  </div>\n                </div>\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              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-dc91249a.system.js

@@ -0,0 +1,2 @@
+System.register([],(function(e){"use strict";return{execute:function(){var i=e("t",{fr:{filter:"Filtrer",practice:"Pratique",difficulty:"Difficulté",duration:"Durée",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:function(e){return"Les ".concat(e," patrimoines à découvrir")},sources:"Sources",cities:"Communes traversées",options:{presentation:"Présentation",description:"Description",recommendations:"Recommandations",environmentalSensitiveAreas:"Zones sensibles",informationPlaces:"Lieux d'informations",pois:"Patrimoines"},layers:{pointsReference:"Points de référence",parking:"Parking conseillé",sensitiveArea:"Zones de sensibilité environnementale",informationPlaces:"Lieux de renseignement",pois:"Patrimoines"}},en:{filter:"Filter",practice:"Practice",difficulty:"Difficulty",duration:"Duration",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:function(e){return"".concat(e," points of interest")},sources:"Sources",cities:"Cities crossed",options:{presentation:"Presentation",description:"Description",recommendations:"Recommendations",environmentalSensitiveAreas:"Sensitive areas",informationPlaces:"Information places",pois:"Points of interest"},layers:{pointsReference:"Reference points",parking:"Parking",sensitiveArea:"Sensitive areas",informationPlaces:"Information places",pois:"Points of interest"}}})}}}));
+//# sourceMappingURL=p-dc91249a.system.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["translate","exports","fr","filter","practice","difficulty","duration","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","concat","sources","cities","options","presentation","layers","pointsReference","parking","sensitiveArea","en"],"sources":["src/i18n/i18n.ts"],"sourcesContent":["interface Translation {\n  filter: string;\n  practice: string;\n  difficulty: string;\n  duration: 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  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  };\n  layers: {\n    pointsReference: string;\n    parking: string;\n    sensitiveArea: string;\n    informationPlaces: string;\n    pois: string;\n  };\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    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    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    },\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    },\n  },\n  en: {\n    filter: 'Filter',\n    practice: 'Practice',\n    difficulty: 'Difficulty',\n    duration: 'Duration',\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    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    },\n    layers: {\n      pointsReference: 'Reference points',\n      parking: 'Parking',\n      sensitiveArea: 'Sensitive areas',\n      informationPlaces: 'Information places',\n      pois: 'Points of interest',\n    },\n  },\n};\n"],"mappings":"2EAwDaA,EAASC,EAAA,IAA0B,CAC9CC,GAAI,CACFC,OAAQ,UACRC,SAAU,WACVC,WAAY,aACZC,SAAU,QACVC,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,KAAM,SAACC,GAAuB,aAAAC,OAAOD,EAAU,2BAAjB,EAC9BE,QAAS,UACTC,OAAQ,sBACRC,QAAS,CACPC,aAAc,eACdzB,YAAa,cACbM,gBAAiB,kBACjBG,4BAA6B,kBAC7BC,kBAAmB,uBACnBS,KAAM,eAERO,OAAQ,CACNC,gBAAiB,sBACjBC,QAAS,oBACTC,cAAe,wCACfnB,kBAAmB,yBACnBS,KAAM,gBAGVW,GAAI,CACFzC,OAAQ,SACRC,SAAU,WACVC,WAAY,aACZC,SAAU,WACVC,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,KAAM,SAACC,GAAuB,SAAAC,OAAGD,EAAU,sBAAb,EAC9BE,QAAS,UACTC,OAAQ,iBACRC,QAAS,CACPC,aAAc,eACdzB,YAAa,cACbM,gBAAiB,kBACjBG,4BAA6B,kBAC7BC,kBAAmB,qBACnBS,KAAM,sBAERO,OAAQ,CACNC,gBAAiB,mBACjBC,QAAS,UACTC,cAAe,kBACfnB,kBAAmB,qBACnBS,KAAM,wB"}

package/dist/geotrek-rando-widget/p-f60bd917.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i,H as t,g as r}from"./p-4f746b28.js";import{t as o}from"./p-0773c38f.js";import{o as n,s as a,r as s}from"./p-58cf0dd0.js";const l=':host{line-height:initial}.app-container{position:relative;width:100%;height:100%;font-family:"Roboto";color:var(--color-on-surface);overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.header-container .header-top,.large-view-header-container .header-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:64px}.header-container .arrow-back-icon,.large-view-header-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:12px}.header-container .arrow-back-icon:hover,.large-view-header-container .arrow-back-icon:hover{-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}.header-container .header-left-container,.large-view-header-container .header-left-container{margin-left:8px}.header-container .header-right-container,.large-view-header-container .header-right-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:8px}.header-container .header-right-container .margin-right-icon,.large-view-header-container .header-right-container .margin-right-icon{margin-right:8px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{font-size:24px;font-weight:400;line-height:40px;color:var(--color-on-surface);text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.handle-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-filters-container .handle-filters-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-filters-container .handle-filters-button span{font-size:18px}.handle-filters-container .current-treks-within-bounds-length{margin-left:12px;color:var(--color-on-surface)}.filters-container{background-color:var(--color-background);position:absolute;width:100%;padding:16px 0px 32px 0px;z-index:1100}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:calc(100% - 64px);position:absolute;z-index:1099;top:64px}.divider{margin:16px;border-top:1px solid var(--color-outline)}.init-loader-container,.loader-container,.large-view-loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - 64px - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px - 64px)}.content-trek{height:calc(100% - 64px)}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}';const c=class{constructor(i){e(this,i);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTreksMap=false;this.showTrekMap=false;this.showFilters=false;this.isLargeView=false;this.currentTrekId=undefined;this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.urlLayer=undefined;this.center=undefined;this.zoom=undefined;this.attribution=undefined;this.linkName="GEOTREK";this.linkTarget="https://geotrek.fr";this.weather=false;this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.colorTrekLine="#6b0030";this.colorDepartureIcon="#006b3b";this.colorArrivalIcon="#85003b";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e"}onTrekCardPress(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;this.showTrekMap=false;const i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",i)}onWindowResize(){this.handleView()}onCenterOnMap(){if(!this.isLargeView){this.showTrekMap=true}}watchPropHandler(){window.dispatchEvent(new window.Event("resize"))}componentWillLoad(){const e=new URL(window.location.toString());const i=e.searchParams.get("trek");if(i){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(i);this.showTrek=!this.showTrek}}componentDidLoad(){n("trekNetworkError",(()=>{if(a.trekNetworkError){const e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.replaceState({},"",e);this.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()}onTrekDetailsClose(){a.currentTrek=null;this.currentTrekId=null;this.showTrek=!this.showTrek}handleView(){this.isLargeView=this.element.getBoundingClientRect().width>=this.largeViewSize;this.showTreksMap=this.isLargeView;this.showTrekMap=this.isLargeView}handleFilters(){this.showFilters=!this.showFilters}handleBackButton(){if(window.history.state&&window.history.state.isInitialHistoryWithTrek){this.onTrekDetailsClose();const e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.pushState({},"",e)}else{window.history.back()}}handlePopState(){const e=new URL(window.location.toString());const i=Number(e.searchParams.get("trek"));if(i&&this.currentTrekId!==i){this.currentTrekId=i;this.showTrek=true}else if(!i){this.onTrekDetailsClose()}}handleShowMap(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}}disconnectedCallback(){s();window.removeEventListener("popstate",this.handlePopStateBind)}render(){return i(t,{style:{"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--color-primary-container":this.colorPrimaryContainer,"--color-on-primary-container":this.colorOnPrimaryContainer,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-background":this.colorBackground,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor}},!a.currentTreks&&!a.currentTrek&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),!this.showTrek&&!a.treks&&i("grw-treks-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals,routes:this.routes,practices:this.practices}),this.showTrek&&this.currentTrekId&&!a.currentTrek&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(a.currentTreks||a.currentTrek)&&i("div",{class:"app-container"},i("div",{class:this.isLargeView?"large-view-header-container":"header-container"},i("div",{class:"header-top"},i("div",{class:"header-left-container"},this.showTrek?i("button",{onClick:()=>this.handleBackButton(),class:"arrow-back-icon"},i("span",{class:"material-symbols-outlined"},"arrow_back")):i("div",{class:"attribution-container"},i("a",{target:"_blank",href:this.linkTarget},this.linkName))),i("div",{class:"header-right-container"},i("span",{class:"material-symbols-outlined margin-right-icon"},"translate"),a.languages.length>1&&i("grw-select-language",null))),!this.showTrek&&i("div",{class:"handle-filters-container"},a.treksWithinBounds&&i("div",{class:"current-treks-within-bounds-length"},`${a.treksWithinBounds.length} ${a.treksWithinBounds.length>1?o[a.language].treks:o[a.language].trek}`),i("button",{onClick:()=>this.handleFilters(),class:"handle-filters-button"},i("span",{class:"material-symbols-outlined margin-right-icon"},"filter_list"),o[a.language].filter))),i("div",{class:`content-container ${this.showTrek?"content-trek":"content-treks"}`},i("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek?"none":"flex",position:this.showTrek?"absolute":"relative"}},i("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),this.showTrek&&!a.currentTrek&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),a.currentTrek&&i("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},i("grw-trek-detail",{"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-background":this.colorBackground,weather:this.weather,style:{zIndex:this.showTrekMap?"0":"1"},"is-large-view":this.isLargeView})),i("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"1":"0"},"url-layer":this.urlLayer,center:this.center,zoom:this.zoom,attribution:this.attribution,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-departure-icon":this.colorDepartureIcon,"color-arrival-icon":this.colorArrivalIcon,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView})),(!this.showTrek||this.showTrek&&a.currentTrek)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:()=>this.handleShowMap(),class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{class:"material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?o[a.language].showDetails:o[a.language].showRoute:this.showTreksMap?o[a.language].showList:o[a.language].showMap))),!this.showTrek&&this.showFilters&&i("div",{class:"options-container"},i("div",{class:"filters-container"},i("grw-filter",{filterName:o[a.language].practice,filterType:"practices",filterNameProperty:"name"}),i("div",{class:"divider"}),i("grw-filter",{filterName:o[a.language].difficulty,filterType:"difficulties",filterNameProperty:"label"}),i("div",{class:"divider"}),i("grw-filter",{filterName:o[a.language].duration,filterType:"durations",filterNameProperty:"name"})),i("div",{onClick:()=>this.handleFilters(),class:"back-filters-container"})))}get element(){return r(this)}static get watchers(){return{isLargeView:["watchPropHandler"]}}};c.style=l;export{c as grw_app};
+//# sourceMappingURL=p-f60bd917.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","onTrekCardPress","event","currentTrekId","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","trekParam","get","replaceState","isInitialHistoryWithTrek","Number","componentDidLoad","onChange","state","trekNetworkError","urlRedirect","delete","onTrekDetailsClose","addEventListener","currentTrek","element","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","disconnectedCallback","reset","removeEventListener","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","currentTreks","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","target","href","linkTarget","linkName","length","treksWithinBounds","translate","language","trek","filter","display","position","weather","zIndex","visibility","urlLayer","center","zoom","attribution","colorTrekLine","colorDepartureIcon","colorArrivalIcon","colorSensitiveArea","colorPoiIcon","showDetails","showRoute","showList","showMap","filterName","practice","filterType","filterNameProperty","difficulty","duration"],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":[":host {\n  line-height: initial;\n}\n\n.app-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  font-family: 'Roboto';\n  color: var(--color-on-surface);\n  overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n  background-color: var(--color-background);\n  box-shadow: var(--elevation-2);\n  .header-top {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    height: 64px;\n  }\n  .arrow-back-icon {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    color: var(--color-on-surface);\n    border: none;\n    background-color: var(--color-background);\n    border-radius: 50%;\n    height: 48px;\n    width: 48px;\n    padding: 12px;\n    &:hover {\n      box-shadow: var(--elevation-1);\n    }\n  }\n  .header-left-container {\n    margin-left: 8px;\n  }\n  .header-right-container {\n    display: flex;\n    align-items: center;\n    margin-right: 8px;\n    .margin-right-icon {\n      margin-right: 8px;\n    }\n  }\n  .attribution-container {\n    a {\n      font-size: 24px;\n      font-weight: 400;\n      line-height: 40px;\n      color: var(--color-on-surface);\n      text-decoration: none;\n    }\n  }\n}\n\n.options-container {\n  height: calc(100% - 64px);\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n  top: 64px;\n}\n\n.handle-filters-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0px 16px;\n  height: 64px;\n  .handle-filters-button {\n    user-select: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background-color: var(--color-background);\n    color: var(--color-on-surface);\n    padding: 12px 24px;\n    border-radius: 20px;\n    box-sizing: border-box;\n    position: relative;\n    gap: 8px;\n    white-space: nowrap;\n    line-height: 20px;\n    letter-spacing: 0.10000000149011612px;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: var(--elevation-1);\n    transition: box-shadow 0.2s ease-in-out 0s;\n    span {\n      font-size: 18px;\n    }\n  }\n  .current-treks-within-bounds-length {\n    margin-left: 12px;\n    color: var(--color-on-surface);\n  }\n}\n\n.filters-container {\n  background-color: var(--color-background);\n  position: absolute;\n  width: 100%;\n  padding: 16px 0px 32px 0px;\n  z-index: 1100;\n}\n\n.back-filters-container {\n  background-color: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: calc(100% - 64px);\n  position: absolute;\n  z-index: 1099;\n  top: 64px;\n}\n\n.divider {\n  margin: 16px;\n  border-top: 1px solid var(--color-outline);\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  background-color: var(--color-background);\n  .loader {\n    width: 48px;\n    height: 48px;\n    border: 5px solid var(--color-primary-container);\n    border-bottom-color: var(--color-on-primary-container);\n    border-radius: 50%;\n    display: inline-block;\n    box-sizing: border-box;\n    animation: rotation 1s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}\n\n.content-container {\n  position: relative;\n  display: flex;\n  height: calc(100% - 64px - 64px);\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - 64px - 64px);\n}\n\n.content-trek {\n  height: calc(100% - 64px);\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  z-index: 4;\n  .map-visibility-button {\n    cursor: pointer;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    text-decoration: none;\n    padding: 16px;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    box-shadow: var(--elevation-1);\n    border-radius: 12px;\n    height: 56px;\n    font-size: 16px;\n    width: unset;\n    &:hover {\n      box-shadow: var(--elevation-4);\n    }\n    span {\n      margin-right: 8px;\n      color: var(--color-on-primary-container);\n    }\n  }\n}\n\n.init-loader-container,\n.loader-container {\n  width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n  width: 100%;\n}\n\n.app-map-container {\n  width: 100%;\n  position: absolute;\n}\n\n.large-view-loader-container {\n  width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() element: HTMLElement;\n  @State() showTrek = false;\n  @State() showTreksMap = false;\n  @State() showTrekMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() currentTrekId: number;\n  @Prop() api: string;\n  @Prop() languages = 'fr';\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  @Prop() urlLayer: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() attribution: string;\n  @Prop() linkName = 'GEOTREK';\n  @Prop() linkTarget = 'https://geotrek.fr';\n  @Prop() weather = false;\n\n  @Prop() colorPrimaryApp = '#6750a4';\n  @Prop() colorOnPrimary = '#ffffff';\n  @Prop() colorSurface = '#1c1b1f';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSurfaceVariant = '#fef7ff';\n  @Prop() colorOnSurfaceVariant = '#1c1b1f';\n  @Prop() colorPrimaryContainer = '#eaddff';\n  @Prop() colorOnPrimaryContainer = '#21005e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorBackground = '#fef7ff';\n  @Prop() colorSurfaceContainerHigh = '#ece6f0';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n\n  @Prop() colorTrekLine = '#6b0030';\n  @Prop() colorDepartureIcon = '#006b3b';\n  @Prop() colorArrivalIcon = '#85003b';\n  @Prop() colorSensitiveArea = '#4974a5';\n  @Prop() colorPoiIcon = '#974c6e';\n\n  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\n    this.currentTrekId = event.detail;\n    this.showTrek = !this.showTrek;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  @Listen('centerOnMap', { target: 'window' })\n  onCenterOnMap() {\n    if (!this.isLargeView) {\n      this.showTrekMap = true;\n    }\n  }\n\n  @Watch('isLargeView')\n  watchPropHandler() {\n    window.dispatchEvent(new window.Event('resize'));\n  }\n\n  componentWillLoad() {\n    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\n      this.currentTrekId = Number(trekParam);\n      this.showTrek = !this.showTrek;\n    }\n  }\n\n  componentDidLoad() {\n    onChange('trekNetworkError', () => {\n      if (state.trekNetworkError) {\n        const urlRedirect = new URL(window.location.toString());\n        urlRedirect.searchParams.delete('trek');\n        window.history.replaceState({}, '', urlRedirect);\n        this.onTrekDetailsClose();\n      }\n    });\n    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onTrekDetailsClose() {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = !this.showTrek;\n  }\n\n  handleView() {\n    this.isLargeView = this.element.getBoundingClientRect().width >= this.largeViewSize;\n    this.showTreksMap = this.isLargeView;\n    this.showTrekMap = this.isLargeView;\n  }\n\n  handleFilters() {\n    this.showFilters = !this.showFilters;\n  }\n\n  handleBackButton() {\n    if (window.history.state && window.history.state.isInitialHistoryWithTrek) {\n      this.onTrekDetailsClose();\n      const url = new URL(window.location.toString());\n      url.searchParams.delete('trek');\n      window.history.pushState({}, '', url);\n    } else {\n      window.history.back();\n    }\n  }\n\n  handlePopState() {\n    const url = new URL(window.location.toString());\n    const trekParam = Number(url.searchParams.get('trek'));\n    if (trekParam && this.currentTrekId !== trekParam) {\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam) {\n      this.onTrekDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else {\n      this.showTreksMap = !this.showTreksMap;\n    }\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-primary': this.colorOnPrimary,\n          '--color-surface': this.colorSurface,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-surface-variant': this.colorSurfaceVariant,\n          '--color-on-surface-variant': this.colorOnSurfaceVariant,\n          '--color-primary-container': this.colorPrimaryContainer,\n          '--color-on-primary-container': this.colorOnPrimaryContainer,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-background': this.colorBackground,\n          '--color-surface-container-high': this.colorSurfaceContainerHigh,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n          '--fab-background-color': this.fabBackgroundColor,\n          '--fab-color': this.fabColor,\n        }}\n      >\n        {!state.currentTreks && !state.currentTrek && (\n          <div class=\"init-loader-container\">\n            <span class=\"loader\"></span>\n          </div>\n        )}\n        {!this.showTrek && !state.treks && (\n          <grw-treks-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n            routes={this.routes}\n            practices={this.practices}\n          ></grw-treks-provider>\n        )}\n        {this.showTrek && this.currentTrekId && !state.currentTrek && (\n          <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n        )}\n        {(state.currentTreks || state.currentTrek) && (\n          <div class=\"app-container\">\n            <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n              <div class=\"header-top\">\n                <div class=\"header-left-container\">\n                  {this.showTrek ? (\n                    <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                      <span class=\"material-symbols-outlined\">arrow_back</span>\n                    </button>\n                  ) : (\n                    <div class=\"attribution-container\">\n                      <a target=\"_blank\" href={this.linkTarget}>\n                        {this.linkName}\n                      </a>\n                    </div>\n                  )}\n                </div>\n                <div class=\"header-right-container\">\n                  <span class=\"material-symbols-outlined margin-right-icon\">translate</span>\n                  {state.languages.length > 1 && <grw-select-language></grw-select-language>}\n                </div>\n              </div>\n              {!this.showTrek && (\n                <div class=\"handle-filters-container\">\n                  {state.treksWithinBounds && (\n                    <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n                      state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n                    }`}</div>\n                  )}\n                  <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n                    <span class=\"material-symbols-outlined margin-right-icon\">filter_list</span>\n                    {translate[state.language].filter}\n                  </button>\n                </div>\n              )}\n            </div>\n\n            <div class={`content-container ${this.showTrek ? 'content-trek' : 'content-treks'}`}>\n              <div\n                class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n                style={{ display: this.showTrek ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\n                <grw-treks-list\n                  reset-store-on-disconnected=\"false\"\n                  is-large-view={this.isLargeView}\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                ></grw-treks-list>\n              </div>\n              {this.showTrek && !state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n                  <span class=\"loader\"></span>\n                </div>\n              )}\n              {state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n                  <grw-trek-detail\n                    reset-store-on-disconnected=\"false\"\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-background={this.colorBackground}\n                    weather={this.weather}\n                    style={{ zIndex: this.showTrekMap ? '0' : '1' }}\n                    is-large-view={this.isLargeView}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              <grw-map\n                reset-store-on-disconnected=\"false\"\n                class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n                style={{\n                  visibility: (this.showTreksMap && !this.showTrek) || (this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                  zIndex: this.showTrekMap ? '1' : '0',\n                }}\n                url-layer={this.urlLayer}\n                center={this.center}\n                zoom={this.zoom}\n                attribution={this.attribution}\n                color-primary-app={this.colorPrimaryApp}\n                color-on-surface={this.colorOnSurface}\n                color-primary-container={this.colorPrimaryContainer}\n                color-on-primary-container={this.colorOnPrimaryContainer}\n                color-background={this.colorBackground}\n                color-trek-line={this.colorTrekLine}\n                color-departure-icon={this.colorDepartureIcon}\n                color-arrival-icon={this.colorArrivalIcon}\n                color-sensitive-area={this.colorSensitiveArea}\n                color-poi-icon={this.colorPoiIcon}\n                is-large-view={this.isLargeView}\n              ></grw-map>\n            </div>\n            {(!this.showTrek || (this.showTrek && state.currentTrek)) && (\n              <div class=\"map-visibility-button-container\">\n                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  <span class=\"material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n                  {this.showTrek\n                    ? this.showTrekMap\n                      ? translate[state.language].showDetails\n                      : translate[state.language].showRoute\n                    : this.showTreksMap\n                    ? translate[state.language].showList\n                    : translate[state.language].showMap}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && (\n          <div class=\"options-container\">\n            <div class=\"filters-container\">\n              <grw-filter filterName={translate[state.language].practice} filterType=\"practices\" filterNameProperty=\"name\"></grw-filter>\n              <div class=\"divider\"></div>\n              <grw-filter filterName={translate[state.language].difficulty} filterType=\"difficulties\" filterNameProperty=\"label\"></grw-filter>\n              <div class=\"divider\"></div>\n              <grw-filter filterName={translate[state.language].duration} filterType=\"durations\" filterNameProperty=\"name\"></grw-filter>\n            </div>\n            <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/types/components/grw-app/grw-app.d.ts

@@ -7,7 +7,7 @@ export declare class GrwApp {
   isLargeView: boolean;
   currentTrekId: number;
   api: string;
-  language: string;
+  languages: string;
   inBbox: string;
   cities: string;
   districts: string;
@@ -20,20 +20,34 @@ export declare class GrwApp {
   center: string;
   zoom: number;
   attribution: string;
-  colorPrimary: string;
-  colorPrimaryShade: string;
-  colorPrimaryTint: string;
+  linkName: string;
+  linkTarget: string;
+  weather: boolean;
+  colorPrimaryApp: string;
+  colorOnPrimary: string;
+  colorSurface: string;
+  colorOnSurface: string;
+  colorSurfaceVariant: string;
+  colorOnSurfaceVariant: string;
+  colorPrimaryContainer: string;
+  colorOnPrimaryContainer: string;
+  colorSecondaryContainer: string;
+  colorOnSecondaryContainer: string;
+  colorBackground: string;
+  colorSurfaceContainerHigh: string;
+  colorSurfaceContainerLow: string;
+  fabBackgroundColor: string;
+  fabColor: string;
   colorTrekLine: string;
   colorDepartureIcon: string;
   colorArrivalIcon: string;
   colorSensitiveArea: string;
   colorPoiIcon: string;
-  linkName: string;
-  linkTarget: string;
   largeViewSize: number;
   handlePopStateBind: (event: any) => void;
   onTrekCardPress(event: CustomEvent<number>): void;
   onWindowResize(): void;
+  onCenterOnMap(): void;
   watchPropHandler(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;

package/dist/types/components/grw-information-desk-detail/grw-information-desk-detail.d.ts

@@ -1,5 +1,13 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { InformationDesk } from 'types/types';
 export declare class GrwInformationDeskDetail {
+  centerOnMap: EventEmitter<{
+    latitude: number;
+    longitude: number;
+  }>;
+  displayShortDescription: boolean;
   informationDesk: InformationDesk;
+  handleInformationDeskDescription(): void;
+  handleCenterOnMap(): void;
   render(): any;
 }

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

@@ -1,37 +1,59 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import L from 'leaflet';
+import 'leaflet.locatecontrol';
+import '@raruto/leaflet-elevation/dist/leaflet-elevation.min.js';
 export declare class GrwMap {
-  element: HTMLElement;
+  mapRef: HTMLElement;
+  elevationRef: HTMLElement;
   trekCardPress: EventEmitter<number>;
   mapIsReady: boolean;
   urlLayer: string;
   attribution: string;
   center: string;
   zoom: number;
-  colorPrimary: string;
-  colorPrimaryTint: string;
+  colorPrimaryApp: string;
+  colorOnSurface: string;
+  colorPrimaryContainer: string;
+  colorOnPrimaryContainer: string;
+  colorBackground: string;
   colorTrekLine: string;
   colorDepartureIcon: string;
   colorArrivalIcon: string;
   colorSensitiveArea: string;
   colorPoiIcon: string;
   resetStoreOnDisconnected: boolean;
+  isLargeView: boolean;
   map: L.Map;
-  sensitiveAreasControl: any;
   treksLayer: L.GeoJSON<any>;
   currentTrekLayer: L.GeoJSON<any>;
   currentDepartureArrivalLayer: L.GeoJSON<any>;
+  currentPointsReferenceLayer: L.GeoJSON<any>;
+  currentParkingLayer: L.GeoJSON<any>;
   currentSensitiveAreasLayer: L.GeoJSON<any>;
   currentPoisLayer: L.GeoJSON<any>;
-  currentParkingLayer: L.GeoJSON<any>;
   currentInformationDesksLayer: L.GeoJSON<any>;
-  currentPointsReferenceLayer: L.GeoJSON<any>;
+  elevationControl: L.Control.Layers;
+  layersControl: L.Control.Layers;
+  userLayersState: {
+    [key: number]: boolean;
+  };
   handleTreksWithinBoundsBind: (event: any) => void;
+  onCenterOnMap(event: CustomEvent<{
+    latitude: number;
+    longitude: number;
+  }>): void;
+  descriptionReferenceIsInViewport(event: CustomEvent<boolean>): void;
+  parkingIsInViewport(event: CustomEvent<boolean>): void;
+  onInformationDesksIsInViewport(event: CustomEvent<boolean>): void;
+  sensitiveAreaIsInViewport(event: CustomEvent<boolean>): void;
+  poiIsInViewport(event: CustomEvent<boolean>): void;
   componentDidLoad(): void;
+  handleLayerVisibility(visible: boolean, layer: L.GeoJSON): void;
   addTreks(): void;
   removeTreks(): void;
   handleTreksWithinBounds(): void;
   addTrek(): void;
+  handleLayersControlEvent(): void;
   removeTrek(): void;
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/grw-poi-detail/grw-poi-detail.d.ts

@@ -1,5 +1,16 @@
+import Swiper from 'swiper';
 import { Poi } from 'types/types';
 export declare class GrwPoiDetail {
+  swiperPoi?: Swiper;
+  swiperPoiRef?: HTMLDivElement;
+  prevElPoiRef?: HTMLDivElement;
+  nextElPoiRef?: HTMLDivElement;
+  paginationElPoiRef?: HTMLDivElement;
   poi: Poi;
+  displayShortDescription: boolean;
+  displayFullscreen: boolean;
+  componentDidLoad(): void;
+  handlePoiDescription(): void;
+  handleFullscreen(): void;
   render(): any;
 }

package/dist/types/components/grw-select-language/grw-select-language.d.ts

@@ -0,0 +1,4 @@
+export declare class GrwSelectLanguage {
+  handleSelect(event: any): void;
+  render(): any;
+}

package/dist/types/components/grw-trek-card/grw-trek-card.d.ts

@@ -9,8 +9,11 @@ export declare class GrwTrekCard {
   themes: Themes;
   departureCity: City;
   trek: Trek;
-  colorPrimary: string;
-  colorPrimaryTint: string;
+  colorPrimaryApp: string;
+  colorOnSurface: string;
+  colorSecondaryContainer: string;
+  colorOnSecondaryContainer: string;
+  colorSurfaceContainerLow: string;
   isLargeView: boolean;
   resetStoreOnDisconnected: boolean;
   connectedCallback(): void;

package/dist/types/components/grw-trek-detail/grw-trek-detail.d.ts

@@ -1,5 +1,30 @@
-import { Accessibilities, AccessibilityLevel, Difficulty, Labels, Practice, Route, Sources, Themes, Trek } from 'types/types';
+import { EventEmitter } from '../../stencil-public-runtime';
+import Swiper from 'swiper';
+import { Accessibilities, AccessibilityLevel, Difficulty, Labels, Practice, Route, Sources, Themes, Trek, Options } from 'types/types';
 export declare class GrwTrekDetail {
+  swiperImages?: Swiper;
+  swiperPois?: Swiper;
+  swiperInformationDesks?: Swiper;
+  swiperImagesRef?: HTMLDivElement;
+  prevElImagesRef?: HTMLDivElement;
+  nextElImagesRef?: HTMLDivElement;
+  paginationElImagesRef?: HTMLDivElement;
+  swiperPoisRef?: HTMLDivElement;
+  swiperInformationDesksRef?: HTMLDivElement;
+  presentationRef?: HTMLDivElement;
+  descriptionRef?: HTMLDivElement;
+  parkingRef?: HTMLDivElement;
+  recommendationRef?: HTMLDivElement;
+  sensitiveAreaRef?: HTMLDivElement;
+  informationDeskRef?: HTMLDivElement;
+  poiRef?: HTMLDivElement;
+  trekDetailContainerRef?: HTMLElement;
+  defaultOptions: Options;
+  descriptionReferenceIsInViewport: EventEmitter<boolean>;
+  parkingIsInViewport: EventEmitter<boolean>;
+  sensitiveAreaIsInViewport: EventEmitter<boolean>;
+  informationDeskIsInViewport: EventEmitter<boolean>;
+  poiIsInViewport: EventEmitter<boolean>;
   currentTrek: Trek;
   difficulty: Difficulty;
   route: Route;
@@ -9,12 +34,57 @@ export declare class GrwTrekDetail {
   sources: Sources;
   accessibilities: Accessibilities;
   accessibilityLevel: AccessibilityLevel;
+  displayFullscreen: boolean;
+  cities: string[];
+  options: Options;
   trek: Trek;
-  colorPrimary: string;
-  colorPrimaryShade: string;
-  colorPrimaryTint: string;
+  colorPrimaryApp: string;
+  colorOnSurface: string;
+  colorPrimaryContainer: string;
+  colorOnPrimaryContainer: string;
+  colorSecondaryContainer: string;
+  colorOnSecondaryContainer: string;
+  colorBackground: string;
   resetStoreOnDisconnected: boolean;
+  weather: boolean;
+  isLargeView: boolean;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  handleOptions(): {
+    presentation: {
+      visible: boolean;
+      width: number;
+      indicator: boolean;
+    };
+    description: {
+      visible: boolean;
+      width: number;
+      indicator: boolean;
+    };
+    recommendations: {
+      visible: boolean;
+      width: number;
+      indicator: boolean;
+    };
+    sensitiveArea: {
+      visible: boolean;
+      width: number;
+      indicator: boolean;
+    };
+    informationPlaces: {
+      visible: boolean;
+      width: number;
+      indicator: boolean;
+    };
+    pois: {
+      visible: boolean;
+      width: number;
+      indicator: boolean;
+    };
+  };
+  handleFullscreen(): void;
+  handleIndicatorSelectedTrekOption(): string;
+  handleScrollTo(element: HTMLDivElement): void;
   render(): any;
 }

package/dist/types/components/grw-treks-list/grw-treks-list.d.ts

@@ -2,13 +2,16 @@ import { Treks } from 'types/types';
 export declare class GrwTreksList {
   element: HTMLElement;
   treksToDisplay: Treks;
-  colorPrimary: string;
-  colorPrimaryTint: string;
+  colorPrimaryApp: string;
+  colorOnSurface: string;
+  colorSecondaryContainer: string;
+  colorOnSecondaryContainer: string;
+  colorSurfaceContainerLow: string;
   isLargeView: boolean;
   resetStoreOnDisconnected: boolean;
   step: number;
-  handleInfiniteScrollBind: (event: any) => void;
   shouldAddInfiniteScrollEvent: boolean;
+  handleInfiniteScrollBind: (event: any) => void;
   connectedCallback(): void;
   handleInfiniteScroll(event: any): void;
   handleInfiniteScrollEvent(shouldAddInfiniteScrollEvent: boolean): void;