@geotrekce/geotrek-rando-widget 0.0.6 → 0.0.9

package/dist/esm/grw-filter_6.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-192d910f.js';
-import { s as state, o as onChange } from './store-b2c76c0c.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-ee473772.js';
+import { s as state, o as onChange } from './store-a5f523fd.js';
 import { d as durationImage, f as formatDuration, l as lengthImage, a as formatLength, b as ascentImage, c as formatAscent } from './length-d82189db.js';
 
 const grwFilterCss = ".filter-name{margin-left:8px;color:var(--color-primary);font-size:24px;font-weight:bold}.filter-button-container{display:flex;flex-direction:row;flex-wrap:wrap}.filter-button-container .filter-button,.filter-button-container .selected-filter-button{user-select:none;cursor:pointer;border:1px var(--color-primary) solid;border-radius:8px;margin:8px 0px 0px 8px;padding:8px}.filter-button-container .filter-button{color:var(--color-primary);background-color:#ffffff}.filter-button-container .selected-filter-button{color:#ffffff;background-color:var(--color-primary)}";
@@ -28,18 +28,17 @@ const GrwFilter = class {
             filtersTreks = [...filtersTreks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];
           }
           else if (filter.type === 'interval') {
-            let minValue;
-            let maxValue;
-            for (const currentFilterId of currentFiltersId) {
-              const currentFilter = state[filter.property].find(property => property.id === currentFilterId);
-              if (isNaN(minValue) || currentFilter.minValue < minValue) {
-                minValue = currentFilter.minValue;
-              }
-              if (isNaN(maxValue) || currentFilter.maxValue > maxValue) {
-                maxValue = currentFilter.maxValue;
-              }
-            }
-            filtersTreks = [...filtersTreks.filter(trek => trek[filter.trekProperty] >= minValue && trek[filter.trekProperty] <= maxValue)];
+            filtersTreks = [
+              ...filtersTreks.filter(trek => {
+                for (const currentFilterId of currentFiltersId) {
+                  const currentFilter = state[filter.property].find(property => property.id === currentFilterId);
+                  if (trek[filter.trekProperty] >= currentFilter.minValue && trek[filter.trekProperty] <= currentFilter.maxValue) {
+                    return true;
+                  }
+                }
+                return false;
+              }),
+            ];
           }
         }
         else {
@@ -14233,7 +14232,7 @@ const GrwMap = class {
     this.colorPoiIcon = '#974c6e';
     this.handleTreksWithinBoundsBind = this.handleTreksWithinBounds.bind(this);
   }
-  componentDidLoad() {
+  connectedCallback() {
     this.map = leafletSrc.map(this.element, {
       center: this.center.split(',').map(Number),
       zoom: this.zoom,
@@ -14246,15 +14245,17 @@ const GrwMap = class {
     if (state.currentTrek) {
       this.addTrek();
     }
-    else if (state.currentTrek) {
+    else if (state.currentTreks) {
       this.addTreks();
     }
     onChange('currentTreks', () => {
       if (state.currentTrek) {
+        this.removeTreks();
         this.addTrek();
       }
       else if (state.currentTreks) {
         this.addTreks();
+        this.removeTrek();
       }
     });
     onChange('currentTrek', () => {
@@ -14275,18 +14276,20 @@ const GrwMap = class {
       type: 'FeatureCollection',
       features: [],
     };
-    for (const trek of state.currentTreks) {
-      trekscurrentDepartureCoordinates.push(trek.departure_geom);
-      treksFeatureCollection.features.push({
-        type: 'Feature',
-        geometry: { type: 'Point', coordinates: trek.departure_geom },
-        properties: {
-          id: trek.id,
-          name: trek.name,
-          practice: (_a = state.practices.find(practice => practice.id === trek.practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
-          imgSrc: trek.attachments && trek.attachments.length > 0 && trek.attachments[0].thumbnail,
-        },
-      });
+    if (state.currentTreks) {
+      for (const trek of state.currentTreks) {
+        trekscurrentDepartureCoordinates.push(trek.departure_geom);
+        treksFeatureCollection.features.push({
+          type: 'Feature',
+          geometry: { type: 'Point', coordinates: trek.departure_geom },
+          properties: {
+            id: trek.id,
+            name: trek.name,
+            practice: (_a = state.practices.find(practice => practice.id === trek.practice)) === null || _a === void 0 ? void 0 : _a.pictogram,
+            imgSrc: trek.attachments && trek.attachments.length > 0 && trek.attachments[0].thumbnail,
+          },
+        });
+      }
     }
     if (!this.treksLayer) {
       if (trekscurrentDepartureCoordinates.length > 0 && !state.currentMapTreksBounds) {
@@ -14294,7 +14297,9 @@ const GrwMap = class {
         this.map.fitBounds(bounds);
       }
       else {
-        this.map.fitBounds(state.currentMapTreksBounds);
+        if (state.currentMapTreksBounds) {
+          this.map.fitBounds(state.currentMapTreksBounds);
+        }
       }
       this.treksLayer = leafletSrc.geoJSON(treksFeatureCollection, {
         pointToLayer: (geoJsonPoint, latlng) => leafletSrc.marker(latlng, {
@@ -14330,6 +14335,9 @@ const GrwMap = class {
         const bounds = leafletSrc.latLngBounds(trekscurrentDepartureCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
         this.map.fitBounds(bounds);
       }
+      else {
+        this.map.fire('moveend');
+      }
       this.treksLayer.clearLayers();
       this.treksLayer.addData(treksFeatureCollection);
     }
@@ -14612,7 +14620,7 @@ const GrwTrekDetail = class {
     this.colorPrimaryShade = '#4a0021';
     this.colorPrimaryTint = '#974c6e';
   }
-  componentWillLoad() {
+  connectedCallback() {
     this.currentTrek = this.trek ? this.trek : state.currentTrek;
     if (this.currentTrek) {
       this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);
@@ -14622,7 +14630,9 @@ const GrwTrekDetail = class {
       this.labels = state.labels.filter(label => this.currentTrek.labels.includes(label.id));
       this.sources = state.sources.filter(source => this.currentTrek.source.includes(source.id));
       this.accessibilities = state.accessibilities.filter(accessibility => this.currentTrek.accessibilities.includes(accessibility.id));
-      this.accessibilityLevel = state.accessibilitiesLevel.find(accessibilityLevel => this.currentTrek.accessibility_level === accessibilityLevel.id);
+      if (state.accessibilitiesLevel) {
+        this.accessibilityLevel = state.accessibilitiesLevel.find(accessibilityLevel => this.currentTrek.accessibility_level === accessibilityLevel.id);
+      }
     }
     onChange('currentTrek', () => {
       this.currentTrek = this.trek ? this.trek : state.currentTrek;
@@ -14633,6 +14643,10 @@ const GrwTrekDetail = class {
         this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));
         this.labels = state.labels.filter(label => this.currentTrek.labels.includes(label.id));
         this.sources = state.sources.filter(source => this.currentTrek.source.includes(source.id));
+        this.accessibilities = state.accessibilities.filter(accessibility => this.currentTrek.accessibilities.includes(accessibility.id));
+        if (state.accessibilitiesLevel) {
+          this.accessibilityLevel = state.accessibilitiesLevel.find(accessibilityLevel => this.currentTrek.accessibility_level === accessibilityLevel.id);
+        }
       }
     });
   }
@@ -14641,7 +14655,9 @@ const GrwTrekDetail = class {
     return (h(Host, { style: { '--color-primary': this.colorPrimary, '--color-primary-shade': this.colorPrimaryShade, '--color-primary-tint': this.colorPrimaryTint } }, this.currentTrek && (h("div", { class: "trek-detail-container" }, h("div", { class: "name" }, this.currentTrek.name), this.currentTrek.attachments && this.currentTrek.attachments[0] && this.currentTrek.attachments[0].thumbnail && (h("img", { class: "image", src: this.currentTrek.attachments[0].thumbnail, loading: "lazy" })), h("div", { class: "sub-container" }, h("div", { class: "icons-labels-container" }, h("div", { class: "row" }, h("div", { class: "icon-label difficulty" }, ((_a = this.difficulty) === null || _a === void 0 ? void 0 : _a.pictogram) && h("img", { src: this.difficulty.pictogram }), (_b = this.difficulty) === null || _b === void 0 ? void 0 :
       _b.label), h("div", { class: "icon-label duration" }, h("div", { class: "svg-icon", innerHTML: durationImage }), formatDuration((_c = this.currentTrek) === null || _c === void 0 ? void 0 : _c.duration)), 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: "row" }, h("div", { class: "icon-label length" }, h("div", { class: "svg-icon", innerHTML: lengthImage }), formatLength(this.currentTrek.length_2d)), h("div", { class: "icon-label ascent" }, h("div", { class: "svg-icon", innerHTML: ascentImage }), formatAscent(this.currentTrek.ascent)), 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)))), h("div", { class: "downloads-container" }, h("div", { class: "download-title" }, "T\u00E9l\u00E9chargements"), h("div", { class: "links-container" }, h("a", { href: `${this.currentTrek.gpx}` }, "GPX"), h("a", { href: `${this.currentTrek.kml}` }, "KML"), h("a", { href: `${this.currentTrek.pdf}` }, "PDF"))), this.themes.length > 0 && (h("div", { class: "themes-container" }, this.themes.map(theme => (h("div", { class: "theme" }, theme.label))))), this.currentTrek.description_teaser && h("div", { class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && h("div", { class: "ambiance", innerHTML: this.currentTrek.ambiance }), this.currentTrek.description && (h("div", { class: "description-container" }, h("div", { class: "description-title" }, "Description"), h("div", { class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (h("div", { class: "departure-container" }, h("div", { class: "departure-title" }, "D\u00E9part :\u00A0"), h("div", { innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (h("div", { class: "arrival-container" }, h("div", { class: "arrival-title" }, "Arriv\u00E9e :\u00A0"), h("div", { innerHTML: this.currentTrek.arrival }))), this.currentTrek.altimetric_profile && (h("div", { class: "altimetric-profile-container" }, h("div", { class: "altimetric-profile-title" }, "Profil altim\u00E9trique"), h("img", { src: this.currentTrek.altimetric_profile }))), this.currentTrek.access && (h("div", { class: "access-container" }, h("div", { class: "access-title" }, "Acc\u00E8s routier"), h("div", { class: "access", innerHTML: this.currentTrek.access }))), this.currentTrek.public_transport && (h("div", { class: "public-transport-container" }, h("div", { class: "public-transport-title" }, "Transport"), h("div", { class: "public-transport", innerHTML: this.currentTrek.public_transport }))), (this.currentTrek.advice || this.labels.length > 0) && (h("div", { class: "advice-container" }, h("div", { class: "advice-title" }, "Recommandations"), this.currentTrek.advice && h("div", { class: "advice", innerHTML: this.currentTrek.advice }), this.labels.map(label => (h("div", { class: "label-container" }, h("div", { class: "label-sub-container" }, label.pictogram && h("img", { src: label.pictogram }), h("div", { class: "label-name", innerHTML: label.name })), h("div", { class: "label-advice", innerHTML: label.advice })))))), this.currentTrek.advised_parking && (h("div", { class: "advised-parking-container" }, h("div", { class: "advised-parking-title" }, "Parking conseill\u00E9"), h("div", { class: "advised_parking", innerHTML: this.currentTrek.advised_parking }))), this.currentTrek.gear && (h("div", { class: "gear-container" }, h("div", { class: "gear-title" }, "\u00C9quipements"), h("div", { class: "gear", innerHTML: this.currentTrek.gear }))), state.currentSensitiveAreas && state.currentSensitiveAreas.length > 0 && (h("div", { class: "sensitive-areas-container" }, h("div", { class: "sensitive-areas-title" }, "Zones de sensibilit\u00E9 environnementale"), state.currentSensitiveAreas.map(sensitiveArea => (h("grw-sensitive-area-detail", { sensitiveArea: sensitiveArea }))))), state.currentInformationDesks && state.currentInformationDesks.length > 0 && (h("div", { class: "information-desks-container" }, h("div", { class: "information-desks-title" }, "Lieux de renseignement"), state.currentInformationDesks.map(informationDesk => (h("grw-information-desk-detail", { informationDesk: informationDesk }))))), (this.currentTrek.disabled_infrastructure ||
+      _g.name)))), h("div", { class: "downloads-container" }, h("div", { class: "download-title" }, "T\u00E9l\u00E9chargements"), h("div", { class: "links-container" }, h("a", { href: `${this.currentTrek.gpx}` }, "GPX"), h("a", { href: `${this.currentTrek.kml}` }, "KML"), h("a", { href: `${this.currentTrek.pdf}` }, "PDF"))), this.themes.length > 0 && (h("div", { class: "themes-container" }, this.themes.map(theme => (h("div", { class: "theme" }, theme.label))))), this.currentTrek.description_teaser && h("div", { class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && h("div", { class: "ambiance", innerHTML: this.currentTrek.ambiance }), this.currentTrek.description && (h("div", { class: "description-container" }, h("div", { class: "description-title" }, "Description"), h("div", { class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (h("div", { class: "departure-container" }, h("div", { class: "departure-title" }, "D\u00E9part :\u00A0"), h("div", { innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (h("div", { class: "arrival-container" }, h("div", { class: "arrival-title" }, "Arriv\u00E9e :\u00A0"), h("div", { innerHTML: this.currentTrek.arrival }))), this.currentTrek.altimetric_profile && (h("div", { class: "altimetric-profile-container" }, h("div", { class: "altimetric-profile-title" }, "Profil altim\u00E9trique"), h("img", { src: this.currentTrek.altimetric_profile.endsWith('.json')
+        ? this.currentTrek.altimetric_profile.replace('.json', '.svg')
+        : `${this.currentTrek.altimetric_profile}?format=svg` }))), this.currentTrek.access && (h("div", { class: "access-container" }, h("div", { class: "access-title" }, "Acc\u00E8s routier"), h("div", { class: "access", innerHTML: this.currentTrek.access }))), this.currentTrek.public_transport && (h("div", { class: "public-transport-container" }, h("div", { class: "public-transport-title" }, "Transport"), h("div", { class: "public-transport", innerHTML: this.currentTrek.public_transport }))), (this.currentTrek.advice || this.labels.length > 0) && (h("div", { class: "advice-container" }, h("div", { class: "advice-title" }, "Recommandations"), this.currentTrek.advice && h("div", { class: "advice", innerHTML: this.currentTrek.advice }), this.labels.map(label => (h("div", { class: "label-container" }, h("div", { class: "label-sub-container" }, label.pictogram && h("img", { src: label.pictogram }), h("div", { class: "label-name", innerHTML: label.name })), h("div", { class: "label-advice", innerHTML: label.advice })))))), this.currentTrek.advised_parking && (h("div", { class: "advised-parking-container" }, h("div", { class: "advised-parking-title" }, "Parking conseill\u00E9"), h("div", { class: "advised_parking", innerHTML: this.currentTrek.advised_parking }))), this.currentTrek.gear && (h("div", { class: "gear-container" }, h("div", { class: "gear-title" }, "\u00C9quipements"), h("div", { class: "gear", innerHTML: this.currentTrek.gear }))), state.currentSensitiveAreas && state.currentSensitiveAreas.length > 0 && (h("div", { class: "sensitive-areas-container" }, h("div", { class: "sensitive-areas-title" }, "Zones de sensibilit\u00E9 environnementale"), state.currentSensitiveAreas.map(sensitiveArea => (h("grw-sensitive-area-detail", { sensitiveArea: sensitiveArea }))))), state.currentInformationDesks && state.currentInformationDesks.length > 0 && (h("div", { class: "information-desks-container" }, h("div", { class: "information-desks-title" }, "Lieux de renseignement"), state.currentInformationDesks.map(informationDesk => (h("grw-information-desk-detail", { informationDesk: informationDesk }))))), (this.currentTrek.disabled_infrastructure ||
       (this.accessibilities && this.accessibilities.length > 0) ||
       this.currentTrek.accessibility_level ||
       this.currentTrek.accessibility_slope ||
@@ -14658,27 +14674,33 @@ const GrwTrekProvider = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.language = 'fr';
+    this.trekNetworkError = false;
+    this.controller = new AbortController();
+    this.signal = this.controller.signal;
   }
-  componentWillLoad() {
+  connectedCallback() {
     state.api = this.api;
     const requests = [];
-    requests.push(!state.difficulties ? fetch(`${this.api}trek_difficulty/?language=${this.language}&fields=id,label,pictogram`) : new Response('null'));
-    requests.push(!state.routes ? fetch(`${this.api}trek_route/?language=${this.language}&fields=id,route,pictogram`) : new Response('null'));
-    requests.push(!state.practices ? fetch(`${this.api}trek_practice/?language=${this.language}&fields=id,name,pictogram`) : new Response('null'));
-    requests.push(!state.themes ? fetch(`${this.api}theme/?language=${this.language}&fields=id,label,pictogram`) : new Response('null'));
-    return Promise.all([
+    requests.push(!state.difficulties ? fetch(`${this.api}trek_difficulty/?language=${this.language}&fields=id,label,pictogram`, { signal: this.signal }) : new Response('null'));
+    requests.push(!state.routes ? fetch(`${this.api}trek_route/?language=${this.language}&fields=id,route,pictogram`, { signal: this.signal }) : new Response('null'));
+    requests.push(!state.practices ? fetch(`${this.api}trek_practice/?language=${this.language}&fields=id,name,pictogram`, { signal: this.signal }) : new Response('null'));
+    requests.push(!state.themes ? fetch(`${this.api}theme/?language=${this.language}&fields=id,label,pictogram`, { signal: this.signal }) : new Response('null'));
+    Promise.all([
       ...requests,
-      fetch(`${this.api}sensitivearea/?language=${this.language}&published=true&trek=${this.trekId}&fields=id,geometry,name,description,contact,info_url,period,practices`).catch(() => new Response('null')),
-      fetch(`${this.api}label/?language=${this.language}&fields=id,name,advice,pictogram`),
-      fetch(`${this.api}source/?language=${this.language}&fields=id,name,website,pictogram`),
-      fetch(`${this.api}trek_accessibility/?language=${this.language}&fields=id,name,pictogram`),
-      fetch(`${this.api}trek_accessibility_level/?language=${this.language}&fields=id,name`),
-      fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,type_label,type_pictogram,url,published,geometry&page_size=999`),
-      fetch(`${this.api}informationdesk/?language=${this.language}&near_trek=${this.trekId}&fields=id,name,description,type,phone,email,website,municipality,postal_code,street,photo_url,latitude,longitude&page_size=999`),
-      fetch(`${this.api}trek/${this.trekId}/?language=${this.language}&published=true&fields=id,name,attachments,description,description_teaser,difficulty,duration,ascent,length_2d,practice,themes,route,geometry,gpx,kml,pdf,parking_location,departure,arrival,altimetric_profile,ambiance,access,public_transport,advice,advised_parking,gear,labels,source,points_reference,disabled_infrastructure,accessibility_level,accessibility_slope,accessibility_width,accessibility_signage,accessibility_covering,accessibility_exposure,accessibility_advice,accessibilities`),
+      fetch(`${this.api}sensitivearea/?language=${this.language}&published=true&trek=${this.trekId}&fields=id,geometry,name,description,contact,info_url,period,practices`, {
+        signal: this.signal,
+      }).catch(() => new Response('null')),
+      fetch(`${this.api}label/?language=${this.language}&fields=id,name,advice,pictogram`, { signal: this.signal }),
+      fetch(`${this.api}source/?language=${this.language}&fields=id,name,website,pictogram`, { signal: this.signal }),
+      fetch(`${this.api}trek_accessibility/?language=${this.language}&fields=id,name,pictogram`, { signal: this.signal }),
+      fetch(`${this.api}trek_accessibility_level/?language=${this.language}&fields=id,name`, { signal: this.signal }).catch(() => new Response('null')),
+      fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,type_label,type_pictogram,url,published,geometry&page_size=999`, { signal: this.signal }),
+      fetch(`${this.api}informationdesk/?language=${this.language}&near_trek=${this.trekId}&fields=id,name,description,type,phone,email,website,municipality,postal_code,street,photo_url,latitude,longitude&page_size=999`, { signal: this.signal }),
+      fetch(`${this.api}trek/${this.trekId}/?language=${this.language}&published=true&fields=id,name,attachments,description,description_teaser,difficulty,duration,ascent,length_2d,practice,themes,route,geometry,gpx,kml,pdf,parking_location,departure,arrival,altimetric_profile,ambiance,access,public_transport,advice,advised_parking,gear,labels,source,points_reference,disabled_infrastructure,accessibility_level,accessibility_slope,accessibility_width,accessibility_signage,accessibility_covering,accessibility_exposure,accessibility_advice,accessibilities`, { signal: this.signal }),
     ])
       .then(responses => Promise.all(responses.map(response => response.json())))
       .then(([difficulties, routes, practices, themes, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, informationDesks, trek]) => {
+      state.trekNetworkError = false;
       if (difficulties) {
         state.difficulties = difficulties.results;
       }
@@ -14697,21 +14719,28 @@ const GrwTrekProvider = class {
       state.labels = labels.results;
       state.sources = sources.results;
       state.accessibilities = accessibilities.results;
-      state.accessibilitiesLevel = accessibilitiesLevel.results;
+      if (accessibilitiesLevel) {
+        state.accessibilitiesLevel = accessibilitiesLevel.results;
+      }
       state.currentPois = pois.results;
       state.currentInformationDesks = informationDesks.results;
       state.currentTrek = trek;
+    })
+      .catch(() => {
+      state.trekNetworkError = true;
     });
   }
   disconnectedCallback() {
+    this.controller.abort();
     state.currentTrek = null;
+    state.trekNetworkError = false;
   }
   render() {
     return h(Host, null);
   }
 };
 
-const grwTreksListCss = ":host{font-family:\"Roboto\";width:100%;height:100%;max-height:100vh;overflow-y:auto}.current-treks-length{width:100%;text-align:center;padding:32px 0px;color:var(--color-primary);font-size:24px;font-weight:bold}.current-treks-container{display:flex;flex-wrap:wrap;justify-content:space-around}grw-trek-card{margin:6px}";
+const grwTreksListCss = ":host{font-family:\"Roboto\";width:100%;height:100%;max-height:100vh;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:space-around}grw-trek-card{margin:6px}";
 
 const GrwTreksList = class {
   constructor(hostRef) {
@@ -14720,19 +14749,25 @@ const GrwTreksList = class {
     this.colorPrimary = '#6b0030';
     this.colorPrimaryTint = '#974c6e';
     this.isLargeView = false;
-    this.handleInfiniteScrollBind = this.handleInfiniteScroll.bind(this);
     this.step = 10;
+    this.handleInfiniteScrollBind = this.handleInfiniteScroll.bind(this);
   }
-  componentWillLoad() {
+  connectedCallback() {
+    this.element.addEventListener('scroll', this.handleInfiniteScrollBind);
+    if (state.currentTreks) {
+      this.treksToDisplay = [...state.currentTreks.slice(0, this.step)];
+    }
     onChange('currentTreks', () => {
-      this.element.addEventListener('scroll', this.handleInfiniteScrollBind);
       this.element.scroll({ top: 0 });
-      this.treksToDisplay = [...state.currentTreks.slice(0, this.step)];
+      if (state.currentTreks) {
+        this.treksToDisplay = [...state.currentTreks.slice(0, this.step)];
+      }
     });
     onChange('treksWithinBounds', () => {
-      this.element.addEventListener('scroll', this.handleInfiniteScrollBind);
       this.element.scroll({ top: 0 });
-      this.treksToDisplay = [...state.treksWithinBounds.slice(0, this.step)];
+      if (state.treksWithinBounds) {
+        this.treksToDisplay = [...state.treksWithinBounds.slice(0, this.step)];
+      }
     });
   }
   handleInfiniteScroll(event) {
@@ -14745,8 +14780,11 @@ const GrwTreksList = class {
       }
     }
   }
+  disconnectedCallback() {
+    this.element.removeEventListener('scroll', this.handleInfiniteScrollBind);
+  }
   render() {
-    return (h(Host, { style: { '--color-primary': this.colorPrimary, '--color-primary-tint': this.colorPrimaryTint } }, h("div", { class: "current-treks-length" }, `${state.treksWithinBounds.length} résultat${state.treksWithinBounds.length > 1 ? 's' : ''}`), h("div", { class: "current-treks-container" }, this.treksToDisplay.map(trek => (h("grw-trek-card", { key: `trek-${trek.id}`, trek: trek, "is-large-view": this.isLargeView, "color-primary": this.colorPrimary, "color-primary-tint": this.colorPrimaryTint }))))));
+    return (h(Host, { style: { '--color-primary': this.colorPrimary, '--color-primary-tint': this.colorPrimaryTint } }, this.treksToDisplay.map(trek => (h("grw-trek-card", { key: `trek-${trek.id}`, trek: trek, "is-large-view": this.isLargeView, "color-primary": this.colorPrimary, "color-primary-tint": this.colorPrimaryTint })))));
   }
   get element() { return getElement(this); }
 };
@@ -14756,8 +14794,10 @@ const GrwTreksProvider = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.language = 'fr';
+    this.controller = new AbortController();
+    this.signal = this.controller.signal;
   }
-  componentWillLoad() {
+  connectedCallback() {
     state.api = this.api;
     let treksRequest = `${this.api}trek/?language=${this.language}&published=true`;
     this.inBbox && (treksRequest += `&in_bbox=${this.inBbox}`);
@@ -14769,15 +14809,16 @@ const GrwTreksProvider = class {
     this.routes && (treksRequest += `&routes=${this.routes}`);
     this.practices && (treksRequest += `&practices=${this.practices}`);
     treksRequest += `&fields=id,name,attachments,description_teaser,difficulty,duration,ascent,length_2d,practice,themes,route,departure,departure_geom&page_size=999`;
-    return Promise.all([
-      fetch(`${this.api}trek_difficulty/?language=${this.language}&fields=id,label,pictogram`),
-      fetch(`${this.api}trek_route/?language=${this.language}&fields=id,route,pictogram`),
-      fetch(`${this.api}trek_practice/?language=${this.language}&fields=id,name,pictogram`),
-      fetch(`${this.api}theme/?language=${this.language}&fields=id,label,pictogram`),
-      fetch(treksRequest),
+    Promise.all([
+      fetch(`${this.api}trek_difficulty/?language=${this.language}&fields=id,label,pictogram`, { signal: this.signal }),
+      fetch(`${this.api}trek_route/?language=${this.language}&fields=id,route,pictogram`, { signal: this.signal }),
+      fetch(`${this.api}trek_practice/?language=${this.language}&fields=id,name,pictogram`, { signal: this.signal }),
+      fetch(`${this.api}theme/?language=${this.language}&fields=id,label,pictogram`, { signal: this.signal }),
+      fetch(treksRequest, { signal: this.signal }),
     ])
       .then(responses => Promise.all(responses.map(response => response.json())))
       .then(([difficulties, routes, practices, themes, treks]) => {
+      state.treksNetworkError = false;
       state.difficulties = difficulties.results;
       state.routes = routes.results;
       state.practices = practices.results.map(practice => (Object.assign(Object.assign({}, practice), { selected: false })));
@@ -14791,7 +14832,12 @@ const GrwTreksProvider = class {
       state.treks = treks.results;
       state.currentTreks = treks.results;
       state.treksWithinBounds = treks.results;
-    });
+    })
+      .catch(() => (state.treksNetworkError = true));
+  }
+  disconnectedCallback() {
+    this.controller.abort();
+    state.treksNetworkError = false;
   }
   render() {
     return h(Host, null);

package/dist/esm/grw-information-desk-detail_3.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-192d910f.js';
-import { s as state } from './store-b2c76c0c.js';
+import { r as registerInstance, h, H as Host } from './index-ee473772.js';
+import { s as state } from './store-a5f523fd.js';
 
 const grwInformationDeskDetailCss = ":host{display:flex;flex-direction:column}:host a{color:var(--color-primary)}.information-desk-img{width:180px}.information-desk-img img{width:180px;border-radius:8px}.information-desk-sub-container{display:flex;flex-direction:column}.information-desk-name{color:var(--color-primary);font-size:24px;font-weight:bold;padding:12px 0px}.information-desk-description{font-size:16px}";
 

package/dist/esm/grw-trek-card.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-192d910f.js';
-import { s as state, o as onChange } from './store-b2c76c0c.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-ee473772.js';
+import { s as state, o as onChange } from './store-a5f523fd.js';
 import { d as durationImage, f as formatDuration, l as lengthImage, a as formatLength, b as ascentImage, c as formatAscent } from './length-d82189db.js';
 
 const grwTrekCardCss = ".trek-card-container,.trek-card-large-view-container{font-family:\"Roboto\";border-radius:8px;box-shadow:4px 8px 24px rgba(0, 0, 0, 0.25);cursor:pointer}.trek-card-container .image,.trek-card-large-view-container .image{object-fit:cover}.trek-card-container .sub-container,.trek-card-large-view-container .sub-container{display:flex;flex-direction:column;justify-content:center;padding:12px}.trek-card-container .sub-container .name,.trek-card-large-view-container .sub-container .name{color:var(--color-primary);font-size:24px;font-weight:bold;margin-bottom:8px}.trek-card-container .sub-container .departure,.trek-card-large-view-container .sub-container .departure{color:rgba(0, 0, 0, 0.7);font-size:16px;margin:4px 0px}.trek-card-container .sub-container .themes-container,.trek-card-large-view-container .sub-container .themes-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.trek-card-container .sub-container .themes-container .theme,.trek-card-large-view-container .sub-container .themes-container .theme{background-color:var(--color-primary-tint);color:#ffffff;border-radius:8px;padding:8px;margin:0px 8px 8px 0px}.trek-card-container .sub-container .icons-labels-container,.trek-card-large-view-container .sub-container .icons-labels-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.trek-card-container .sub-container .icons-labels-container .row,.trek-card-large-view-container .sub-container .icons-labels-container .row{display:flex;justify-content:space-between;align-items:center;width:100%}.trek-card-container .sub-container .icons-labels-container .row:not(:last-child),.trek-card-large-view-container .sub-container .icons-labels-container .row:not(:last-child){margin-bottom:12px}.trek-card-container .sub-container .icons-labels-container .row .icon-label,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label{display:flex;align-items:center;width:50%}.trek-card-container .sub-container .icons-labels-container .row .icon-label:nth-child(2),.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label:nth-child(2){margin:0px 4px}.trek-card-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-container .sub-container .icons-labels-container .row .icon-label .svg-icon svg,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label .svg-icon svg{width:24px;height:auto;margin-right:8px}.trek-card-container .sub-container .icons-labels-container .row .practice img,.trek-card-large-view-container .sub-container .icons-labels-container .row .practice img{background-color:var(--color-primary)}.trek-card-container{width:350px;height:auto}.trek-card-container .image{width:100%}.trek-card-large-view-container{height:auto;display:flex;flex-direction:row}.trek-card-large-view-container .image{width:250px}";
@@ -12,7 +12,7 @@ const GrwTrekCard = class {
     this.colorPrimaryTint = '#974c6e';
     this.isLargeView = false;
   }
-  componentWillLoad() {
+  connectedCallback() {
     this.currentTrek = this.trek ? this.trek : state.currentTrek;
     if (this.currentTrek) {
       this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);

package/dist/esm/{index-192d910f.js → index-ee473772.js}

@@ -659,9 +659,6 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
                 hostRef.$queuedListeners$ = null;
             }
         }
-        {
-            promise = safeCall(instance, 'componentWillLoad');
-        }
     }
     endSchedule();
     return then(promise, () => updateComponent(hostRef, instance, isInitialLoad));
@@ -1039,6 +1036,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                 hostRef.$flags$ |= 128 /* isWatchReady */;
             }
             endNewInstance();
+            fireConnectedCallback(hostRef.$lazyInstance$);
         }
         if (Cstr.style) {
             // this component has styles but we haven't registered them yet
@@ -1067,6 +1065,11 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
         schedule();
     }
 };
+const fireConnectedCallback = (instance) => {
+    {
+        safeCall(instance, 'connectedCallback');
+    }
+};
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
@@ -1110,6 +1113,8 @@ const connectedCallback = (elm) => {
             // reattach any event listeners to the host
             // since they would have been removed when disconnected
             addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
+            // fire off connectedCallback() on component instance
+            fireConnectedCallback(hostRef.$lazyInstance$);
         }
         endConnected();
     }

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-192d910f.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-ee473772.js';
 
 /*
  Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["grw-trek-card",[[1,"grw-trek-card",{"trek":[16],"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"isLargeView":[4,"is-large-view"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32]}]]],["grw-information-desk-detail_3",[[1,"grw-information-desk-detail",{"informationDesk":[16]}],[1,"grw-poi-detail",{"poi":[16]}],[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}]]],["grw-filter_6",[[1,"grw-trek-detail",{"trek":[16],"colorPrimary":[1,"color-primary"],"colorPrimaryShade":[1,"color-primary-shade"],"colorPrimaryTint":[1,"color-primary-tint"],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32],"currentTrek":[32]}],[1,"grw-treks-list",{"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"isLargeView":[4,"is-large-view"],"treksToDisplay":[32]}],[1,"grw-filter",{"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterNameProperty":[1,"filter-name-property"]}],[0,"grw-map",{"urlLayer":[1,"url-layer"],"attribution":[1],"center":[1],"zoom":[2],"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"colorTrekLine":[1,"color-trek-line"],"colorDepartureIcon":[1,"color-departure-icon"],"colorArrivalIcon":[1,"color-arrival-icon"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"mapIsReady":[32]}],[1,"grw-trek-provider",{"language":[1],"api":[1],"trekId":[1,"trek-id"]}],[1,"grw-treks-provider",{"language":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1]}]]],["grw-app",[[1,"grw-app",{"api":[1],"language":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"urlLayer":[1,"url-layer"],"center":[1],"zoom":[8],"attribution":[1],"colorPrimary":[1,"color-primary"],"colorPrimaryShade":[1,"color-primary-shade"],"colorPrimaryTint":[1,"color-primary-tint"],"colorTrekLine":[1,"color-trek-line"],"colorDepartureIcon":[1,"color-departure-icon"],"colorArrivalIcon":[1,"color-arrival-icon"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"showTrek":[32],"showTreksMap":[32],"showTrekMap":[32],"showFilters":[32],"isLargeView":[32],"currentTrekId":[32]},[[0,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"]]]]]], options);
+  return bootstrapLazy([["grw-trek-card",[[1,"grw-trek-card",{"trek":[16],"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"isLargeView":[4,"is-large-view"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32]}]]],["grw-information-desk-detail_3",[[1,"grw-information-desk-detail",{"informationDesk":[16]}],[1,"grw-poi-detail",{"poi":[16]}],[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}]]],["grw-filter_6",[[1,"grw-trek-detail",{"trek":[16],"colorPrimary":[1,"color-primary"],"colorPrimaryShade":[1,"color-primary-shade"],"colorPrimaryTint":[1,"color-primary-tint"],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32],"currentTrek":[32]}],[1,"grw-treks-list",{"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"isLargeView":[4,"is-large-view"],"treksToDisplay":[32]}],[1,"grw-filter",{"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterNameProperty":[1,"filter-name-property"]}],[0,"grw-map",{"urlLayer":[1,"url-layer"],"attribution":[1],"center":[1],"zoom":[2],"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"colorTrekLine":[1,"color-trek-line"],"colorDepartureIcon":[1,"color-departure-icon"],"colorArrivalIcon":[1,"color-arrival-icon"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"mapIsReady":[32]}],[1,"grw-trek-provider",{"language":[1],"api":[1],"trekId":[1,"trek-id"]}],[1,"grw-treks-provider",{"language":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1]}]]],["grw-app",[[1,"grw-app",{"api":[1],"language":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"urlLayer":[1,"url-layer"],"center":[1],"zoom":[2],"attribution":[1],"colorPrimary":[1,"color-primary"],"colorPrimaryShade":[1,"color-primary-shade"],"colorPrimaryTint":[1,"color-primary-tint"],"colorTrekLine":[1,"color-trek-line"],"colorDepartureIcon":[1,"color-departure-icon"],"colorArrivalIcon":[1,"color-arrival-icon"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"showTrek":[32],"showTreksMap":[32],"showTrekMap":[32],"showFilters":[32],"isLargeView":[32],"currentTrekId":[32]},[[0,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"]]]]]], options);
   });
 };
 

package/dist/esm/{store-b2c76c0c.js → store-a5f523fd.js}

@@ -1,4 +1,4 @@
-import { a as getRenderingRef, f as forceUpdate } from './index-192d910f.js';
+import { a as getRenderingRef, f as forceUpdate } from './index-ee473772.js';
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);
@@ -186,9 +186,9 @@ const createStore = (defaultState, shouldUpdate) => {
 
 const { state, onChange } = createStore({
   api: '',
-  treks: [],
-  currentTreks: [],
-  treksWithinBounds: [],
+  treks: null,
+  currentTreks: null,
+  treksWithinBounds: null,
   currentMapTreksBounds: null,
   difficulties: [],
   routes: [],
@@ -203,6 +203,8 @@ const { state, onChange } = createStore({
   currentTrek: null,
   currentPois: null,
   currentInformationDesks: null,
+  treksNetworkError: false,
+  trekNetworkError: false,
 });
 
 export { onChange as o, state as s };

package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js

@@ -1 +1 @@
-import{p as r,b as o}from"./p-6dce5e6c.js";(()=>{const o=import.meta.url,e={};return""!==o&&(e.resourcesUrl=new URL(".",o).href),r(e)})().then((r=>o([["p-1b2ba86d",[[1,"grw-trek-card",{trek:[16],colorPrimary:[1,"color-primary"],colorPrimaryTint:[1,"color-primary-tint"],isLargeView:[4,"is-large-view"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32]}]]],["p-7715153d",[[1,"grw-information-desk-detail",{informationDesk:[16]}],[1,"grw-poi-detail",{poi:[16]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}]]],["p-6716c635",[[1,"grw-trek-detail",{trek:[16],colorPrimary:[1,"color-primary"],colorPrimaryShade:[1,"color-primary-shade"],colorPrimaryTint:[1,"color-primary-tint"],difficulty:[32],route:[32],practice:[32],themes:[32],labels:[32],sources:[32],accessibilities:[32],accessibilityLevel:[32],currentTrek:[32]}],[1,"grw-treks-list",{colorPrimary:[1,"color-primary"],colorPrimaryTint:[1,"color-primary-tint"],isLargeView:[4,"is-large-view"],treksToDisplay:[32]}],[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterNameProperty:[1,"filter-name-property"]}],[0,"grw-map",{urlLayer:[1,"url-layer"],attribution:[1],center:[1],zoom:[2],colorPrimary:[1,"color-primary"],colorPrimaryTint:[1,"color-primary-tint"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],mapIsReady:[32]}],[1,"grw-trek-provider",{language:[1],api:[1],trekId:[1,"trek-id"]}],[1,"grw-treks-provider",{language:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1]}]]],["p-5f17d340",[[1,"grw-app",{api:[1],language:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],urlLayer:[1,"url-layer"],center:[1],zoom:[8],attribution:[1],colorPrimary:[1,"color-primary"],colorPrimaryShade:[1,"color-primary-shade"],colorPrimaryTint:[1,"color-primary-tint"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],showTrek:[32],showTreksMap:[32],showTrekMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32]},[[0,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"]]]]]],r)));
+import{p as r,b as o}from"./p-b62909db.js";(()=>{const o=import.meta.url,e={};return""!==o&&(e.resourcesUrl=new URL(".",o).href),r(e)})().then((r=>o([["p-500436f1",[[1,"grw-trek-card",{trek:[16],colorPrimary:[1,"color-primary"],colorPrimaryTint:[1,"color-primary-tint"],isLargeView:[4,"is-large-view"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32]}]]],["p-0510e16b",[[1,"grw-information-desk-detail",{informationDesk:[16]}],[1,"grw-poi-detail",{poi:[16]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}]]],["p-28db12ba",[[1,"grw-trek-detail",{trek:[16],colorPrimary:[1,"color-primary"],colorPrimaryShade:[1,"color-primary-shade"],colorPrimaryTint:[1,"color-primary-tint"],difficulty:[32],route:[32],practice:[32],themes:[32],labels:[32],sources:[32],accessibilities:[32],accessibilityLevel:[32],currentTrek:[32]}],[1,"grw-treks-list",{colorPrimary:[1,"color-primary"],colorPrimaryTint:[1,"color-primary-tint"],isLargeView:[4,"is-large-view"],treksToDisplay:[32]}],[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterNameProperty:[1,"filter-name-property"]}],[0,"grw-map",{urlLayer:[1,"url-layer"],attribution:[1],center:[1],zoom:[2],colorPrimary:[1,"color-primary"],colorPrimaryTint:[1,"color-primary-tint"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],mapIsReady:[32]}],[1,"grw-trek-provider",{language:[1],api:[1],trekId:[1,"trek-id"]}],[1,"grw-treks-provider",{language:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1]}]]],["p-94f0db4d",[[1,"grw-app",{api:[1],language:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],urlLayer:[1,"url-layer"],center:[1],zoom:[2],attribution:[1],colorPrimary:[1,"color-primary"],colorPrimaryShade:[1,"color-primary-shade"],colorPrimaryTint:[1,"color-primary-tint"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],showTrek:[32],showTreksMap:[32],showTrekMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32]},[[0,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"]]]]]],r)));

package/dist/geotrek-rando-widget/{p-7715153d.entry.js → p-0510e16b.entry.js}

@@ -1 +1 @@
-import{r as i,h as e,H as s}from"./p-6dce5e6c.js";import{s as t}from"./p-e6710c64.js";const a=class{constructor(e){i(this,e)}render(){return e(s,null,this.informationDesk.photo_url&&e("div",{class:"information-desk-img"},e("img",{src:this.informationDesk.photo_url,loading:"lazy"})),e("div",{class:"information-desk-sub-container"},this.informationDesk.name&&e("div",{class:"information-desk-name"},this.informationDesk.name),this.informationDesk.description&&e("div",{class:"information-desk-description",innerHTML:this.informationDesk.description}),this.informationDesk.postal_code||this.informationDesk.municipality||this.informationDesk.street&&e("div",null,this.informationDesk.postal_code,` ${this.informationDesk.municipality}`,` ${this.informationDesk.street}`),this.informationDesk.phone&&e("div",null,e("a",{href:`tel:${this.informationDesk.phone}`},this.informationDesk.phone)),this.informationDesk.email&&e("div",null,e("a",{href:`mailto:${this.informationDesk.email}`},this.informationDesk.email)),this.informationDesk.website&&e("div",null,e("a",{href:`${this.informationDesk.website}`},this.informationDesk.website))))}};a.style=":host{display:flex;flex-direction:column}:host a{color:var(--color-primary)}.information-desk-img{width:180px}.information-desk-img img{width:180px;border-radius:8px}.information-desk-sub-container{display:flex;flex-direction:column}.information-desk-name{color:var(--color-primary);font-size:24px;font-weight:bold;padding:12px 0px}.information-desk-description{font-size:16px}";const r=class{constructor(e){i(this,e)}render(){return e(s,null,this.poi.attachments&&this.poi.attachments[0]&&this.poi.attachments[0].thumbnail&&e("div",{class:"poi-img"},e("img",{src:this.poi.attachments[0].thumbnail,loading:"lazy"})),e("div",{class:"poi-sub-container"},e("div",{class:"poi-name"},this.poi.name),e("div",{class:"poi-description",innerHTML:this.poi.description})))}};r.style=":host{display:flex;flex-direction:column}:host a{color:var(--color-primary)}.poi-img{width:180px}.poi-img img{width:180px;border-radius:8px}.poi-sub-container{display:flex;flex-direction:column}.poi-name{color:var(--color-primary);font-size:24px;font-weight:bold;padding:12px 0px}.poi-description{font-size:16px}";const n=class{constructor(e){i(this,e)}render(){return e(s,null,e("div",{class:"sensitive-area-title"},this.sensitiveArea.name),e("div",{class:"sensitive-area-description",innerHTML:this.sensitiveArea.description}),this.sensitiveArea.practices&&this.sensitiveArea.practices.length>0&&e("div",{class:"sensitive-area-practice-container"},e("div",{class:"sensitive-area-practice-title"},"Domaines d'activités concernés :"),e("div",{class:"sensitive-area-practice-values"},this.sensitiveArea.practices.map(((i,s)=>e("div",{innerHTML:`${t.practices.find((e=>e.id===i)).name.toUpperCase()}${s+1!==this.sensitiveArea.practices.length?" - ":""}`}))))),this.sensitiveArea.period&&this.sensitiveArea.period.length>0&&e("div",{class:"sensitive-area-period-container"},e("div",{class:"sensitive-area-period-title"},"Périodes de sensibilité"),e("div",{class:"sensitive-area-period-values"},this.sensitiveArea.period.map(((i,s)=>{if(i)return e("div",{innerHTML:`${new Date(0,s+1,0).toLocaleDateString("fr",{month:"long"}).toUpperCase()}${this.sensitiveArea.period.slice(s+1).find((i=>i))?" - ":""}`})})))),e("div",{class:"sensitive-area-contact-container"},e("div",{class:"sensitive-area-contact-title"},"Contact"),e("div",{innerHTML:this.sensitiveArea.contact,class:"sensitive-area-contact-value"})))}};n.style=":host{display:flex;flex-direction:column}:host a{color:var(--color-primary)}.sensitive-area-title{color:var(--color-primary);font-size:24px;padding:12px 0px;font-weight:bold}.sensitive-area-description{font-size:16px}.sensitive-area-period-container .sensitive-area-period-title,.sensitive-area-period-container .sensitive-area-practice-title,.sensitive-area-period-container .sensitive-area-contact-title,.sensitive-area-practice-container .sensitive-area-period-title,.sensitive-area-practice-container .sensitive-area-practice-title,.sensitive-area-practice-container .sensitive-area-contact-title,.sensitive-area-contact-container .sensitive-area-period-title,.sensitive-area-contact-container .sensitive-area-practice-title,.sensitive-area-contact-container .sensitive-area-contact-title{color:var(--color-primary);font-size:24px;padding:12px 0px}.sensitive-area-period-container .sensitive-area-period-values,.sensitive-area-period-container .sensitive-area-practice-values,.sensitive-area-practice-container .sensitive-area-period-values,.sensitive-area-practice-container .sensitive-area-practice-values,.sensitive-area-contact-container .sensitive-area-period-values,.sensitive-area-contact-container .sensitive-area-practice-values{display:flex}";export{a as grw_information_desk_detail,r as grw_poi_detail,n as grw_sensitive_area_detail}
+import{r as i,h as e,H as s}from"./p-b62909db.js";import{s as t}from"./p-22562f4d.js";const a=class{constructor(e){i(this,e)}render(){return e(s,null,this.informationDesk.photo_url&&e("div",{class:"information-desk-img"},e("img",{src:this.informationDesk.photo_url,loading:"lazy"})),e("div",{class:"information-desk-sub-container"},this.informationDesk.name&&e("div",{class:"information-desk-name"},this.informationDesk.name),this.informationDesk.description&&e("div",{class:"information-desk-description",innerHTML:this.informationDesk.description}),this.informationDesk.postal_code||this.informationDesk.municipality||this.informationDesk.street&&e("div",null,this.informationDesk.postal_code,` ${this.informationDesk.municipality}`,` ${this.informationDesk.street}`),this.informationDesk.phone&&e("div",null,e("a",{href:`tel:${this.informationDesk.phone}`},this.informationDesk.phone)),this.informationDesk.email&&e("div",null,e("a",{href:`mailto:${this.informationDesk.email}`},this.informationDesk.email)),this.informationDesk.website&&e("div",null,e("a",{href:`${this.informationDesk.website}`},this.informationDesk.website))))}};a.style=":host{display:flex;flex-direction:column}:host a{color:var(--color-primary)}.information-desk-img{width:180px}.information-desk-img img{width:180px;border-radius:8px}.information-desk-sub-container{display:flex;flex-direction:column}.information-desk-name{color:var(--color-primary);font-size:24px;font-weight:bold;padding:12px 0px}.information-desk-description{font-size:16px}";const r=class{constructor(e){i(this,e)}render(){return e(s,null,this.poi.attachments&&this.poi.attachments[0]&&this.poi.attachments[0].thumbnail&&e("div",{class:"poi-img"},e("img",{src:this.poi.attachments[0].thumbnail,loading:"lazy"})),e("div",{class:"poi-sub-container"},e("div",{class:"poi-name"},this.poi.name),e("div",{class:"poi-description",innerHTML:this.poi.description})))}};r.style=":host{display:flex;flex-direction:column}:host a{color:var(--color-primary)}.poi-img{width:180px}.poi-img img{width:180px;border-radius:8px}.poi-sub-container{display:flex;flex-direction:column}.poi-name{color:var(--color-primary);font-size:24px;font-weight:bold;padding:12px 0px}.poi-description{font-size:16px}";const n=class{constructor(e){i(this,e)}render(){return e(s,null,e("div",{class:"sensitive-area-title"},this.sensitiveArea.name),e("div",{class:"sensitive-area-description",innerHTML:this.sensitiveArea.description}),this.sensitiveArea.practices&&this.sensitiveArea.practices.length>0&&e("div",{class:"sensitive-area-practice-container"},e("div",{class:"sensitive-area-practice-title"},"Domaines d'activités concernés :"),e("div",{class:"sensitive-area-practice-values"},this.sensitiveArea.practices.map(((i,s)=>e("div",{innerHTML:`${t.practices.find((e=>e.id===i)).name.toUpperCase()}${s+1!==this.sensitiveArea.practices.length?" - ":""}`}))))),this.sensitiveArea.period&&this.sensitiveArea.period.length>0&&e("div",{class:"sensitive-area-period-container"},e("div",{class:"sensitive-area-period-title"},"Périodes de sensibilité"),e("div",{class:"sensitive-area-period-values"},this.sensitiveArea.period.map(((i,s)=>{if(i)return e("div",{innerHTML:`${new Date(0,s+1,0).toLocaleDateString("fr",{month:"long"}).toUpperCase()}${this.sensitiveArea.period.slice(s+1).find((i=>i))?" - ":""}`})})))),e("div",{class:"sensitive-area-contact-container"},e("div",{class:"sensitive-area-contact-title"},"Contact"),e("div",{innerHTML:this.sensitiveArea.contact,class:"sensitive-area-contact-value"})))}};n.style=":host{display:flex;flex-direction:column}:host a{color:var(--color-primary)}.sensitive-area-title{color:var(--color-primary);font-size:24px;padding:12px 0px;font-weight:bold}.sensitive-area-description{font-size:16px}.sensitive-area-period-container .sensitive-area-period-title,.sensitive-area-period-container .sensitive-area-practice-title,.sensitive-area-period-container .sensitive-area-contact-title,.sensitive-area-practice-container .sensitive-area-period-title,.sensitive-area-practice-container .sensitive-area-practice-title,.sensitive-area-practice-container .sensitive-area-contact-title,.sensitive-area-contact-container .sensitive-area-period-title,.sensitive-area-contact-container .sensitive-area-practice-title,.sensitive-area-contact-container .sensitive-area-contact-title{color:var(--color-primary);font-size:24px;padding:12px 0px}.sensitive-area-period-container .sensitive-area-period-values,.sensitive-area-period-container .sensitive-area-practice-values,.sensitive-area-practice-container .sensitive-area-period-values,.sensitive-area-practice-container .sensitive-area-practice-values,.sensitive-area-contact-container .sensitive-area-period-values,.sensitive-area-contact-container .sensitive-area-practice-values{display:flex}";export{a as grw_information_desk_detail,r as grw_poi_detail,n as grw_sensitive_area_detail}

package/dist/geotrek-rando-widget/p-22562f4d.js

@@ -0,0 +1 @@
+import{a as e,f as t}from"./p-b62909db.js";const s=e=>!("isConnected"in e)||e.isConnected,r=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(s))})(...t)}),2e3)}})(),{state:n,onChange:o}=(()=>{const s=((e,t=((e,t)=>e!==t))=>{let s=new Map(Object.entries(null!=e?e:{}));const r={dispose:[],get:[],set:[],reset:[]},n=()=>{s=new Map(Object.entries(null!=e?e:{})),r.reset.forEach((e=>e()))},o=e=>(r.get.forEach((t=>t(e))),s.get(e)),l=(e,n)=>{const o=s.get(e);t(n,o,e)&&(s.set(e,n),r.set.forEach((t=>t(e,n,o))))},u="undefined"==typeof Proxy?{}:new Proxy(e,{get:(e,t)=>o(t),ownKeys:()=>Array.from(s.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>s.has(t),set:(e,t,s)=>(l(t,s),!0)}),i=(e,t)=>(r[e].push(t),()=>{((e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)})(r[e],t)});return{state:u,get:o,set:l,on:i,onChange:(t,s)=>{const r=i("set",((e,r)=>{e===t&&s(r)})),n=i("reset",(()=>s(e[t])));return()=>{r(),n()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(i("set",t.set)),t.get&&e.push(i("get",t.get)),t.reset&&e.push(i("reset",t.reset)),t.dispose&&e.push(i("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{r.dispose.forEach((e=>e())),n()},reset:n,forceUpdate:e=>{const t=s.get(e);r.set.forEach((s=>s(e,t,t)))}}})({api:"",treks:null,currentTreks:null,treksWithinBounds:null,currentMapTreksBounds:null,difficulties:[],routes:[],practices:[],themes:[],durations:[],currentSensitiveAreas:null,labels:null,sources:null,accessibilities:null,accessibilitiesLevel:null,currentTrek:null,currentPois:null,currentInformationDesks:null,treksNetworkError:!1,trekNetworkError:!1},void 0);return s.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const r=e();r&&((e,t,s)=>{const r=e.get(t);r?r.includes(s)||r.push(s):e.set(t,[s])})(s,t,r)},set:e=>{const n=s.get(e);n&&s.set(e,n.filter(t)),r(s)},reset:()=>{s.forEach((e=>e.forEach(t))),r(s)}}})()),s})();export{o,n as s}