@geotrekce/geotrek-rando-widget 0.2.16 → 0.3.1

package/dist/collection/components/grw-trek-card/grw-trek-card.js

@@ -43,6 +43,12 @@ export class GrwTrekCard {
       reset();
     }
   }
+  handleMouseOver() {
+    this.cardTrekMouseOver.emit(this.currentTrek.id);
+  }
+  handleMouseLeave() {
+    this.cardTrekMouseLeave.emit();
+  }
   render() {
     var _a, _b, _c, _d, _e, _f, _g;
     return (h(Host, { style: {
@@ -52,7 +58,9 @@ export class GrwTrekCard {
         '--color-secondary-container': this.colorSecondaryContainer,
         '--color-on-secondary-container': this.colorOnSecondaryContainer,
         '--color-surface-container-low': this.colorSurfaceContainerLow,
-      } }, this.currentTrek && (h("div", { class: this.isLargeView ? 'trek-card-large-view-container' : 'trek-card-container', onClick: () => this.trekCardPress.emit(this.currentTrek.id) }, this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (h("img", { class: "image", src: `${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`, loading: "lazy" })), h("div", { class: "sub-container" }, this.departureCity && h("div", { class: "departure" }, this.departureCity.name), h("div", { class: "name" }, (_a = this.currentTrek) === null || _a === void 0 ? void 0 : _a.name), h("div", { class: "themes-container" }, this.themes.map(theme => (h("div", { class: "theme" }, theme.label)))), h("div", { class: "icons-labels-container" }, h("div", { class: "row" }, h("div", { class: "icon-label difficulty" }, ((_b = this.difficulty) === null || _b === void 0 ? void 0 : _b.pictogram) && h("img", { src: this.difficulty.pictogram }), (_c = this.difficulty) === null || _c === void 0 ? void 0 :
+      } }, this.currentTrek && (h("div", { class: this.isLargeView
+        ? `trek-card-large-view-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`
+        : `trek-card-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`, onClick: () => this.trekCardPress.emit(this.currentTrek.id) }, this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (h("img", { class: "image", src: `${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`, loading: "lazy" })), h("div", { class: "sub-container" }, this.departureCity && h("div", { class: "departure" }, this.departureCity.name), h("div", { class: "name" }, (_a = this.currentTrek) === null || _a === void 0 ? void 0 : _a.name), h("div", { class: "themes-container" }, this.themes.map(theme => (h("div", { class: "theme" }, theme.label)))), h("div", { class: "icons-labels-container" }, h("div", { class: "row" }, h("div", { class: "icon-label difficulty" }, ((_b = this.difficulty) === null || _b === void 0 ? void 0 : _b.pictogram) && h("img", { src: this.difficulty.pictogram }), (_c = this.difficulty) === null || _c === void 0 ? void 0 :
       _c.label), h("div", { class: "icon-label duration" }, h("span", { class: "material-symbols material-symbols-outlined" }, "timelapse"), formatDuration(this.currentTrek.duration))), h("div", { class: "row" }, h("div", { class: "icon-label length" }, h("span", { class: "material-symbols material-symbols-outlined" }, "open_in_full"), formatLength(this.currentTrek.length_2d)), h("div", { class: "icon-label ascent" }, h("span", { class: "material-symbols material-symbols-outlined" }, "moving"), formatAscent(this.currentTrek.ascent))), h("div", { class: "row" }, h("div", { class: "icon-label route" }, ((_d = this.route) === null || _d === void 0 ? void 0 : _d.pictogram) && h("img", { src: this.route.pictogram }), (_e = this.route) === null || _e === void 0 ? void 0 :
       _e.route), h("div", { class: "icon-label practice" }, ((_f = this.practice) === null || _f === void 0 ? void 0 : _f.pictogram) && h("img", { src: this.practice.pictogram }), (_g = this.practice) === null || _g === void 0 ? void 0 :
       _g.name))))))));
@@ -245,6 +253,51 @@ export class GrwTrekCard {
           "resolved": "number",
           "references": {}
         }
+      }, {
+        "method": "cardTrekMouseOver",
+        "name": "cardTrekMouseOver",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
+      }, {
+        "method": "cardTrekMouseLeave",
+        "name": "cardTrekMouseLeave",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "mouseover",
+        "method": "handleMouseOver",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "mouseleave",
+        "method": "handleMouseLeave",
+        "target": undefined,
+        "capture": false,
+        "passive": true
       }];
   }
 }

package/dist/collection/components/grw-trek-card/grw-trek-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"grw-trek-card.js","sourceRoot":"","sources":["../../../src/components/grw-trek-card/grw-trek-card.tsx"],"names":[],"mappings":"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","sourcesContent":["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 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 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 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"]}
+{"version":3,"file":"grw-trek-card.js","sourceRoot":"","sources":["../../../src/components/grw-trek-card/grw-trek-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, State, Listen } from '@stencil/core';\nimport state, { onChange, reset } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\n\n@Component({\n  tag: 'grw-trek-card',\n  styleUrl: 'grw-trek-card.scss',\n  shadow: true,\n})\nexport class GrwTrekCard {\n  @Event() trekCardPress: EventEmitter<number>;\n  @State() currentTrek: Trek;\n  @State() difficulty: Difficulty;\n  @State() route: Route;\n  @State() practice: Practice;\n  @State() themes: Themes;\n  @State() departureCity: City;\n  @Prop() trek: Trek;\n  @Prop() colorPrimaryApp = '#6b0030';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() isLargeView = false;\n  @Prop() resetStoreOnDisconnected = true;\n\n  @Event() cardTrekMouseOver: EventEmitter<number>;\n  @Event() cardTrekMouseLeave: EventEmitter;\n\n  connectedCallback() {\n    this.currentTrek = this.trek ? this.trek : state.currentTrek;\n    if (this.currentTrek) {\n      this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n      this.route = state.routes.find(route => route.id === this.currentTrek.route);\n      this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n      this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n      this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n    }\n    onChange('currentTrek', () => {\n      this.currentTrek = this.trek ? this.trek : state.currentTrek;\n      if (this.currentTrek) {\n        this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n        this.route = state.routes.find(route => route.id === this.currentTrek.route);\n        this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n        this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n        this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.resetStoreOnDisconnected) {\n      reset();\n    }\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTrekMouseOver.emit(this.currentTrek.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTrekMouseLeave.emit();\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          'width': this.isLargeView ? '100%' : 'auto',\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n        }}\n      >\n        {this.currentTrek && (\n          <div\n            class={\n              this.isLargeView\n                ? `trek-card-large-view-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n                : `trek-card-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n            }\n            onClick={() => this.trekCardPress.emit(this.currentTrek.id)}\n          >\n            {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (\n              <img class=\"image\" src={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n            )}\n            <div class=\"sub-container\">\n              {this.departureCity && <div class=\"departure\">{this.departureCity.name}</div>}\n              <div class=\"name\">{this.currentTrek?.name}</div>\n              <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 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 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 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"]}

package/dist/collection/i18n/i18n.js

@@ -52,8 +52,11 @@ export const translate = {
     themes: 'Thèmes',
     routes: 'Type de parcours',
     elevation: 'Denivelé positif',
-    others: 'Autres',
+    activities: 'Activités',
     districts: 'Secteurs',
+    erase: 'Effacer',
+    ok: 'Ok',
+    location: 'Localisation',
   },
   en: {
     filter: 'Filter',
@@ -108,8 +111,11 @@ export const translate = {
     themes: 'Themes',
     routes: 'Type of course',
     elevation: 'Positive elevation',
-    others: 'Others',
+    activities: 'Activities',
     districts: 'Districts',
+    erase: 'Erase',
+    ok: 'Ok',
+    location: 'Location',
   },
 };
 //# sourceMappingURL=i18n.js.map

package/dist/collection/i18n/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"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","sourcesContent":["interface Translation {\n  filter: string;\n  practice: string;\n  difficulty: string;\n  duration: string;\n  length: string;\n  treks: string;\n  trek: string;\n  showList: string;\n  showMap: string;\n  showRoute: string;\n  showDetails: string;\n  downloads: string;\n  description: string;\n  departure: string;\n  arrival: string;\n  elevationProfile: string;\n  roadAccess: string;\n  transport: string;\n  recommendations: string;\n  recommendedParking: string;\n  equipments: string;\n  environmentalSensitiveAreas: string;\n  informationPlaces: string;\n  accessibility: string;\n  accessibilityLevel: string;\n  accessibilitySlope: string;\n  accessibilityWidth: string;\n  accessibilitySignage: string;\n  accessibilityCovering: string;\n  accessibilityExposure: string;\n  accessibilityAdvices: string;\n  pois: Function;\n  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  themes: string;\n  routes: string;\n  elevation: string;\n  others: string;\n  districts: string;\n}\n\ninterface AvailableTranslations {\n  fr: Translation;\n  en: Translation;\n}\n\nexport const translate: AvailableTranslations = {\n  fr: {\n    filter: 'Filtrer',\n    practice: 'Pratique',\n    difficulty: 'Difficulté',\n    duration: 'Durée',\n    length: 'Longueur',\n    treks: 'randonnées',\n    trek: 'randonnée',\n    showList: 'Voir la liste',\n    showMap: 'Voir la carte',\n    showRoute: \"Voir l'itinéraire\",\n    showDetails: 'Voir la fiche',\n    downloads: 'Téléchargements',\n    description: 'Description',\n    departure: 'Départ',\n    arrival: 'Arrivée',\n    elevationProfile: 'Profil altimétrique',\n    roadAccess: 'Accès routier',\n    transport: 'Transport',\n    recommendations: 'Recommandations',\n    recommendedParking: 'Parking conseillé',\n    equipments: 'Équipements',\n    environmentalSensitiveAreas: 'Zones de sensibilité environnementale',\n    informationPlaces: 'Lieux de renseignement',\n    accessibility: 'Accessibilité',\n    accessibilityLevel: \"Niveau d'accessibilité\",\n    accessibilitySlope: 'Pente',\n    accessibilityWidth: 'Largeur',\n    accessibilitySignage: 'Signalisation',\n    accessibilityCovering: 'Revêtement',\n    accessibilityExposure: 'Exposition',\n    accessibilityAdvices: 'Conseils',\n    pois: (poisLength: number) => `Les ${poisLength} patrimoines à découvrir`,\n    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    themes: 'Thèmes',\n    routes: 'Type de parcours',\n    elevation: 'Denivelé positif',\n    others: 'Autres',\n    districts: 'Secteurs',\n  },\n  en: {\n    filter: 'Filter',\n    practice: 'Practice',\n    difficulty: 'Difficulty',\n    duration: 'Duration',\n    length: 'Length',\n    treks: 'Hikes',\n    trek: 'Hike',\n    showList: 'Show the list',\n    showMap: 'Show the map',\n    showRoute: 'Show the route',\n    showDetails: 'Show the details',\n    downloads: 'Downloads',\n    description: 'Description',\n    departure: 'Departure',\n    arrival: 'Arrival',\n    elevationProfile: 'Elevation profile',\n    roadAccess: 'Road acess',\n    transport: 'Transport',\n    recommendations: 'Recommendations',\n    recommendedParking: 'Parking recommended',\n    equipments: 'Equipements',\n    environmentalSensitiveAreas: 'Areas of environmental sensitivity',\n    informationPlaces: 'Information places',\n    accessibility: 'Accessibility',\n    accessibilityLevel: 'Accessibility level',\n    accessibilitySlope: 'Slope',\n    accessibilityWidth: 'Width',\n    accessibilitySignage: 'Signage',\n    accessibilityCovering: 'Covering',\n    accessibilityExposure: 'Exposure',\n    accessibilityAdvices: 'Advices',\n    pois: (poisLength: number) => `${poisLength} points of interest`,\n    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    themes: 'Themes',\n    routes: 'Type of course',\n    elevation: 'Positive elevation',\n    others: 'Others',\n    districts: 'Districts',\n  },\n};\n"]}
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"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","sourcesContent":["interface Translation {\n  filter: string;\n  practice: string;\n  difficulty: string;\n  duration: string;\n  length: string;\n  treks: string;\n  trek: string;\n  showList: string;\n  showMap: string;\n  showRoute: string;\n  showDetails: string;\n  downloads: string;\n  description: string;\n  departure: string;\n  arrival: string;\n  elevationProfile: string;\n  roadAccess: string;\n  transport: string;\n  recommendations: string;\n  recommendedParking: string;\n  equipments: string;\n  environmentalSensitiveAreas: string;\n  informationPlaces: string;\n  accessibility: string;\n  accessibilityLevel: string;\n  accessibilitySlope: string;\n  accessibilityWidth: string;\n  accessibilitySignage: string;\n  accessibilityCovering: string;\n  accessibilityExposure: string;\n  accessibilityAdvices: string;\n  pois: Function;\n  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  themes: string;\n  routes: string;\n  elevation: string;\n  activities: string;\n  districts: string;\n  erase: string;\n  ok: string;\n  location: string;\n}\n\ninterface AvailableTranslations {\n  fr: Translation;\n  en: Translation;\n}\n\nexport const translate: AvailableTranslations = {\n  fr: {\n    filter: 'Filtrer',\n    practice: 'Pratique',\n    difficulty: 'Difficulté',\n    duration: 'Durée',\n    length: 'Longueur',\n    treks: 'randonnées',\n    trek: 'randonnée',\n    showList: 'Voir la liste',\n    showMap: 'Voir la carte',\n    showRoute: \"Voir l'itinéraire\",\n    showDetails: 'Voir la fiche',\n    downloads: 'Téléchargements',\n    description: 'Description',\n    departure: 'Départ',\n    arrival: 'Arrivée',\n    elevationProfile: 'Profil altimétrique',\n    roadAccess: 'Accès routier',\n    transport: 'Transport',\n    recommendations: 'Recommandations',\n    recommendedParking: 'Parking conseillé',\n    equipments: 'Équipements',\n    environmentalSensitiveAreas: 'Zones de sensibilité environnementale',\n    informationPlaces: 'Lieux de renseignement',\n    accessibility: 'Accessibilité',\n    accessibilityLevel: \"Niveau d'accessibilité\",\n    accessibilitySlope: 'Pente',\n    accessibilityWidth: 'Largeur',\n    accessibilitySignage: 'Signalisation',\n    accessibilityCovering: 'Revêtement',\n    accessibilityExposure: 'Exposition',\n    accessibilityAdvices: 'Conseils',\n    pois: (poisLength: number) => `Les ${poisLength} patrimoines à découvrir`,\n    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    themes: 'Thèmes',\n    routes: 'Type de parcours',\n    elevation: 'Denivelé positif',\n    activities: 'Activités',\n    districts: 'Secteurs',\n    erase: 'Effacer',\n    ok: 'Ok',\n    location: 'Localisation',\n  },\n  en: {\n    filter: 'Filter',\n    practice: 'Practice',\n    difficulty: 'Difficulty',\n    duration: 'Duration',\n    length: 'Length',\n    treks: 'Hikes',\n    trek: 'Hike',\n    showList: 'Show the list',\n    showMap: 'Show the map',\n    showRoute: 'Show the route',\n    showDetails: 'Show the details',\n    downloads: 'Downloads',\n    description: 'Description',\n    departure: 'Departure',\n    arrival: 'Arrival',\n    elevationProfile: 'Elevation profile',\n    roadAccess: 'Road acess',\n    transport: 'Transport',\n    recommendations: 'Recommendations',\n    recommendedParking: 'Parking recommended',\n    equipments: 'Equipements',\n    environmentalSensitiveAreas: 'Areas of environmental sensitivity',\n    informationPlaces: 'Information places',\n    accessibility: 'Accessibility',\n    accessibilityLevel: 'Accessibility level',\n    accessibilitySlope: 'Slope',\n    accessibilityWidth: 'Width',\n    accessibilitySignage: 'Signage',\n    accessibilityCovering: 'Covering',\n    accessibilityExposure: 'Exposure',\n    accessibilityAdvices: 'Advices',\n    pois: (poisLength: number) => `${poisLength} points of interest`,\n    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    themes: 'Themes',\n    routes: 'Type of course',\n    elevation: 'Positive elevation',\n    activities: 'Activities',\n    districts: 'Districts',\n    erase: 'Erase',\n    ok: 'Ok',\n    location: 'Location',\n  },\n};\n"]}

