@geotrekce/geotrek-rando-widget 0.0.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-31255e29.js');
+
+/*
+ Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["grw-app_7.cjs",[[1,"grw-app",{"api":[1],"portals":[1],"appName":[1,"app-name"],"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"showTrek":[32],"showMap":[32],"currentTrekId":[32]},[[0,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"]]],[1,"grw-treks-list",{"treksToDisplay":[32]}],[0,"grw-map",{"colorTrekLine":[1,"color-trek-line"],"colorDepartureIcon":[1,"color-departure-icon"],"colorArrivalIcon":[1,"color-arrival-icon"]}],[1,"grw-trek-detail",{"trek":[16]}],[0,"grw-trek-provider",{"api":[1],"trekId":[1,"trek-id"]}],[0,"grw-treks-provider",{"api":[1],"portals":[1]}],[1,"grw-trek-card",{"trek":[16]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/assets/arrow-back.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><polyline points="244 400 100 256 244 112" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px"/><line x1="120" y1="256" x2="412" y2="256" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px"/></svg>

package/dist/collection/assets/ascent.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><polyline points="352 144 464 144 464 256" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M48,368,169.37,246.63a32,32,0,0,1,45.26,0l50.74,50.74a32,32,0,0,0,45.26,0L448,160" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>

package/dist/collection/assets/departure-arrival.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M80,464V68.14a8,8,0,0,1,4-6.9C91.81,56.66,112.92,48,160,48c64,0,145,48,192,48a199.53,199.53,0,0,0,77.23-15.77A2,2,0,0,1,432,82.08V301.44a4,4,0,0,1-2.39,3.65C421.37,308.7,392.33,320,352,320c-48,0-128-32-192-32s-80,16-80,16" style=";fill:none;stroke:currentColor;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/></svg>

package/dist/collection/assets/duration.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M145.61,464H366.39c19.8,0,35.55-16.29,33.42-35.06C386.06,308,304,310,304,256s83.11-51,95.8-172.94c2-18.78-13.61-35.06-33.41-35.06H145.61c-19.8,0-35.37,16.28-33.41,35.06C124.89,205,208,201,208,256s-82.06,52-95.8,172.94C110.06,447.71,125.81,464,145.61,464Z" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M343.3,432H169.13c-15.6,0-20-18-9.06-29.16C186.55,376,240,356.78,240,326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8,6.37-12.8H327.59c8.41,0,10.23,7.43,6.4,12.75C310.82,189,272,204.05,272,224V326c0,30.53,55.71,47,80.4,76.87C362.35,414.91,358.87,432,343.3,432Z"/></svg>

package/dist/collection/assets/length.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><polyline points="304 96 416 96 416 208" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="405.77" y1="106.2" x2="111.98" y2="400.02" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline points="208 416 96 416 96 304" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>

package/dist/collection/collection-manifest.json

@@ -0,0 +1,18 @@
+{
+  "entries": [
+    "./components/grw-app/grw-app.js",
+    "./components/grw-map/grw-map.js",
+    "./components/grw-trek-card/grw-trek-card.js",
+    "./components/grw-trek-detail/grw-trek-detail.js",
+    "./components/grw-treks-list/grw-treks-list.js",
+    "./store/grw-trek-provider.js",
+    "./store/grw-treks-provider.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.16.1",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/grw-app/grw-app.css

@@ -0,0 +1,112 @@
+.header-container {
+  display: flex;
+  align-items: center;
+  background-color: var(--color-primary);
+  height: 64px;
+}
+.header-container .title {
+  color: #ffffff;
+  font-size: 24px;
+  margin-left: 24px;
+}
+.header-container .arrow-back-icon {
+  width: 48px;
+  height: auto;
+  margin-left: 24px;
+}
+.header-container .arrow-back-icon svg {
+  cursor: pointer;
+  width: 48px;
+  height: auto;
+}
+
+.loader-container {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100vw;
+  height: 100%;
+}
+.loader-container .loader {
+  width: 48px;
+  height: 48px;
+  border: 5px solid var(--color-primary-tint);
+  border-bottom-color: var(--color-primary);
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.content-container {
+  display: flex;
+  height: calc(100vh - 64px);
+}
+
+.app-treks-list-container,
+.app-trek-detail-container {
+  width: 100vw;
+  height: 100%;
+}
+
+.app-map-container {
+  position: absolute;
+  width: 100vw;
+  height: calc(100vh - 64px);
+}
+
+.map-visibility-button {
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  bottom: 24px;
+  width: 100%;
+  z-index: 400;
+  user-select: none;
+}
+.map-visibility-button div {
+  background-color: var(--color-primary);
+  color: #ffffff;
+  padding: 12px;
+  border-radius: 24px;
+  width: 120px;
+  text-align: center;
+}
+
+@media (min-width: 664px) {
+  .map-visibility-button {
+    display: none;
+  }
+
+  .header-container .title {
+    font-size: 32px;
+  }
+
+  .loader-container {
+    position: relative;
+    width: 50vw;
+  }
+
+  .app-treks-list-container,
+.app-trek-detail-container {
+    width: 50vw;
+    height: 100%;
+  }
+
+  .app-map-container {
+    position: relative;
+    width: 50vw;
+    height: 100%;
+  }
+}

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

@@ -0,0 +1,156 @@
+import { Component, Host, h, Listen, State, Prop } from '@stencil/core';
+import state from 'store/store';
+import arrowBackImage from '../../assets/arrow-back.svg';
+export class GrwApp {
+  constructor() {
+    this.appName = 'Geotrek Rando Widget';
+    this.colorPrimary = '#6b0030';
+    this.colorPrimaryTint = '#d2b2c0';
+  }
+  onTrekCardPress(event) {
+    this.currentTrekId = event.detail;
+    this.showTrek = !this.showTrek;
+  }
+  onWindowResize(event) {
+    this.showMap = !(event.composedPath()[0].innerWidth < 664);
+  }
+  onTrekDetailsClose() {
+    this.currentTrekId = null;
+    this.showTrek = !this.showTrek;
+  }
+  componentWillLoad() {
+    this.showMap = !(window.innerWidth < 664);
+  }
+  render() {
+    return (h(Host, { style: { '--color-primary': this.colorPrimary, '--color-primary-tint': this.colorPrimaryTint } },
+      h("grw-treks-provider", { api: this.api, portals: this.portals },
+        h("div", { class: "header-container" }, this.showTrek ? h("div", { onClick: () => this.onTrekDetailsClose(), class: "arrow-back-icon", innerHTML: arrowBackImage }) : h("div", { class: "title" }, this.appName)),
+        h("div", { class: "content-container" },
+          h("div", { class: "app-treks-list-container", style: { visibility: this.showTrek ? 'hidden' : 'visible', position: this.showTrek ? 'absolute' : 'relative' } },
+            h("grw-treks-list", null)),
+          this.showTrek && !state.currentTrek && (h("div", { class: "loader-container" },
+            h("span", { class: "loader" }))),
+          this.showTrek && this.currentTrekId && (h("grw-trek-provider", { api: state.api, "trek-id": this.currentTrekId }, state.currentTrek && (h("div", { class: "app-trek-detail-container" },
+            h("grw-trek-detail", null))))),
+          h("div", { class: "app-map-container", style: { visibility: this.showMap ? 'visible' : 'hidden' } },
+            h("grw-map", null))),
+        h("div", { class: "map-visibility-button" },
+          h("div", { onClick: () => (this.showMap = !this.showMap) }, this.showMap ? (this.showTrek ? 'Voir la fiche' : 'Voir la liste') : 'Voir la carte')))));
+  }
+  static get is() { return "grw-app"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["grw-app.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["grw-app.css"]
+  }; }
+  static get properties() { return {
+    "api": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "api",
+      "reflect": false
+    },
+    "portals": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "portals",
+      "reflect": false
+    },
+    "appName": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "app-name",
+      "reflect": false,
+      "defaultValue": "'Geotrek Rando Widget'"
+    },
+    "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": "'#d2b2c0'"
+    }
+  }; }
+  static get states() { return {
+    "showTrek": {},
+    "showMap": {},
+    "currentTrekId": {}
+  }; }
+  static get listeners() { return [{
+      "name": "trekCardPress",
+      "method": "onTrekCardPress",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "resize",
+      "method": "onWindowResize",
+      "target": "window",
+      "capture": false,
+      "passive": true
+    }]; }
+}