@geotrekce/geotrek-rando-widget 0.36.0 → 0.36.1

package/dist/cjs/grw-common-button_23.cjs.entry.js

@@ -1787,7 +1787,7 @@ const GrwMap = class {
         else if (store.state.touristicEvents) {
             this.addTouristicEvents();
         }
-        else if (store.state.outdoorSites) {
+        else if (store.state.currentOutdoorSites || store.state.outdoorSites) {
             this.addOutdoorSites();
         }
         store.onChange('currentTreks', () => {
@@ -3319,7 +3319,7 @@ const GrwMap = class {
         }
     }
     async addOutdoorSites(resetBounds = false) {
-        var _a, _b;
+        var _a, _b, _c;
         (_a = this.addOutdoorSitesController) === null || _a === void 0 ? void 0 : _a.abort();
         this.addOutdoorSitesController = new AbortController();
         const { signal } = this.addOutdoorSitesController;
@@ -3331,26 +3331,31 @@ const GrwMap = class {
         };
         if (store.state.currentOutdoorSites) {
             for (const currentOutdoorSite of store.state.currentOutdoorSites) {
-                outdoorSitesFeatureCollection.features.push({
-                    type: 'Feature',
-                    geometry: { type: 'Point', coordinates: pointOnFeature(currentOutdoorSite.geometry).geometry.coordinates },
-                    properties: {
-                        id: currentOutdoorSite.id,
-                        name: currentOutdoorSite.name,
-                        practice: (_b = store.state.outdoorPractices.find(practice => practice.id === currentOutdoorSite.practice)) === null || _b === void 0 ? void 0 : _b.pictogram,
-                        imgSrc: currentOutdoorSite.attachments && currentOutdoorSite.attachments.filter(attachment => attachment.type === 'image').length > 0
-                            ? currentOutdoorSite.attachments[0].thumbnail !== ''
-                                ? currentOutdoorSite.attachments[0].thumbnail
-                                : currentOutdoorSite.attachments[0].url
-                            : null,
-                    },
-                });
+                if (currentOutdoorSite.geometry) {
+                    const outdoorSiteCoordinates = pointOnFeature(currentOutdoorSite.geometry).geometry.coordinates;
+                    outdoorSitesCurrentCoordinates.push(outdoorSiteCoordinates);
+                    outdoorSitesFeatureCollection.features.push({
+                        type: 'Feature',
+                        geometry: { type: 'Point', coordinates: outdoorSiteCoordinates },
+                        properties: {
+                            id: currentOutdoorSite.id,
+                            name: currentOutdoorSite.name,
+                            practice: (_c = (_b = store.state.outdoorPractices) === null || _b === void 0 ? void 0 : _b.find(practice => practice.id === currentOutdoorSite.practice)) === null || _c === void 0 ? void 0 : _c.pictogram,
+                            imgSrc: currentOutdoorSite.attachments && currentOutdoorSite.attachments.filter(attachment => attachment.type === 'image').length > 0
+                                ? currentOutdoorSite.attachments[0].thumbnail !== ''
+                                    ? currentOutdoorSite.attachments[0].thumbnail
+                                    : currentOutdoorSite.attachments[0].url
+                                : null,
+                        },
+                    });
+                }
             }
         }
         if (!this.outdoorSitesLayer) {
             if ((outdoorSitesCurrentCoordinates.length > 0 && !store.state.currentMapBounds) || resetBounds) {
-                const outdoorSitesBbox = bbox(outdoorSitesFeatureCollection);
-                this.bounds = grwDb_service.L.latLngBounds([outdoorSitesBbox[1], outdoorSitesBbox[0]], [outdoorSitesBbox[3], outdoorSitesBbox[2]]);
+                if (outdoorSitesCurrentCoordinates.length > 0) {
+                    this.bounds = grwDb_service.L.latLngBounds(outdoorSitesCurrentCoordinates.map(outdoorSiteCoordinate => [outdoorSiteCoordinate[1], outdoorSiteCoordinate[0]]));
+                }
             }
             else {
                 if (store.state.currentMapBounds) {
@@ -3423,7 +3428,7 @@ const GrwMap = class {
         }
         else {
             if (outdoorSitesCurrentCoordinates.length > 0) {
-                this.bounds = grwDb_service.L.latLngBounds(outdoorSitesCurrentCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
+                this.bounds = grwDb_service.L.latLngBounds(outdoorSitesCurrentCoordinates.map(outdoorSiteCoordinate => [outdoorSiteCoordinate[1], outdoorSiteCoordinate[0]]));
             }
             else {
                 this.map.fire('moveend');
@@ -3434,7 +3439,7 @@ const GrwMap = class {
             this.outdoorSitesMarkerClusterGroup.addLayer(this.outdoorSitesLayer);
         }
         this.map.invalidateSize();
-        this.bounds && this.map.fitBounds(this.bounds);
+        this.bounds && this.bounds._northEast && this.bounds._southWest && this.map.fitBounds(this.bounds);
         !this.mapIsReady && (this.mapIsReady = !this.mapIsReady);
         this.map.on('moveend', this.handleOutdoorSitesWithinBoundsBind);
     }
@@ -4364,7 +4369,7 @@ const GrwMap = class {
     render() {
         const layersImageSrc = index.getAssetPath(`${index.Build.isDev ? '/' : ''}assets/layers.svg`);
         const contractImageSrc = index.getAssetPath(`${index.Build.isDev ? '/' : ''}assets/contract.svg`);
-        return (index.h(index.Host, { key: '660af447b3f031bc5e28147435b3477044fc6b83', ref: el => (this.hostElement = el), style: {
+        return (index.h(index.Host, { key: 'ece878d1fd0697f0a3b74fb258efc72536374e00', ref: el => (this.hostElement = el), style: {
                 '--font-family': this.fontFamily,
                 '--color-primary-app': this.colorPrimaryApp,
                 '--color-on-surface': this.colorOnSurface,
@@ -4379,13 +4384,13 @@ const GrwMap = class {
                 '--elevation-height': (this.mapElement.getBoundingClientRect().width >= this.largeViewSize / 2 ? this.elevationHeight : this.mobileElevationHeight)
                     .toString()
                     .concat('px'),
-            } }, index.h("div", { key: 'cf62392e32fd128af6d90d60e39247bd95c653e0', id: "map", part: "map", class: (store.state.currentTouristicContent || store.state.currentTouristicEvent || store.state.currentOutdoorSite || store.state.currentOutdoorCourse) && this.grwApp
+            } }, index.h("div", { key: 'f1a333b0c25f58f307f1694805fd17f8aed14568', id: "map", part: "map", class: (store.state.currentTouristicContent || store.state.currentTouristicEvent || store.state.currentOutdoorSite || store.state.currentOutdoorCourse) && this.grwApp
                 ? 'common-map'
                 : store.state.currentTrek && this.elevationControl && this.elevationControl.eleDiv.style.display === 'block'
                     ? 'trek-map-and-elevation'
                     : store.state.currentTrek
                         ? 'trek-map'
-                        : 'treks-map', ref: el => (this.mapRef = el) }, this.layerDataIsLoading && (index.h("div", { key: '3f20fc7d5f622b3ce15ca1fba82b3a5b7e95d65a', class: "layer-loader-container" }, index.h("div", { key: '0a10f25e641a5359beeddc4151c786f2963cfcfd', class: "layer-loader" }))), store.state.currentTrek && (index.h("div", { key: '60af870cccbd54af4a17d41cb077323dafb526e9', class: "grw-elevation-visibility-button-container" }, index.h("grw-fab", { key: '7cba9eab5058e5527cafa8d5b6b6b894c20cfc85', exportparts: "fab-visibility-button,fab-visibility-button-icon,fab-visibility-button-label", "font-family": this.fontFamily, action: () => this.handleElevation(), icon: () => (this.elevationControl && this.elevationControl.eleDiv.style.display === 'block' ? 'show-elevation' : 'hide-elevation'), showTitle: i18n.translate[store.state.language].showElevation, hideTitle: i18n.translate[store.state.language].hideElevation, "fab-background-color": this.fabBackgroundColor, "fab-color": this.fabColor })))), !this.mapIsReady && (index.h("div", { key: '87b498ff66ad70a05c0c38d64f8cf1e70ce9f182', part: "map-loader-container", class: "map-loader-container" }, index.h("span", { key: '3fe8256f8b71c82a50280faa442318b4b791670c', part: "loader", class: "loader" })))));
+                        : 'treks-map', ref: el => (this.mapRef = el) }, this.layerDataIsLoading && (index.h("div", { key: '4734cb32cfbfbb5f7c56da5297060c66818e11d2', class: "layer-loader-container" }, index.h("div", { key: 'a66acd9e1b56fb0bf10ad6c2640f848e4e4c9067', class: "layer-loader" }))), store.state.currentTrek && (index.h("div", { key: '3ea2af00520108e355fa3fb9ca1992f3ac0b965f', class: "grw-elevation-visibility-button-container" }, index.h("grw-fab", { key: '67b58eacab9ce933d733c37900266ba52af69283', exportparts: "fab-visibility-button,fab-visibility-button-icon,fab-visibility-button-label", "font-family": this.fontFamily, action: () => this.handleElevation(), icon: () => (this.elevationControl && this.elevationControl.eleDiv.style.display === 'block' ? 'show-elevation' : 'hide-elevation'), showTitle: i18n.translate[store.state.language].showElevation, hideTitle: i18n.translate[store.state.language].hideElevation, "fab-background-color": this.fabBackgroundColor, "fab-color": this.fabColor })))), !this.mapIsReady && (index.h("div", { key: 'dea2998507605538cbf3eab317539c1e09891b13', part: "map-loader-container", class: "map-loader-container" }, index.h("span", { key: '4b65479e862fea15d3a724b36e0b2da6c499a9e1', part: "loader", class: "loader" })))));
     }
     get mapElement() { return index.getElement(this); }
 };