package/dist/collection/services/treks.service.js

@@ -0,0 +1,6 @@
+import { Build } from '@stencil/core';
+import state from 'store/store';
+export function getTrekGeometry(id) {
+  return fetch(`${state.api}trek/${id}/?language=${state.language}&published=true&fields=geometry`, { cache: Build.isDev ? 'force-cache' : 'default' }).then(response => response.json());
+}
+//# sourceMappingURL=treks.service.js.map

package/dist/collection/services/treks.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treks.service.js","sourceRoot":"","sources":["../../src/services/treks.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,UAAU,eAAe,CAAC,EAAU;EACxC,OAAO,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,QAAQ,EAAE,cAAc,KAAK,CAAC,QAAQ,iCAAiC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CACpK,QAAQ,CAAC,IAAI,EAAE,CAChB,CAAC;AACJ,CAAC","sourcesContent":["import { Build } from '@stencil/core';\nimport state from 'store/store';\n\nexport function getTrekGeometry(id: number) {\n  return fetch(`${state.api}trek/${id}/?language=${state.language}&published=true&fields=geometry`, { cache: Build.isDev ? 'force-cache' : 'default' }).then(response =>\n    response.json(),\n  );\n}\n"]}

package/dist/collection/store/store.js

@@ -28,9 +28,10 @@ const { state, onChange, reset } = createStore({
   treksNetworkError: false,
   trekNetworkError: false,
   searchValue: null,
-  selectedOthersFilters: 0,
+  selectedActivitiesFilters: 0,
   selectedThemesFilters: 0,
   selectedLocationFilters: 0,
+  selectedTrekId: null,
 });
 export { onChange, reset };
 export default state;

