@geotrekce/geotrek-rando-widget 0.2.10 → 0.2.12

package/dist/geotrek-rando-widget/{p-efda3439.entry.js.map → p-d7e384ea.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["grwInformationDeskDetailCss","GrwInformationDeskDetail","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","h","Host","photo_url","class","src","loading","name","onClick","postal_code","municipality","street","phone","href","email","website","description","innerHTML","grwPoiDetailCss","GrwPoiDetail","componentDidLoad","swiperPoi","Swiper","swiperPoiRef","modules","Navigation","Pagination","Keyboard","navigation","prevEl","prevElPoiRef","nextEl","nextElPoiRef","pagination","el","paginationElPoiRef","allowTouchMove","keyboard","onfullscreenchange","displayFullscreen","enable","disable","handlePoiDescription","handleFullscreen","poi","attachments","url","requestFullscreen","defaultImageSrc","getAssetPath","_a","state","poiTypes","find","poiType","id","type","pictogram","ref","length","filter","attachment","map","thumbnail","grwSensitiveAreaDetailCss","GrwSensitiveAreaDetail","sensitiveArea","practices","sensitiveAreaPractice","index","practice","statePractice","toUpperCase","period","month","Date","toLocaleDateString","slice","contact"],"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":[".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-family: 'Material Symbols Outlined';\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-family: 'Material Symbols Outlined';\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.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  --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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"}
+{"version":3,"names":["grwInformationDeskDetailCss","GrwInformationDeskDetail","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","h","Host","photo_url","class","src","loading","name","onClick","postal_code","municipality","street","phone","href","email","website","description","innerHTML","grwPoiDetailCss","GrwPoiDetail","componentDidLoad","swiperPoi","Swiper","swiperPoiRef","modules","Navigation","Pagination","Keyboard","navigation","prevEl","prevElPoiRef","nextEl","nextElPoiRef","pagination","el","paginationElPoiRef","allowTouchMove","keyboard","onfullscreenchange","displayFullscreen","enable","disable","handlePoiDescription","handleFullscreen","poi","attachments","url","requestFullscreen","defaultImageSrc","getAssetPath","_a","state","poiTypes","find","poiType","id","type","pictogram","ref","length","filter","attachment","map","thumbnail","grwSensitiveAreaDetailCss","GrwSensitiveAreaDetail","sensitiveArea","practices","sensitiveAreaPractice","index","practice","statePractice","toUpperCase","period","month","Date","toLocaleDateString","slice","contact"],"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":[".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-family: 'Material Symbols Outlined';\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-family: 'Material Symbols Outlined';\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.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  --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-dae5ab8a.system.js

@@ -0,0 +1,2 @@
+var __spreadArray=this&&this.__spreadArray||function(r,e,t){if(t||arguments.length===2)for(var n=0,a=e.length,i;n<a;n++){if(i||!(n in e)){if(!i)i=Array.prototype.slice.call(e,0,n);i[n]=e[n]}}return r.concat(i||Array.prototype.slice.call(e))};System.register(["./p-458ec23b.system.js"],(function(r){"use strict";var e;return{setters:[function(r){e=r.s}],execute:function(){r({a:n,b:a,f:t,h:i});function t(r){var e;if(r<24){e="".concat(Math.floor(r),"h");if(r%1>0){e+="".concat(Math.round(60*(r%1)),"min")}}else{e="".concat(r/24,"j")}return e}function n(r){return"".concat(Math.round(r/1e3),"km")}function a(r){return"".concat(r,"m")}function i(){var r=[{property:"practices",trekProperty:"practice",trekPropertyIsArray:false,type:"include"},{property:"difficulties",trekProperty:"difficulty",trekPropertyIsArray:false,type:"include"},{property:"durations",trekProperty:"duration",trekPropertyIsArray:false,type:"interval"},{property:"lengths",trekProperty:"length_2d",trekPropertyIsArray:false,type:"interval"},{property:"elevations",trekProperty:"ascent",trekPropertyIsArray:false,type:"interval"},{property:"themes",trekProperty:"themes",trekPropertyIsArray:true,type:"include"},{property:"routes",trekProperty:"route",trekPropertyIsArray:false,type:"include"},{property:"accessibilities",trekProperty:"accessibilities",trekPropertyIsArray:true,type:"include"},{property:"cities",trekProperty:"cities",trekPropertyIsArray:true,type:"include"},{property:"labels",trekProperty:"labels",trekPropertyIsArray:true,type:"include"}];var t=false;var n=[];var a=function(r){var a=e[r.property].filter((function(r){return r.selected})).map((function(r){return r.id}));if(a.length>0){if(n.length>0){if(r.type==="include"){if(r.trekPropertyIsArray){n=__spreadArray([],e.treks.filter((function(e){return e[r.trekProperty].some((function(r){return a.includes(r)}))})),true)}else{n=__spreadArray([],n.filter((function(e){return a.includes(e[r.trekProperty])})),true)}}else if(r.type==="interval"){n=__spreadArray([],n.filter((function(t){var n=function(n){var a=e[r.property].find((function(r){return r.id===n}));if(t[r.trekProperty]>=a.minValue&&t[r.trekProperty]<=a.maxValue){return{value:true}}};for(var i=0,o=a;i<o.length;i++){var u=o[i];var p=n(u);if(typeof p==="object")return p.value}return false})),true)}}else{if(!t){t=true}if(r.type==="include"){if(r.trekPropertyIsArray){n=__spreadArray([],e.treks.filter((function(e){return e[r.trekProperty].some((function(r){return a.includes(r)}))})),true)}else{n=__spreadArray([],e.treks.filter((function(e){return a.includes(e[r.trekProperty])})),true)}}else if(r.type==="interval"){var i;var o;var u=function(t){var n=e[r.property].find((function(r){return r.id===t}));if(isNaN(i)||n.minValue<i){i=n.minValue}if(isNaN(o)||n.maxValue>o){o=n.maxValue}};for(var p=0,s=a;p<s.length;p++){var y=s[p];u(y)}n=__spreadArray([],e.treks.filter((function(e){return e[r.trekProperty]>=i&&e[r.trekProperty]<=o})),true)}}}};for(var i=0,o=r;i<o.length;i++){var u=o[i];a(u)}var p=t?n:e.treks;return Boolean(e.searchValue)?p.filter((function(r){return r.name.toLowerCase().includes(e.searchValue.toLowerCase())})):p}}}}));
+//# sourceMappingURL=p-dae5ab8a.system.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["formatDuration","duration","formattedDuration","concat","Math","floor","round","formatLength","length","formatAscent","ascent","handleFiltersAndSearch","filters","property","trekProperty","trekPropertyIsArray","type","isUsingFilter","filtersTreks","filter","currentFiltersId","state","currentFilter","selected","map","id","__spreadArray","treks","trek","some","includes","currentFilterId","find","minValue","maxValue","_i","currentFiltersId_2","minValue_1","maxValue_1","isNaN","_a","currentFiltersId_1","filters_1","searchTreks","Boolean","searchValue","currentTrek","name","toLowerCase"],"sources":["src/utils/utils.ts"],"sourcesContent":["import state from 'store/store';\nimport { Filters, Treks } from 'types/types';\n\nexport function formatDuration(duration: number) {\n  let formattedDuration;\n  if (duration < 24) {\n    formattedDuration = `${Math.floor(duration)}h`;\n    if (duration % 1 > 0) {\n      formattedDuration += `${Math.round(60 * (duration % 1))}min`;\n    }\n  } else {\n    formattedDuration = `${duration / 24}j`;\n  }\n  return formattedDuration;\n}\n\nexport function formatLength(length: number) {\n  return `${Math.round(length / 1000)}km`;\n}\n\nexport function formatAscent(ascent: number) {\n  return `${ascent}m`;\n}\n\nexport function handleFiltersAndSearch(): Treks {\n  const filters: Filters = [\n    { property: 'practices', trekProperty: 'practice', trekPropertyIsArray: false, type: 'include' },\n    { property: 'difficulties', trekProperty: 'difficulty', trekPropertyIsArray: false, type: 'include' },\n    { property: 'durations', trekProperty: 'duration', trekPropertyIsArray: false, type: 'interval' },\n    { property: 'lengths', trekProperty: 'length_2d', trekPropertyIsArray: false, type: 'interval' },\n    { property: 'elevations', trekProperty: 'ascent', trekPropertyIsArray: false, type: 'interval' },\n    { property: 'themes', trekProperty: 'themes', trekPropertyIsArray: true, type: 'include' },\n    { property: 'routes', trekProperty: 'route', trekPropertyIsArray: false, type: 'include' },\n    { property: 'accessibilities', trekProperty: 'accessibilities', trekPropertyIsArray: true, type: 'include' },\n    { property: 'cities', trekProperty: 'cities', trekPropertyIsArray: true, type: 'include' },\n    { property: 'labels', trekProperty: 'labels', trekPropertyIsArray: true, type: 'include' },\n  ];\n\n  let isUsingFilter = false;\n  let filtersTreks = [];\n  for (const filter of filters) {\n    const currentFiltersId: number[] = state[filter.property].filter(currentFilter => currentFilter.selected).map(currentFilter => currentFilter.id);\n    if (currentFiltersId.length > 0) {\n      if (filtersTreks.length > 0) {\n        if (filter.type === 'include') {\n          if (filter.trekPropertyIsArray) {\n            filtersTreks = [...state.treks.filter(trek => trek[filter.trekProperty].some(trekProperty => currentFiltersId.includes(trekProperty)))];\n          } else {\n            filtersTreks = [...filtersTreks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];\n          }\n        } else if (filter.type === 'interval') {\n          filtersTreks = [\n            ...filtersTreks.filter(trek => {\n              for (const currentFilterId of currentFiltersId) {\n                const currentFilter = state[filter.property].find(property => property.id === currentFilterId);\n                if (trek[filter.trekProperty] >= currentFilter.minValue && trek[filter.trekProperty] <= currentFilter.maxValue) {\n                  return true;\n                }\n              }\n              return false;\n            }),\n          ];\n        }\n      } else {\n        if (!isUsingFilter) {\n          isUsingFilter = true;\n        }\n        if (filter.type === 'include') {\n          if (filter.trekPropertyIsArray) {\n            filtersTreks = [...state.treks.filter(trek => trek[filter.trekProperty].some(trekProperty => currentFiltersId.includes(trekProperty)))];\n          } else {\n            filtersTreks = [...state.treks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];\n          }\n        } else if (filter.type === 'interval') {\n          let minValue: number;\n          let maxValue: number;\n          for (const currentFilterId of currentFiltersId) {\n            const currentFilter = state[filter.property].find(property => property.id === currentFilterId);\n            if (isNaN(minValue) || currentFilter.minValue < minValue) {\n              minValue = currentFilter.minValue;\n            }\n            if (isNaN(maxValue) || currentFilter.maxValue > maxValue) {\n              maxValue = currentFilter.maxValue;\n            }\n          }\n          filtersTreks = [...state.treks.filter(trek => trek[filter.trekProperty] >= minValue && trek[filter.trekProperty] <= maxValue)];\n        }\n      }\n    }\n  }\n\n  const searchTreks = isUsingFilter ? filtersTreks : state.treks;\n  return Boolean(state.searchValue) ? searchTreks.filter(currentTrek => currentTrek.name.toLowerCase().includes(state.searchValue.toLowerCase())) : searchTreks;\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,7 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class GrwApp {
   appElement: HTMLElement;
+  resetFilter: EventEmitter;
   showTrek: boolean;
   showTreksMap: boolean;
   showTrekMap: boolean;
@@ -59,6 +61,8 @@ export declare class GrwApp {
   handleBackButton(): void;
   handlePopState(): void;
   handleShowMap(): void;
+  handleEraseFilters(): void;
+  handleOkFilters(): void;
   disconnectedCallback(): void;
   render(): any;
 }

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

@@ -1,9 +1,10 @@
-import { Filters } from 'types/types';
 export declare class GrwFilter {
+  filterRef: HTMLElement;
   filterType: string;
   filterName: string;
   filterNameProperty: string;
-  filters: Filters;
+  onResetFilter(): void;
   handleFilter(_event: MouseEvent, filterToHandle: any): void;
+  resetFilter(): void;
   render(): any;
 }

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

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

package/dist/types/components.d.ts

@@ -78,6 +78,8 @@ export namespace Components {
     interface GrwPoiDetail {
         "poi": Poi;
     }
+    interface GrwSearch {
+    }
     interface GrwSelectLanguage {
     }
     interface GrwSensitiveAreaDetail {
@@ -133,6 +135,10 @@ export namespace Components {
         "themes": string;
     }
 }
+export interface GrwAppCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGrwAppElement;
+}
 export interface GrwInformationDeskDetailCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGrwInformationDeskDetailElement;
@@ -180,6 +186,12 @@ declare global {
         prototype: HTMLGrwPoiDetailElement;
         new (): HTMLGrwPoiDetailElement;
     };
+    interface HTMLGrwSearchElement extends Components.GrwSearch, HTMLStencilElement {
+    }
+    var HTMLGrwSearchElement: {
+        prototype: HTMLGrwSearchElement;
+        new (): HTMLGrwSearchElement;
+    };
     interface HTMLGrwSelectLanguageElement extends Components.GrwSelectLanguage, HTMLStencilElement {
     }
     var HTMLGrwSelectLanguageElement: {
@@ -228,6 +240,7 @@ declare global {
         "grw-information-desk-detail": HTMLGrwInformationDeskDetailElement;
         "grw-map": HTMLGrwMapElement;
         "grw-poi-detail": HTMLGrwPoiDetailElement;
+        "grw-search": HTMLGrwSearchElement;
         "grw-select-language": HTMLGrwSelectLanguageElement;
         "grw-sensitive-area-detail": HTMLGrwSensitiveAreaDetailElement;
         "grw-trek-card": HTMLGrwTrekCardElement;
@@ -270,6 +283,7 @@ declare namespace LocalJSX {
         "languages"?: string;
         "linkName"?: string;
         "linkTarget"?: string;
+        "onResetFilter"?: (event: GrwAppCustomEvent<any>) => void;
         "portals"?: string;
         "practices"?: string;
         "routes"?: string;
@@ -310,6 +324,8 @@ declare namespace LocalJSX {
     interface GrwPoiDetail {
         "poi"?: Poi;
     }
+    interface GrwSearch {
+    }
     interface GrwSelectLanguage {
     }
     interface GrwSensitiveAreaDetail {
@@ -376,6 +392,7 @@ declare namespace LocalJSX {
         "grw-information-desk-detail": GrwInformationDeskDetail;
         "grw-map": GrwMap;
         "grw-poi-detail": GrwPoiDetail;
+        "grw-search": GrwSearch;
         "grw-select-language": GrwSelectLanguage;
         "grw-sensitive-area-detail": GrwSensitiveAreaDetail;
         "grw-trek-card": GrwTrekCard;
@@ -394,6 +411,7 @@ declare module "@stencil/core" {
             "grw-information-desk-detail": LocalJSX.GrwInformationDeskDetail & JSXBase.HTMLAttributes<HTMLGrwInformationDeskDetailElement>;
             "grw-map": LocalJSX.GrwMap & JSXBase.HTMLAttributes<HTMLGrwMapElement>;
             "grw-poi-detail": LocalJSX.GrwPoiDetail & JSXBase.HTMLAttributes<HTMLGrwPoiDetailElement>;
+            "grw-search": LocalJSX.GrwSearch & JSXBase.HTMLAttributes<HTMLGrwSearchElement>;
             "grw-select-language": LocalJSX.GrwSelectLanguage & JSXBase.HTMLAttributes<HTMLGrwSelectLanguageElement>;
             "grw-sensitive-area-detail": LocalJSX.GrwSensitiveAreaDetail & JSXBase.HTMLAttributes<HTMLGrwSensitiveAreaDetailElement>;
             "grw-trek-card": LocalJSX.GrwTrekCard & JSXBase.HTMLAttributes<HTMLGrwTrekCardElement>;

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

@@ -3,6 +3,7 @@ interface Translation {
   practice: string;
   difficulty: string;
   duration: string;
+  length: string;
   treks: string;
   trek: string;
   showList: string;
@@ -47,6 +48,10 @@ interface Translation {
     informationPlaces: string;
     pois: string;
   };
+  themes: string;
+  routes: string;
+  elevation: string;
+  others: string;
 }
 interface AvailableTranslations {
   fr: Translation;

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

@@ -1,5 +1,5 @@
 import { LatLngBounds } from 'leaflet';
-import { Accessibilities, accessibilitiesLevel, Difficulties, Durations, InformationDesks, Labels, Pois, PoiTypes, Practices, Routes, SensitiveAreas, Sources, Themes, Cities, Trek, Treks } from 'types/types';
+import { Accessibilities, accessibilitiesLevel, Difficulties, Durations, InformationDesks, Labels, Pois, PoiTypes, Practices, Routes, SensitiveAreas, Sources, Themes, Cities, Trek, Treks, Lengths, Elevations } from 'types/types';
 declare const state: {
   api: string;
   languages: string[];
@@ -14,6 +14,8 @@ declare const state: {
   themes: Themes;
   cities: Cities;
   durations: Durations;
+  lengths: Lengths;
+  elevations: Elevations;
   labels: Labels;
   sources: Sources;
   accessibilities: Accessibilities;
@@ -25,6 +27,7 @@ declare const state: {
   currentInformationDesks: InformationDesks;
   treksNetworkError: boolean;
   trekNetworkError: boolean;
+  searchValue: string;
 }, onChange: import("@stencil/store/dist/types").OnChangeHandler<{
   api: string;
   languages: string[];
@@ -39,6 +42,8 @@ declare const state: {
   themes: Themes;
   cities: Cities;
   durations: Durations;
+  lengths: Lengths;
+  elevations: Elevations;
   labels: Labels;
   sources: Sources;
   accessibilities: Accessibilities;
@@ -50,6 +55,7 @@ declare const state: {
   currentInformationDesks: InformationDesks;
   treksNetworkError: boolean;
   trekNetworkError: boolean;
+  searchValue: string;
 }>, reset: () => void;
 export { onChange, reset };
 export default state;

package/dist/types/types/types.d.ts

@@ -118,6 +118,22 @@ export type Duration = {
   maxValue: number;
   selected: boolean;
 };
+export type Lengths = Length[];
+export type Length = {
+  id: number;
+  name: string;
+  minValue: number;
+  maxValue: number;
+  selected: boolean;
+};
+export type Elevations = Elevation[];
+export type Elevation = {
+  id: number;
+  name: string;
+  minValue: number;
+  maxValue: number;
+  selected: boolean;
+};
 export type SensitiveAreas = SensitiveArea[];
 export type SensitiveArea = {
   id: number;
@@ -168,6 +184,7 @@ export type Filters = Filter[];
 export type Filter = {
   property: string;
   trekProperty: string;
+  trekPropertyIsArray: boolean;
   type: string;
 };
 export interface Option {

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

@@ -1,3 +1,5 @@
+import { Treks } from 'types/types';
 export declare function formatDuration(duration: number): any;
 export declare function formatLength(length: number): string;
 export declare function formatAscent(ascent: number): string;
+export declare function handleFiltersAndSearch(): Treks;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geotrekce/geotrek-rando-widget",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "Geotrek rando widget",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -16,14 +16,15 @@
     "loader/"
   ],
   "scripts": {
-    "build": "stencil build --docs",
-    "precompress": "node precompress",
     "start": "stencil build --dev --watch --serve",
     "generate": "stencil generate",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "deploy-storybook": "storybook-to-ghpages",
-    "prepare": "npm run build && npm run precompress"
+    "build": "stencil build --docs",
+    "compression": "node compression",
+    "postbuild": "npm run compression",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
     "@raruto/leaflet-elevation": "^2.4.0",