@geotrekce/geotrek-rando-widget 0.0.13 → 0.0.14

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

@@ -1,6 +1,6 @@
-import { Component, Host, h, Element, Prop, State, Event } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import L from 'leaflet';
-import state, { onChange } from 'store/store';
+import state, { onChange, reset } from 'store/store';
 import departureArrivalImage from '../../assets/departure-arrival.svg';
 export class GrwMap {
   constructor() {
@@ -14,9 +14,10 @@ export class GrwMap {
     this.colorArrivalIcon = '#85003b';
     this.colorSensitiveArea = '	#4974a5';
     this.colorPoiIcon = '#974c6e';
+    this.resetStoreOnDisconnected = true;
     this.handleTreksWithinBoundsBind = this.handleTreksWithinBounds.bind(this);
   }
-  connectedCallback() {
+  componentDidLoad() {
     this.map = L.map(this.element, {
       center: this.center.split(',').map(Number),
       zoom: this.zoom,
@@ -137,7 +138,8 @@ export class GrwMap {
     }
   }
   handleTreksWithinBounds() {
-    if (!state.currentMapTreksBounds || state.currentMapTreksBounds.toBBoxString() !== this.map.getBounds().toBBoxString()) {
+    if ((state.currentTreks && !state.currentMapTreksBounds) ||
+      (state.currentTreks && state.currentMapTreksBounds && state.currentMapTreksBounds.toBBoxString() !== this.map.getBounds().toBBoxString())) {
       state.treksWithinBounds = state.currentTreks.filter(trek => this.map.getBounds().contains(L.latLng(trek.departure_geom[1], trek.departure_geom[0])));
     }
   }
@@ -385,6 +387,11 @@ export class GrwMap {
       this.currentPointsReferenceLayer = null;
     }
   }
+  disconnectedCallback() {
+    if (this.resetStoreOnDisconnected) {
+      reset();
+    }
+  }
   render() {
     return (h(Host, { style: {
         '--color-primary': this.colorPrimary,
@@ -392,232 +399,259 @@ export class GrwMap {
         '--color-departure-icon': this.colorDepartureIcon,
         '--color-arrival-icon': this.colorArrivalIcon,
         '--color-poi-icon': this.colorPoiIcon,
-      } }, !this.mapIsReady && (h("div", { class: "map-loader-container" },
-      h("span", { class: "loader" })))));
+      } }, !this.mapIsReady && (h("div", { class: "map-loader-container" }, h("span", { class: "loader" })))));
   }
   static get is() { return "grw-map"; }
-  static get originalStyleUrls() { return {
-    "$": ["grw-map.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["grw-map.css"]
-  }; }
-  static get properties() { return {
-    "urlLayer": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "url-layer",
-      "reflect": false
-    },
-    "attribution": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "attribution",
-      "reflect": false
-    },
-    "center": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "center",
-      "reflect": false,
-      "defaultValue": "'1, 1'"
-    },
-    "zoom": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "zoom",
-      "reflect": false,
-      "defaultValue": "10"
-    },
-    "colorPrimary": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color-primary",
-      "reflect": false,
-      "defaultValue": "'#6b0030'"
-    },
-    "colorPrimaryTint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color-primary-tint",
-      "reflect": false,
-      "defaultValue": "'#974c6e'"
-    },
-    "colorTrekLine": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["grw-map.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["grw-map.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "urlLayer": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url-layer",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "attribution": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "attribution",
+        "reflect": false
       },
-      "attribute": "color-trek-line",
-      "reflect": false,
-      "defaultValue": "'#6b0030'"
-    },
-    "colorDepartureIcon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "center": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "center",
+        "reflect": false,
+        "defaultValue": "'1, 1'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "zoom": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "zoom",
+        "reflect": false,
+        "defaultValue": "10"
       },
-      "attribute": "color-departure-icon",
-      "reflect": false,
-      "defaultValue": "'#006b3b'"
-    },
-    "colorArrivalIcon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "colorPrimary": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color-primary",
+        "reflect": false,
+        "defaultValue": "'#6b0030'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "colorPrimaryTint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color-primary-tint",
+        "reflect": false,
+        "defaultValue": "'#974c6e'"
       },
-      "attribute": "color-arrival-icon",
-      "reflect": false,
-      "defaultValue": "'#85003b'"
-    },
-    "colorSensitiveArea": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "colorTrekLine": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color-trek-line",
+        "reflect": false,
+        "defaultValue": "'#6b0030'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "colorDepartureIcon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color-departure-icon",
+        "reflect": false,
+        "defaultValue": "'#006b3b'"
       },
-      "attribute": "color-sensitive-area",
-      "reflect": false,
-      "defaultValue": "'\t#4974a5'"
-    },
-    "colorPoiIcon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "colorArrivalIcon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color-arrival-icon",
+        "reflect": false,
+        "defaultValue": "'#85003b'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "colorSensitiveArea": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color-sensitive-area",
+        "reflect": false,
+        "defaultValue": "'\t#4974a5'"
       },
-      "attribute": "color-poi-icon",
-      "reflect": false,
-      "defaultValue": "'#974c6e'"
-    }
-  }; }
-  static get states() { return {
-    "mapIsReady": {}
-  }; }
-  static get events() { return [{
-      "method": "trekCardPress",
-      "name": "trekCardPress",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "colorPoiIcon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color-poi-icon",
+        "reflect": false,
+        "defaultValue": "'#974c6e'"
       },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "resetStoreOnDisconnected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "reset-store-on-disconnected",
+        "reflect": false,
+        "defaultValue": "true"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "mapIsReady": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "trekCardPress",
+        "name": "trekCardPress",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "element"; }
 }

package/dist/collection/components/grw-poi-detail/grw-poi-detail.js

@@ -1,41 +1,42 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class GrwPoiDetail {
   render() {
-    return (h(Host, null,
-      this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].thumbnail && (h("div", { class: "poi-img" },
-        h("img", { src: this.poi.attachments[0].thumbnail, loading: "lazy" }))),
-      h("div", { class: "poi-sub-container" },
-        h("div", { class: "poi-name" }, this.poi.name),
-        h("div", { class: "poi-description", innerHTML: this.poi.description }))));
+    return (h(Host, null, this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].thumbnail && (h("div", { class: "poi-img" }, h("img", { src: this.poi.attachments[0].thumbnail, loading: "lazy" }))), h("div", { class: "poi-sub-container" }, h("div", { class: "poi-name" }, this.poi.name), h("div", { class: "poi-description", innerHTML: this.poi.description }))));
   }
   static get is() { return "grw-poi-detail"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["grw-poi-detail.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["grw-poi-detail.css"]
-  }; }
-  static get properties() { return {
-    "poi": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Poi",
-        "resolved": "{ id: number; name: string; description: string; attachments: Attachments; type: number; geometry: Geometry; }",
-        "references": {
-          "Poi": {
-            "location": "import",
-            "path": "types/types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["grw-poi-detail.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["grw-poi-detail.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "poi": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Poi",
+          "resolved": "{ id: number; name: string; description: string; attachments: Attachments; type: number; geometry: Geometry; }",
+          "references": {
+            "Poi": {
+              "location": "import",
+              "path": "types/types"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
       }
-    }
-  }; }
+    };
+  }
 }