package/dist/collection/store/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/store/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAwB7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,CAgC3C;EACD,GAAG,EAAE,IAAI;EACT,SAAS,EAAE,IAAI;EACf,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,IAAI;EACX,YAAY,EAAE,IAAI;EAClB,iBAAiB,EAAE,IAAI;EACvB,qBAAqB,EAAE,IAAI;EAC3B,YAAY,EAAE,IAAI;EAClB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;EAChB,qBAAqB,EAAE,IAAI;EAC3B,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,IAAI;EACrB,oBAAoB,EAAE,IAAI;EAC1B,QAAQ,EAAE,IAAI;EACd,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,IAAI;EACjB,uBAAuB,EAAE,IAAI;EAC7B,iBAAiB,EAAE,KAAK;EACxB,gBAAgB,EAAE,KAAK;EACvB,WAAW,EAAE,IAAI;EACjB,qBAAqB,EAAE,CAAC;EACxB,qBAAqB,EAAE,CAAC;EACxB,uBAAuB,EAAE,CAAC;CAC3B,CAAC,CAAC;AAEH,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAE3B,eAAe,KAAK,CAAC","sourcesContent":["import { createStore } from '@stencil/store';\nimport { LatLngBounds } from 'leaflet';\nimport {\n  Accessibilities,\n  accessibilitiesLevel,\n  Difficulties,\n  Durations,\n  InformationDesks,\n  Labels,\n  Pois,\n  PoiTypes,\n  Practices,\n  Routes,\n  SensitiveAreas,\n  Sources,\n  Themes,\n  Cities,\n  Trek,\n  Treks,\n  Lengths,\n  Elevations,\n  Districts,\n} from 'types/types';\n\nconst { state, onChange, reset } = createStore<{\n  api: string;\n  languages: string[];\n  language: string;\n  treks: Treks;\n  treksWithinBounds: Treks;\n  currentMapTreksBounds: LatLngBounds;\n  currentTreks: Treks;\n  difficulties: Difficulties;\n  routes: Routes;\n  practices: Practices;\n  themes: Themes;\n  cities: Cities;\n  durations: Durations;\n  lengths: Lengths;\n  elevations: Elevations;\n  labels: Labels;\n  districts: Districts;\n  sources: Sources;\n  accessibilities: Accessibilities;\n  accessibilitiesLevel: accessibilitiesLevel;\n  poiTypes: PoiTypes;\n  currentTrek: Trek;\n  currentSensitiveAreas: SensitiveAreas;\n  currentPois: Pois;\n  currentInformationDesks: InformationDesks;\n  treksNetworkError: boolean;\n  trekNetworkError: boolean;\n  searchValue: string;\n  selectedOthersFilters: number;\n  selectedThemesFilters: number;\n  selectedLocationFilters: number;\n}>({\n  api: null,\n  languages: null,\n  language: null,\n  treks: null,\n  currentTreks: null,\n  treksWithinBounds: null,\n  currentMapTreksBounds: null,\n  difficulties: null,\n  routes: null,\n  practices: null,\n  themes: null,\n  cities: null,\n  durations: null,\n  lengths: null,\n  elevations: null,\n  currentSensitiveAreas: null,\n  labels: null,\n  districts: null,\n  sources: null,\n  accessibilities: null,\n  accessibilitiesLevel: null,\n  poiTypes: null,\n  currentTrek: null,\n  currentPois: null,\n  currentInformationDesks: null,\n  treksNetworkError: false,\n  trekNetworkError: false,\n  searchValue: null,\n  selectedOthersFilters: 0,\n  selectedThemesFilters: 0,\n  selectedLocationFilters: 0,\n});\n\nexport { onChange, reset };\n\nexport default state;\n"]}
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/store/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAwB7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,CAiC3C;EACD,GAAG,EAAE,IAAI;EACT,SAAS,EAAE,IAAI;EACf,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,IAAI;EACX,YAAY,EAAE,IAAI;EAClB,iBAAiB,EAAE,IAAI;EACvB,qBAAqB,EAAE,IAAI;EAC3B,YAAY,EAAE,IAAI;EAClB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;EAChB,qBAAqB,EAAE,IAAI;EAC3B,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,IAAI;EACrB,oBAAoB,EAAE,IAAI;EAC1B,QAAQ,EAAE,IAAI;EACd,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,IAAI;EACjB,uBAAuB,EAAE,IAAI;EAC7B,iBAAiB,EAAE,KAAK;EACxB,gBAAgB,EAAE,KAAK;EACvB,WAAW,EAAE,IAAI;EACjB,yBAAyB,EAAE,CAAC;EAC5B,qBAAqB,EAAE,CAAC;EACxB,uBAAuB,EAAE,CAAC;EAC1B,cAAc,EAAE,IAAI;CACrB,CAAC,CAAC;AAEH,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAE3B,eAAe,KAAK,CAAC","sourcesContent":["import { createStore } from '@stencil/store';\nimport { LatLngBounds } from 'leaflet';\nimport {\n  Accessibilities,\n  accessibilitiesLevel,\n  Difficulties,\n  Durations,\n  InformationDesks,\n  Labels,\n  Pois,\n  PoiTypes,\n  Practices,\n  Routes,\n  SensitiveAreas,\n  Sources,\n  Themes,\n  Cities,\n  Trek,\n  Treks,\n  Lengths,\n  Elevations,\n  Districts,\n} from 'types/types';\n\nconst { state, onChange, reset } = createStore<{\n  api: string;\n  languages: string[];\n  language: string;\n  treks: Treks;\n  treksWithinBounds: Treks;\n  currentMapTreksBounds: LatLngBounds;\n  currentTreks: Treks;\n  difficulties: Difficulties;\n  routes: Routes;\n  practices: Practices;\n  themes: Themes;\n  cities: Cities;\n  durations: Durations;\n  lengths: Lengths;\n  elevations: Elevations;\n  labels: Labels;\n  districts: Districts;\n  sources: Sources;\n  accessibilities: Accessibilities;\n  accessibilitiesLevel: accessibilitiesLevel;\n  poiTypes: PoiTypes;\n  currentTrek: Trek;\n  currentSensitiveAreas: SensitiveAreas;\n  currentPois: Pois;\n  currentInformationDesks: InformationDesks;\n  treksNetworkError: boolean;\n  trekNetworkError: boolean;\n  searchValue: string;\n  selectedActivitiesFilters: number;\n  selectedThemesFilters: number;\n  selectedLocationFilters: number;\n  selectedTrekId: number;\n}>({\n  api: null,\n  languages: null,\n  language: null,\n  treks: null,\n  currentTreks: null,\n  treksWithinBounds: null,\n  currentMapTreksBounds: null,\n  difficulties: null,\n  routes: null,\n  practices: null,\n  themes: null,\n  cities: null,\n  durations: null,\n  lengths: null,\n  elevations: null,\n  currentSensitiveAreas: null,\n  labels: null,\n  districts: null,\n  sources: null,\n  accessibilities: null,\n  accessibilitiesLevel: null,\n  poiTypes: null,\n  currentTrek: null,\n  currentPois: null,\n  currentInformationDesks: null,\n  treksNetworkError: false,\n  trekNetworkError: false,\n  searchValue: null,\n  selectedActivitiesFilters: 0,\n  selectedThemesFilters: 0,\n  selectedLocationFilters: 0,\n  selectedTrekId: null,\n});\n\nexport { onChange, reset };\n\nexport default state;\n"]}

package/dist/collection/stories/App.js

@@ -11,8 +11,9 @@ export const createApp = ({
   portals,
   routes,
   practices,
+  nameLayer,
   urlLayer,
-  attribution,
+  attributionLayer,
   colorPrimaryApp,
   colorOnPrimary,
   colorSurface,
@@ -31,8 +32,6 @@ export const createApp = ({
   colorTrekLine,
   colorSensitiveArea,
   colorPoiIcon,
-  linkName,
-  linkTarget,
   useGradient,
 }) => {
   const app = document.createElement('grw-app');
@@ -48,8 +47,9 @@ export const createApp = ({
   portals && app.setAttribute('portals', portals);
   routes && app.setAttribute('routes', routes);
   practices && app.setAttribute('practices', practices);
+  app.setAttribute('name-layer', nameLayer);
   app.setAttribute('url-layer', urlLayer);
-  app.setAttribute('attribution', attribution);
+  app.setAttribute('attribution-layer', attributionLayer);
   app.setAttribute('color-primary-app', colorPrimaryApp);
   app.setAttribute('color-on-primary', colorOnPrimary);
   app.setAttribute('color-surface', colorSurface);
@@ -68,8 +68,6 @@ export const createApp = ({
   app.setAttribute('color-trek-line', colorTrekLine);
   app.setAttribute('color-sensitive-area', colorSensitiveArea);
   app.setAttribute('color-poi-icon', colorPoiIcon);
-  app.setAttribute('link-name', linkName);
-  app.setAttribute('link-target', linkTarget);
   app.setAttribute('use-gradient', useGradient);
   return app;
 };

package/dist/collection/stories/App.stories.js

@@ -5,8 +5,10 @@ export default {
   argTypes: {
     urlLayer: {
       control: 'select',
-      options: ['planignv2', 'openstreetmap'],
+      options: ['planignv2andopenstreetmap', 'planignv2', 'openstreetmap'],
       mapping: {
+        planignv2andopenstreetmap:
+          'https://wxs.ign.fr/cartes/geoportail/wmts?&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE=normal&TILEMATRIXSET=PM&FORMAT=image/png&LAYER=GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2&TILEMATRIX={z}&TILEROW={y}&TILECOL={x},https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
         planignv2:
           'https://wxs.ign.fr/cartes/geoportail/wmts?&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE=normal&TILEMATRIXSET=PM&FORMAT=image/png&LAYER=GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
         openstreetmap: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
@@ -34,8 +36,9 @@ App.args = {
   portals: '',
   routes: '',
   practices: '',
-  urlLayer: 'planignv2',
-  attribution: '© IGN',
+  nameLayer: 'IGN,OpenStreetMap',
+  urlLayer: 'planignv2andopenstreetmap',
+  attributionLayer: 'IGN, OpenStreetMap',
   colorPrimaryApp: '#6b0030',
   colorOnPrimary: '#ffffff',
   colorSurface: '#1c1b1f',
@@ -54,8 +57,6 @@ App.args = {
   colorTrekLine: '#6b0030',
   colorSensitiveArea: '#4974a5',
   colorPoiIcon: '#974c6e',
-  linkName: 'GEOTREK',
-  linkTarget: 'https://geotrek.fr',
   useGradient: false,
 };
 App.storyName = 'App';

package/dist/collection/stories/TrekMap.js

@@ -1,10 +1,11 @@
 export const createTrekMap = ({
   api,
   trekId,
-  urlLayer,
   center,
   zoom,
-  attribution,
+  nameLayer,
+  urlLayer,
+  attributionLayer,
   colorPrimaryApp,
   colorOnSurface,
   colorPrimaryContainer,
@@ -25,7 +26,9 @@ export const createTrekMap = ({
   trekMap.setAttribute('url-layer', urlLayer);
   trekMap.setAttribute('center', center);
   trekMap.setAttribute('zoom', zoom);
-  trekMap.setAttribute('attribution', attribution);
+  trekMap.setAttribute('name-layer', nameLayer);
+  trekMap.setAttribute('url-layer', urlLayer);
+  trekMap.setAttribute('attribution-layer', attributionLayer);
   trekMap.setAttribute('color-primary-app', colorPrimaryApp);
   trekMap.setAttribute('color-on-surface', colorOnSurface);
   trekMap.setAttribute('color-primary-container', colorPrimaryContainer);

package/dist/collection/stories/TrekMap.stories.js

@@ -5,8 +5,10 @@ export default {
   argTypes: {
     urlLayer: {
       control: 'select',
-      options: ['planignv2', 'openstreetmap'],
+      options: ['planignv2andopenstreetmap', 'planignv2', 'openstreetmap'],
       mapping: {
+        planignv2andopenstreetmap:
+          'https://wxs.ign.fr/cartes/geoportail/wmts?&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE=normal&TILEMATRIXSET=PM&FORMAT=image/png&LAYER=GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2&TILEMATRIX={z}&TILEROW={y}&TILECOL={x},https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
         planignv2:
           'https://wxs.ign.fr/cartes/geoportail/wmts?&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE=normal&TILEMATRIXSET=PM&FORMAT=image/png&LAYER=GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
         openstreetmap: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
@@ -24,10 +26,11 @@ export const TrekMap = Template.bind({});
 TrekMap.args = {
   api: 'https://randoadmin.parc-haut-jura.fr/api/v2/',
   trekId: 242872,
-  urlLayer: 'planignv2',
   center: '46.50761080179829, 5.927117067721017',
   zoom: 8,
-  attribution: '© IGN',
+  nameLayer: 'IGN,OpenStreetMap',
+  urlLayer: 'planignv2andopenstreetmap',
+  attributionLayer: 'IGN, OpenStreetMap',
   colorPrimaryApp: '#6b0030',
   colorOnSurface: '#49454e',
   colorPrimaryContainer: '#eaddff',

package/dist/collection/stories/TreksMap.js

@@ -1,14 +1,27 @@
-export const createTreksMap = ({ api, urlLayer, center, zoom, attribution, colorPrimaryApp, colorOnSurface, colorPrimaryContainer, colorOnPrimaryContainer, colorBackground }) => {
+export const createTreksMap = ({
+  api,
+  center,
+  zoom,
+  nameLayer,
+  urlLayer,
+  attributionLayer,
+  colorPrimaryApp,
+  colorOnSurface,
+  colorPrimaryContainer,
+  colorOnPrimaryContainer,
+  colorBackground,
+}) => {
   const container = document.createElement('div');
   container.style = 'height: 100%';
   const treks = document.createElement('grw-treks-provider');
   treks.setAttribute('api', api);
   container.appendChild(treks);
   const treksMap = document.createElement('grw-map');
-  treksMap.setAttribute('url-layer', urlLayer);
   treksMap.setAttribute('center', center);
   treksMap.setAttribute('zoom', zoom);
-  treksMap.setAttribute('attribution', attribution);
+  treksMap.setAttribute('name-layer', nameLayer);
+  treksMap.setAttribute('url-layer', urlLayer);
+  treksMap.setAttribute('attribution-layer', attributionLayer);
   treksMap.setAttribute('color-primary-app', colorPrimaryApp);
   treksMap.setAttribute('color-on-surface', colorOnSurface);
   treksMap.setAttribute('color-primary-container', colorPrimaryContainer);

package/dist/collection/stories/TreksMap.stories.js

@@ -5,8 +5,10 @@ export default {
   argTypes: {
     urlLayer: {
       control: 'select',
-      options: ['planignv2', 'openstreetmap'],
+      options: ['planignv2andopenstreetmap', 'planignv2', 'openstreetmap'],
       mapping: {
+        planignv2andopenstreetmap:
+          'https://wxs.ign.fr/cartes/geoportail/wmts?&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE=normal&TILEMATRIXSET=PM&FORMAT=image/png&LAYER=GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2&TILEMATRIX={z}&TILEROW={y}&TILECOL={x},https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
         planignv2:
           'https://wxs.ign.fr/cartes/geoportail/wmts?&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE=normal&TILEMATRIXSET=PM&FORMAT=image/png&LAYER=GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
         openstreetmap: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
@@ -23,10 +25,11 @@ export const TreksMap = Template.bind({});
 
 TreksMap.args = {
   api: 'https://randoadmin.parc-haut-jura.fr/api/v2/',
-  urlLayer: 'planignv2',
   center: '46.50761080179829, 5.927117067721017',
   zoom: 8,
-  attribution: '© IGN',
+  nameLayer: 'IGN,OpenStreetMap',
+  urlLayer: 'planignv2andopenstreetmap',
+  attributionLayer: 'IGN, OpenStreetMap',
   colorPrimaryApp: '#6b0030',
   colorOnSurface: '#49454e',
   colorPrimaryContainer: '#eaddff',

package/dist/collection/utils/utils.js

@@ -19,14 +19,14 @@ export function formatAscent(ascent) {
   return `${ascent}m`;
 }
 export const filters = [
-  { property: 'practices', trekProperty: 'practice', trekPropertyIsArray: false, type: 'include', segment: 'selectedOthersFilters' },
-  { property: 'difficulties', trekProperty: 'difficulty', trekPropertyIsArray: false, type: 'include', segment: 'selectedOthersFilters' },
-  { property: 'durations', trekProperty: 'duration', trekPropertyIsArray: false, type: 'interval', segment: 'selectedOthersFilters' },
-  { property: 'lengths', trekProperty: 'length_2d', trekPropertyIsArray: false, type: 'interval', segment: 'selectedOthersFilters' },
-  { property: 'elevations', trekProperty: 'ascent', trekPropertyIsArray: false, type: 'interval', segment: 'selectedOthersFilters' },
-  { property: 'routes', trekProperty: 'route', trekPropertyIsArray: false, type: 'include', segment: 'selectedOthersFilters' },
-  { property: 'accessibilities', trekProperty: 'accessibilities', trekPropertyIsArray: true, type: 'include', segment: 'selectedOthersFilters' },
-  { property: 'labels', trekProperty: 'labels', trekPropertyIsArray: true, type: 'include', segment: 'selectedOthersFilters' },
+  { property: 'practices', trekProperty: 'practice', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },
+  { property: 'difficulties', trekProperty: 'difficulty', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },
+  { property: 'durations', trekProperty: 'duration', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },
+  { property: 'lengths', trekProperty: 'length_2d', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },
+  { property: 'elevations', trekProperty: 'ascent', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },
+  { property: 'routes', trekProperty: 'route', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },
+  { property: 'accessibilities', trekProperty: 'accessibilities', trekPropertyIsArray: true, type: 'include', segment: 'selectedActivitiesFilters' },
+  { property: 'labels', trekProperty: 'labels', trekPropertyIsArray: true, type: 'include', segment: 'selectedActivitiesFilters' },
   { property: 'themes', trekProperty: 'themes', trekPropertyIsArray: true, type: 'include', segment: 'selectedThemesFilters' },
   { property: 'cities', trekProperty: 'cities', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },
   { property: 'districts', trekProperty: 'districts', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },

package/dist/collection/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","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 const filters: Filters = [\n  { property: 'practices', trekProperty: 'practice', trekPropertyIsArray: false, type: 'include', segment: 'selectedOthersFilters' },\n  { property: 'difficulties', trekProperty: 'difficulty', trekPropertyIsArray: false, type: 'include', segment: 'selectedOthersFilters' },\n  { property: 'durations', trekProperty: 'duration', trekPropertyIsArray: false, type: 'interval', segment: 'selectedOthersFilters' },\n  { property: 'lengths', trekProperty: 'length_2d', trekPropertyIsArray: false, type: 'interval', segment: 'selectedOthersFilters' },\n  { property: 'elevations', trekProperty: 'ascent', trekPropertyIsArray: false, type: 'interval', segment: 'selectedOthersFilters' },\n  { property: 'routes', trekProperty: 'route', trekPropertyIsArray: false, type: 'include', segment: 'selectedOthersFilters' },\n  { property: 'accessibilities', trekProperty: 'accessibilities', trekPropertyIsArray: true, type: 'include', segment: 'selectedOthersFilters' },\n  { property: 'labels', trekProperty: 'labels', trekPropertyIsArray: true, type: 'include', segment: 'selectedOthersFilters' },\n  { property: 'themes', trekProperty: 'themes', trekPropertyIsArray: true, type: 'include', segment: 'selectedThemesFilters' },\n  { property: 'cities', trekProperty: 'cities', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },\n  { property: 'districts', trekProperty: 'districts', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },\n];\n\nexport function handleFiltersAndSearch(): Treks {\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 = [...filtersTreks.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"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","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 const filters: Filters = [\n  { property: 'practices', trekProperty: 'practice', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'difficulties', trekProperty: 'difficulty', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'durations', trekProperty: 'duration', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },\n  { property: 'lengths', trekProperty: 'length_2d', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },\n  { property: 'elevations', trekProperty: 'ascent', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },\n  { property: 'routes', trekProperty: 'route', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'accessibilities', trekProperty: 'accessibilities', trekPropertyIsArray: true, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'labels', trekProperty: 'labels', trekPropertyIsArray: true, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'themes', trekProperty: 'themes', trekPropertyIsArray: true, type: 'include', segment: 'selectedThemesFilters' },\n  { property: 'cities', trekProperty: 'cities', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },\n  { property: 'districts', trekProperty: 'districts', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },\n];\n\nexport function handleFiltersAndSearch(): Treks {\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 = [...filtersTreks.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"]}