@geotrekce/geotrek-rando-widget 0.0.21 → 0.2.0

package/dist/collection/store/grw-trek-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"grw-trek-provider.js","sourceRoot":"","sources":["../../src/store/grw-trek-provider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-trek-provider',\n  shadow: true,\n})\nexport class GrwTrekProvider {\n  @Prop() language = 'fr';\n  @Prop() api: string;\n  @Prop() trekId: string;\n  controller = new AbortController();\n  signal = this.controller.signal;\n\n  connectedCallback() {\n    state.api = this.api;\n    const requests = [];\n    requests.push(!state.difficulties ? fetch(`${this.api}trek_difficulty/?language=${this.language}&fields=id,label,pictogram`, { signal: this.signal }) : new Response('null'));\n    requests.push(!state.routes ? fetch(`${this.api}trek_route/?language=${this.language}&fields=id,route,pictogram`, { signal: this.signal }) : new Response('null'));\n    requests.push(!state.practices ? fetch(`${this.api}trek_practice/?language=${this.language}&fields=id,name,pictogram`, { signal: this.signal }) : new Response('null'));\n    requests.push(!state.themes ? fetch(`${this.api}theme/?language=${this.language}&fields=id,label,pictogram`, { signal: this.signal }) : new Response('null'));\n    requests.push(!state.cities ? fetch(`${this.api}city/?language=${this.language}&fields=id,name&published=true`, { signal: this.signal }) : new Response('null'));\n    Promise.all([\n      ...requests,\n      fetch(`${this.api}sensitivearea/?language=${this.language}&published=true&trek=${this.trekId}&fields=id,geometry,name,description,contact,info_url,period,practices`, {\n        signal: this.signal,\n      }).catch(() => new Response('null')),\n      fetch(`${this.api}label/?language=${this.language}&fields=id,name,advice,pictogram`, { signal: this.signal }),\n      fetch(`${this.api}source/?language=${this.language}&fields=id,name,website,pictogram`, { signal: this.signal }),\n      fetch(`${this.api}trek_accessibility/?language=${this.language}&fields=id,name,pictogram`, { signal: this.signal }),\n      fetch(`${this.api}trek_accessibility_level/?language=${this.language}&fields=id,name`, { signal: this.signal }).catch(() => new Response('null')),\n      fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,geometry&page_size=999`, {\n        signal: this.signal,\n      }),\n      fetch(`${this.api}poi_type/?language=${this.language}&fields=id,pictogram`, { signal: this.signal }),\n      fetch(\n        `${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`,\n        { signal: this.signal },\n      ),\n      fetch(\n        `${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,departure_city,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`,\n        { signal: this.signal },\n      ),\n    ])\n      .then(responses => Promise.all(responses.map(response => response.json())))\n      .then(([difficulties, routes, practices, themes, cities, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, poiTypes, informationDesks, trek]) => {\n        state.trekNetworkError = false;\n        if (difficulties) {\n          state.difficulties = difficulties.results;\n        }\n        if (routes) {\n          state.routes = routes.results;\n        }\n        if (practices) {\n          state.practices = practices.results.map(practice => ({ ...practice, selected: false }));\n        }\n        if (themes) {\n          state.themes = themes.results;\n        }\n        if (cities) {\n          state.cities = cities.results;\n        }\n        if (sensitiveAreas) {\n          state.currentSensitiveAreas = sensitiveAreas.results;\n        }\n        state.labels = labels.results;\n        state.sources = sources.results;\n        state.accessibilities = accessibilities.results;\n        if (accessibilitiesLevel) {\n          state.accessibilitiesLevel = accessibilitiesLevel.results;\n        }\n        state.currentPois = pois.results;\n        state.poiTypes = poiTypes.results;\n        state.currentInformationDesks = informationDesks.results;\n        state.currentTrek = trek;\n      })\n      .catch(() => {\n        state.trekNetworkError = true;\n      });\n  }\n\n  disconnectedCallback() {\n    this.controller.abort();\n    state.currentTrek = null;\n    state.trekNetworkError = false;\n  }\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"]}
+{"version":3,"file":"grw-trek-provider.js","sourceRoot":"","sources":["../../src/store/grw-trek-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,MAAM,aAAa,CAAC;AAMhC,MAAM,OAAO,eAAe;;IAI1B,eAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACnC,WAAM,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;IAChC,SAAI,GAAgB,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;qBALxE,IAAI;;;;EAOxB,iBAAiB;IACf,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;MACd,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;MACrB,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;MAC5C,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACrC;IACD,IAAI,CAAC,UAAU,EAAE,CAAC;EACpB,CAAC;EAED,UAAU;IACR,MAAM,QAAQ,GAAG,EAAE,CAAC;IACpB,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,6BAA6B,KAAK,CAAC,QAAQ,4BAA4B,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAClK,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,wBAAwB,KAAK,CAAC,QAAQ,4BAA4B,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IACvJ,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,2BAA2B,KAAK,CAAC,QAAQ,2BAA2B,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5J,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,mBAAmB,KAAK,CAAC,QAAQ,4BAA4B,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAClJ,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,kBAAkB,KAAK,CAAC,QAAQ,8CAA8C,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IACnK,OAAO,CAAC,GAAG,CAAC;MACV,GAAG,QAAQ;MACX,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,2BAA2B,KAAK,CAAC,QAAQ,wBAAwB,IAAI,CAAC,MAAM,wEAAwE,EAAE;QACrK,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI,CAAC,MAAM;OACpB,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;MACpC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,mBAAmB,KAAK,CAAC,QAAQ,kCAAkC,EAAE,IAAI,CAAC,IAAI,CAAC;MACjG,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,oBAAoB,KAAK,CAAC,QAAQ,mCAAmC,EAAE,IAAI,CAAC,IAAI,CAAC;MACnG,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,gCAAgC,KAAK,CAAC,QAAQ,2BAA2B,EAAE,IAAI,CAAC,IAAI,CAAC;MACvG,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,sCAAsC,KAAK,CAAC,QAAQ,iBAAiB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;MACrI,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,iBAAiB,KAAK,CAAC,QAAQ,SAAS,IAAI,CAAC,MAAM,oFAAoF,EAAE;QACzJ,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI,CAAC,MAAM;OACpB,CAAC;MACF,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,sBAAsB,KAAK,CAAC,QAAQ,sBAAsB,EAAE,IAAI,CAAC,IAAI,CAAC;MACxF,KAAK,CACH,GAAG,KAAK,CAAC,GAAG,6BAA6B,KAAK,CAAC,QAAQ,iIAAiI,EACxL,IAAI,CAAC,IAAI,CACV;MACD,KAAK,CACH,GAAG,KAAK,CAAC,GAAG,QAAQ,IAAI,CAAC,MAAM,cAAc,KAAK,CAAC,QAAQ,+fAA+f,EAC1jB,IAAI,CAAC,IAAI,CACV;KACF,CAAC;OACC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;OAC1E,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;MAC1K,KAAK,CAAC,gBAAgB,GAAG,KAAK,CAAC;MAC/B,IAAI,YAAY,EAAE;QAChB,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC;OAC3C;MACD,IAAI,MAAM,EAAE;QACV,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;OAC/B;MACD,IAAI,SAAS,EAAE;QACb,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,iCAAM,QAAQ,KAAE,QAAQ,EAAE,KAAK,IAAG,CAAC,CAAC;OACzF;MACD,IAAI,MAAM,EAAE;QACV,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;OAC/B;MACD,IAAI,MAAM,EAAE;QACV,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;OAC/B;MACD,IAAI,cAAc,EAAE;QAClB,KAAK,CAAC,qBAAqB,GAAG,cAAc,CAAC,OAAO,CAAC;OACtD;MACD,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;MAC9B,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;MAChC,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC,OAAO,CAAC;MAChD,IAAI,oBAAoB,EAAE;QACxB,KAAK,CAAC,oBAAoB,GAAG,oBAAoB,CAAC,OAAO,CAAC;OAC3D;MACD,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;MACjC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC;MAClC,KAAK,CAAC,uBAAuB,GAAG,gBAAgB,CAAC,OAAO,CAAC;MACzD,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAC3B,CAAC,CAAC;OACD,KAAK,CAAC,GAAG,EAAE;MACV,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAChC,CAAC,CAAC,CAAC;EACP,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IACxB,KAAK,CAAC,gBAAgB,GAAG,KAAK,CAAC;EACjC,CAAC;EAED,MAAM;IACJ,OAAO,EAAC,IAAI,OAAQ,CAAC;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Build, Component, h, Host, Prop } from '@stencil/core';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-trek-provider',\n  shadow: true,\n})\nexport class GrwTrekProvider {\n  @Prop() languages = 'fr';\n  @Prop() api: string;\n  @Prop() trekId: string;\n  controller = new AbortController();\n  signal = this.controller.signal;\n  init: RequestInit = { cache: Build.isDev ? 'force-cache' : 'default', signal: this.signal };\n\n  connectedCallback() {\n    if (!state.api) {\n      state.api = this.api;\n      state.languages = this.languages.split(',');\n      state.language = state.languages[0];\n    }\n    this.handleTrek();\n  }\n\n  handleTrek() {\n    const requests = [];\n    requests.push(!state.difficulties ? fetch(`${state.api}trek_difficulty/?language=${state.language}&fields=id,label,pictogram`, this.init) : new Response('null'));\n    requests.push(!state.routes ? fetch(`${state.api}trek_route/?language=${state.language}&fields=id,route,pictogram`, this.init) : new Response('null'));\n    requests.push(!state.practices ? fetch(`${state.api}trek_practice/?language=${state.language}&fields=id,name,pictogram`, this.init) : new Response('null'));\n    requests.push(!state.themes ? fetch(`${state.api}theme/?language=${state.language}&fields=id,label,pictogram`, this.init) : new Response('null'));\n    requests.push(!state.cities ? fetch(`${state.api}city/?language=${state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null'));\n    Promise.all([\n      ...requests,\n      fetch(`${this.api}sensitivearea/?language=${state.language}&published=true&trek=${this.trekId}&fields=id,geometry,name,description,contact,info_url,period,practices`, {\n        cache: 'force-cache',\n        signal: this.signal,\n      }).catch(() => new Response('null')),\n      fetch(`${state.api}label/?language=${state.language}&fields=id,name,advice,pictogram`, this.init),\n      fetch(`${state.api}source/?language=${state.language}&fields=id,name,website,pictogram`, this.init),\n      fetch(`${state.api}trek_accessibility/?language=${state.language}&fields=id,name,pictogram`, this.init),\n      fetch(`${state.api}trek_accessibility_level/?language=${state.language}&fields=id,name`, this.init).catch(() => new Response('null')),\n      fetch(`${state.api}poi/?language=${state.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,geometry&page_size=999`, {\n        cache: 'force-cache',\n        signal: this.signal,\n      }),\n      fetch(`${state.api}poi_type/?language=${state.language}&fields=id,pictogram`, this.init),\n      fetch(\n        `${state.api}informationdesk/?language=${state.language}&fields=id,name,description,type,phone,email,website,municipality,postal_code,street,photo_url,latitude,longitude&page_size=999`,\n        this.init,\n      ),\n      fetch(\n        `${state.api}trek/${this.trekId}/?language=${state.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,departure_city,arrival,cities,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,information_desks`,\n        this.init,\n      ),\n    ])\n      .then(responses => Promise.all(responses.map(response => response.json())))\n      .then(([difficulties, routes, practices, themes, cities, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, poiTypes, informationDesks, trek]) => {\n        state.trekNetworkError = false;\n        if (difficulties) {\n          state.difficulties = difficulties.results;\n        }\n        if (routes) {\n          state.routes = routes.results;\n        }\n        if (practices) {\n          state.practices = practices.results.map(practice => ({ ...practice, selected: false }));\n        }\n        if (themes) {\n          state.themes = themes.results;\n        }\n        if (cities) {\n          state.cities = cities.results;\n        }\n        if (sensitiveAreas) {\n          state.currentSensitiveAreas = sensitiveAreas.results;\n        }\n        state.labels = labels.results;\n        state.sources = sources.results;\n        state.accessibilities = accessibilities.results;\n        if (accessibilitiesLevel) {\n          state.accessibilitiesLevel = accessibilitiesLevel.results;\n        }\n        state.currentPois = pois.results;\n        state.poiTypes = poiTypes.results;\n        state.currentInformationDesks = informationDesks.results;\n        state.currentTrek = trek;\n      })\n      .catch(() => {\n        state.trekNetworkError = true;\n      });\n  }\n\n  disconnectedCallback() {\n    this.controller.abort();\n    state.trekNetworkError = false;\n  }\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"]}

package/dist/collection/store/grw-treks-provider.js

@@ -1,10 +1,11 @@
-import { h, Host } from '@stencil/core';
+import { Build, h, Host } from '@stencil/core';
 import state from 'store/store';
 export class GrwTreksProvider {
   constructor() {
     this.controller = new AbortController();
     this.signal = this.controller.signal;
-    this.language = 'fr';
+    this.init = { cache: Build.isDev ? 'force-cache' : 'default', signal: this.signal };
+    this.languages = 'fr';
     this.api = undefined;
     this.inBbox = undefined;
     this.cities = undefined;
@@ -16,8 +17,19 @@ export class GrwTreksProvider {
     this.practices = undefined;
   }
   connectedCallback() {
-    state.api = this.api;
-    let treksRequest = `${this.api}trek/?language=${this.language}&published=true`;
+    if (!state.api) {
+      state.api = this.api;
+      state.languages = this.languages.split(',');
+      state.language = state.languages[0];
+    }
+    this.handleTreks();
+  }
+  disconnectedCallback() {
+    this.controller.abort();
+    state.treksNetworkError = false;
+  }
+  handleTreks() {
+    let treksRequest = `${this.api}trek/?language=${state.language}&published=true`;
     this.inBbox && (treksRequest += `&in_bbox=${this.inBbox}`);
     this.cities && (treksRequest += `&cities=${this.cities}`);
     this.districts && (treksRequest += `&districts=${this.districts}`);
@@ -28,12 +40,12 @@ export class GrwTreksProvider {
     this.practices && (treksRequest += `&practices=${this.practices}`);
     treksRequest += `&fields=id,name,attachments,description_teaser,difficulty,duration,ascent,length_2d,practice,themes,route,departure,departure_city,departure_geom&page_size=999`;
     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(`${this.api}city/?language=${this.language}&fields=id,name&published=true`, { signal: this.signal }),
-      fetch(treksRequest, { signal: this.signal }),
+      fetch(`${state.api}trek_difficulty/?language=${state.language}&fields=id,label,pictogram`, this.init),
+      fetch(`${state.api}trek_route/?language=${state.language}&fields=id,route,pictogram`, this.init),
+      fetch(`${state.api}trek_practice/?language=${state.language}&fields=id,name,pictogram`, this.init),
+      fetch(`${state.api}theme/?language=${state.language}&fields=id,label,pictogram`, this.init),
+      fetch(`${state.api}city/?language=${state.language}&fields=id,name&published=true&page_size=999`, this.init),
+      fetch(treksRequest, this.init),
     ])
       .then(responses => Promise.all(responses.map(response => response.json())))
       .then(([difficulties, routes, practices, themes, cities, treks]) => {
@@ -55,10 +67,6 @@ export class GrwTreksProvider {
     })
       .catch(() => (state.treksNetworkError = true));
   }
-  disconnectedCallback() {
-    this.controller.abort();
-    state.treksNetworkError = false;
-  }
   render() {
     return h(Host, null);
   }
@@ -66,7 +74,7 @@ export class GrwTreksProvider {
   static get encapsulation() { return "shadow"; }
   static get properties() {
     return {
-      "language": {
+      "languages": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -80,7 +88,7 @@ export class GrwTreksProvider {
           "tags": [],
           "text": ""
         },
-        "attribute": "language",
+        "attribute": "languages",
         "reflect": false,
         "defaultValue": "'fr'"
       },

package/dist/collection/store/grw-treks-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"grw-treks-provider.js","sourceRoot":"","sources":["../../src/store/grw-treks-provider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-treks-provider',\n  shadow: true,\n})\nexport class GrwTreksProvider {\n  @Prop() language = 'fr';\n  @Prop() api: string;\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  controller = new AbortController();\n  signal = this.controller.signal;\n\n  connectedCallback() {\n    state.api = this.api;\n\n    let treksRequest = `${this.api}trek/?language=${this.language}&published=true`;\n\n    this.inBbox && (treksRequest += `&in_bbox=${this.inBbox}`);\n    this.cities && (treksRequest += `&cities=${this.cities}`);\n    this.districts && (treksRequest += `&districts=${this.districts}`);\n    this.structures && (treksRequest += `&structures=${this.structures}`);\n    this.themes && (treksRequest += `&themes=${this.themes}`);\n    this.portals && (treksRequest += `&portals=${this.portals}`);\n    this.routes && (treksRequest += `&routes=${this.routes}`);\n    this.practices && (treksRequest += `&practices=${this.practices}`);\n\n    treksRequest += `&fields=id,name,attachments,description_teaser,difficulty,duration,ascent,length_2d,practice,themes,route,departure,departure_city,departure_geom&page_size=999`;\n\n    Promise.all([\n      fetch(`${this.api}trek_difficulty/?language=${this.language}&fields=id,label,pictogram`, { signal: this.signal }),\n      fetch(`${this.api}trek_route/?language=${this.language}&fields=id,route,pictogram`, { signal: this.signal }),\n      fetch(`${this.api}trek_practice/?language=${this.language}&fields=id,name,pictogram`, { signal: this.signal }),\n      fetch(`${this.api}theme/?language=${this.language}&fields=id,label,pictogram`, { signal: this.signal }),\n      fetch(`${this.api}city/?language=${this.language}&fields=id,name&published=true`, { signal: this.signal }),\n      fetch(treksRequest, { signal: this.signal }),\n    ])\n      .then(responses => Promise.all(responses.map(response => response.json())))\n      .then(([difficulties, routes, practices, themes, cities, treks]) => {\n        state.treksNetworkError = false;\n        state.difficulties = difficulties.results;\n        state.routes = routes.results;\n        state.practices = practices.results.map(practice => ({ ...practice, selected: false }));\n        state.themes = themes.results;\n        state.cities = cities.results;\n        state.durations = [\n          { id: 1, name: '0 - 1h', minValue: 0, maxValue: 1, selected: false },\n          { id: 2, name: '1 - 2h', minValue: 1, maxValue: 2, selected: false },\n          { id: 3, name: '2 - 5h', minValue: 2, maxValue: 5, selected: false },\n          { id: 4, name: '5 - 10h', minValue: 5, maxValue: 10, selected: false },\n        ];\n        state.currentTreks = treks.results;\n        state.treksWithinBounds = treks.results;\n        state.treks = treks.results;\n      })\n      .catch(() => (state.treksNetworkError = true));\n  }\n\n  disconnectedCallback() {\n    this.controller.abort();\n    state.treksNetworkError = false;\n  }\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"]}
+{"version":3,"file":"grw-treks-provider.js","sourceRoot":"","sources":["../../src/store/grw-treks-provider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Build, Component, h, Host, Prop } from '@stencil/core';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-treks-provider',\n  shadow: true,\n})\nexport class GrwTreksProvider {\n  @Prop() languages = 'fr';\n  @Prop() api: string;\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  controller = new AbortController();\n  signal = this.controller.signal;\n  init: RequestInit = { cache: Build.isDev ? 'force-cache' : 'default', signal: this.signal };\n\n  connectedCallback() {\n    if (!state.api) {\n      state.api = this.api;\n      state.languages = this.languages.split(',');\n      state.language = state.languages[0];\n    }\n    this.handleTreks();\n  }\n\n  disconnectedCallback() {\n    this.controller.abort();\n    state.treksNetworkError = false;\n  }\n\n  handleTreks() {\n    let treksRequest = `${this.api}trek/?language=${state.language}&published=true`;\n\n    this.inBbox && (treksRequest += `&in_bbox=${this.inBbox}`);\n    this.cities && (treksRequest += `&cities=${this.cities}`);\n    this.districts && (treksRequest += `&districts=${this.districts}`);\n    this.structures && (treksRequest += `&structures=${this.structures}`);\n    this.themes && (treksRequest += `&themes=${this.themes}`);\n    this.portals && (treksRequest += `&portals=${this.portals}`);\n    this.routes && (treksRequest += `&routes=${this.routes}`);\n    this.practices && (treksRequest += `&practices=${this.practices}`);\n\n    treksRequest += `&fields=id,name,attachments,description_teaser,difficulty,duration,ascent,length_2d,practice,themes,route,departure,departure_city,departure_geom&page_size=999`;\n\n    Promise.all([\n      fetch(`${state.api}trek_difficulty/?language=${state.language}&fields=id,label,pictogram`, this.init),\n      fetch(`${state.api}trek_route/?language=${state.language}&fields=id,route,pictogram`, this.init),\n      fetch(`${state.api}trek_practice/?language=${state.language}&fields=id,name,pictogram`, this.init),\n      fetch(`${state.api}theme/?language=${state.language}&fields=id,label,pictogram`, this.init),\n      fetch(`${state.api}city/?language=${state.language}&fields=id,name&published=true&page_size=999`, this.init),\n      fetch(treksRequest, this.init),\n    ])\n      .then(responses => Promise.all(responses.map(response => response.json())))\n      .then(([difficulties, routes, practices, themes, cities, treks]) => {\n        state.treksNetworkError = false;\n        state.difficulties = difficulties.results;\n        state.routes = routes.results;\n        state.practices = practices.results.map(practice => ({ ...practice, selected: false }));\n        state.themes = themes.results;\n        state.cities = cities.results;\n        state.durations = [\n          { id: 1, name: '0 - 1h', minValue: 0, maxValue: 1, selected: false },\n          { id: 2, name: '1 - 2h', minValue: 1, maxValue: 2, selected: false },\n          { id: 3, name: '2 - 5h', minValue: 2, maxValue: 5, selected: false },\n          { id: 4, name: '5 - 10h', minValue: 5, maxValue: 10, selected: false },\n        ];\n        state.currentTreks = treks.results;\n        state.treksWithinBounds = treks.results;\n        state.treks = treks.results;\n      })\n      .catch(() => (state.treksNetworkError = true));\n  }\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"]}

package/dist/collection/store/store.js

@@ -1,16 +1,18 @@
 import { createStore } from '@stencil/store';
 const { state, onChange, reset } = createStore({
-  api: '',
+  api: null,
+  languages: null,
+  language: null,
   treks: null,
   currentTreks: null,
   treksWithinBounds: null,
   currentMapTreksBounds: null,
-  difficulties: [],
-  routes: [],
-  practices: [],
-  themes: [],
-  cities: [],
-  durations: [],
+  difficulties: null,
+  routes: null,
+  practices: null,
+  themes: null,
+  cities: null,
+  durations: null,
   currentSensitiveAreas: null,
   labels: null,
   sources: null,

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

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

package/dist/collection/stories/App.js

@@ -11,9 +11,21 @@ export const createApp = ({
   practices,
   urlLayer,
   attribution,
-  colorPrimary,
-  colorPrimaryShade,
-  colorPrimaryTint,
+  colorPrimaryApp,
+  colorOnPrimary,
+  colorSurface,
+  colorOnSurface,
+  colorSurfaceVariant,
+  colorOnSurfaceVariant,
+  colorPrimaryContainer,
+  colorOnPrimaryContainer,
+  colorSecondaryContainer,
+  colorOnSecondaryContainer,
+  colorBackground,
+  colorSurfaceContainerHigh,
+  colorSurfaceContainerLow,
+  fabBackgroundColor,
+  fabColor,
   colorTrekLine,
   colorDepartureIcon,
   colorArrivalIcon,
@@ -35,9 +47,21 @@ export const createApp = ({
   practices && app.setAttribute('practices', practices);
   app.setAttribute('url-layer', urlLayer);
   app.setAttribute('attribution', attribution);
-  app.setAttribute('color-primary', colorPrimary);
-  app.setAttribute('color-primary-shade', colorPrimaryShade);
-  app.setAttribute('color-primary-tint', colorPrimaryTint);
+  app.setAttribute('color-primary-app', colorPrimaryApp);
+  app.setAttribute('color-on-primary', colorOnPrimary);
+  app.setAttribute('color-surface', colorSurface);
+  app.setAttribute('color-on-surface', colorOnSurface);
+  app.setAttribute('color-surface-variant', colorSurfaceVariant);
+  app.setAttribute('color-on-surface-variant', colorOnSurfaceVariant);
+  app.setAttribute('color-primary-container', colorPrimaryContainer);
+  app.setAttribute('color-on-primary-container', colorOnPrimaryContainer);
+  app.setAttribute('color-secondary-container', colorSecondaryContainer);
+  app.setAttribute('color-on-secondary-container', colorOnSecondaryContainer);
+  app.setAttribute('color-background', colorBackground);
+  app.setAttribute('color-surface-container-high', colorSurfaceContainerHigh);
+  app.setAttribute('color-surface-container-low', colorSurfaceContainerLow);
+  app.setAttribute('fab-background-color', fabBackgroundColor);
+  app.setAttribute('fab-color', fabColor);
   app.setAttribute('color-trek-line', colorTrekLine);
   app.setAttribute('color-departure-icon', colorDepartureIcon);
   app.setAttribute('color-arrival-icon', colorArrivalIcon);

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

@@ -1,7 +1,7 @@
 import { createApp } from './App';
 
 export default {
-  title: 'Geotrek Rando Widget',
+  title: 'Geotrek rando widget',
   argTypes: {
     urlLayer: {
       control: 'select',
@@ -34,9 +34,21 @@ App.args = {
   practices: '',
   urlLayer: 'planignv2',
   attribution: '© IGN',
-  colorPrimary: '#6b0030',
-  colorPrimaryShade: '4a0021',
-  colorPrimaryTint: '#974c6e',
+  colorPrimaryApp: '#6b0030',
+  colorOnPrimary: '#ffffff',
+  colorSurface: '#1c1b1f',
+  colorOnSurface: '#49454e',
+  colorSurfaceVariant: '#fef7ff',
+  colorOnSurfaceVariant: '#1c1b1f',
+  colorPrimaryContainer: '#eaddff',
+  colorOnPrimaryContainer: '#21005e',
+  colorSecondaryContainer: '#e8def8',
+  colorOnSecondaryContainer: '#1d192b',
+  colorBackground: '#fef7ff',
+  colorSurfaceContainerHigh: '#ece6f0',
+  colorSurfaceContainerLow: '#f7f2fa',
+  fabBackgroundColor: '#eaddff',
+  fabColor: '#21005d',
   colorTrekLine: '#6b0030',
   colorDepartureIcon: '#006b3b',
   colorArrivalIcon: '#85003b',

package/dist/collection/stories/TrekCard.js

@@ -1,4 +1,4 @@
-export const createTrekCard = ({ api, language, trekId, colorPrimary, colorPrimaryTint }) => {
+export const createTrekCard = ({ api, language, trekId, colorPrimaryApp, colorOnSurface, colorSecondaryContainer, colorOnSecondaryContainer, colorSurfaceContainerLow }) => {
   const container = document.createElement('div');
   const trek = document.createElement('grw-trek-provider');
   trek.setAttribute('api', api);
@@ -6,8 +6,11 @@ export const createTrekCard = ({ api, language, trekId, colorPrimary, colorPrima
   trek.setAttribute('trek-id', trekId);
   container.appendChild(trek);
   const card = document.createElement('grw-trek-card');
-  card.setAttribute('color-primary', colorPrimary);
-  card.setAttribute('color-primary-tint', colorPrimaryTint);
+  trek.setAttribute('color-primary', colorPrimaryApp);
+  trek.setAttribute('color-on-surface', colorOnSurface);
+  trek.setAttribute('color-secondary-container', colorSecondaryContainer);
+  trek.setAttribute('color-on-secondary-container', colorOnSecondaryContainer);
+  trek.setAttribute('color-surface-container-low', colorSurfaceContainerLow);
   container.appendChild(card);
   return container;
 };

package/dist/collection/stories/TrekCard.stories.js

@@ -1,7 +1,7 @@
 import { createTrekCard } from './TrekCard';
 
 export default {
-  title: 'Geotrek Rando Widget',
+  title: 'Geotrek rando widget',
   argTypes: {},
 };
 
@@ -15,7 +15,10 @@ TrekCard.args = {
   api: 'https://randoadmin.parc-haut-jura.fr/api/v2/',
   language: 'fr',
   trekId: 242872,
-  colorPrimary: '#6b0030',
-  colorPrimaryTint: '#974c6e',
+  colorPrimaryApp: '#6b0030',
+  colorOnSurface: '#49454e',
+  colorSecondaryContainer: '#e8def8',
+  colorOnSecondaryContainer: '#1d192b',
+  colorSurfaceContainerLow: '#f7f2fa',
 };
 TrekCard.storyName = 'Trek card';

package/dist/collection/stories/TrekDetail.js

@@ -1,4 +1,15 @@
-export const createTrekDetail = ({ api, language, trekId, colorPrimary, colorPrimaryShade, colorPrimaryTint }) => {
+export const createTrekDetail = ({
+  api,
+  language,
+  trekId,
+  colorPrimaryApp,
+  colorOnSurface,
+  colorPrimaryContainer,
+  colorOnPrimaryContainer,
+  colorSecondaryContainer,
+  colorOnSecondaryContainer,
+  colorBackground,
+}) => {
   const container = document.createElement('div');
   const trek = document.createElement('grw-trek-provider');
   trek.setAttribute('api', api);
@@ -6,9 +17,13 @@ export const createTrekDetail = ({ api, language, trekId, colorPrimary, colorPri
   trek.setAttribute('trek-id', trekId);
   container.appendChild(trek);
   const detail = document.createElement('grw-trek-detail');
-  detail.setAttribute('color-primary', colorPrimary);
-  detail.setAttribute('color-primary-shade', colorPrimaryShade);
-  detail.setAttribute('color-primary-tint', colorPrimaryTint);
+  trek.setAttribute('color-primary-app', colorPrimaryApp);
+  trek.setAttribute('color-on-surface', colorOnSurface);
+  trek.setAttribute('color-primary-container', colorPrimaryContainer);
+  trek.setAttribute('color-on-primary-container', colorOnPrimaryContainer);
+  trek.setAttribute('color-secondary-container', colorSecondaryContainer);
+  trek.setAttribute('color-on-secondary-container', colorOnSecondaryContainer);
+  trek.setAttribute('color-background', colorBackground);
   container.appendChild(detail);
   return container;
 };

package/dist/collection/stories/TrekDetail.stories.js

@@ -1,7 +1,7 @@
 import { createTrekDetail } from './TrekDetail';
 
 export default {
-  title: 'Geotrek Rando Widget',
+  title: 'Geotrek rando widget',
   argTypes: {},
 };
 
@@ -15,8 +15,12 @@ TrekDetail.args = {
   api: 'https://randoadmin.parc-haut-jura.fr/api/v2/',
   language: 'fr',
   trekId: 242872,
-  colorPrimary: '#6b0030',
-  colorPrimaryShade: '4a0021',
-  colorPrimaryTint: '#974c6e',
+  colorPrimaryApp: '#6b0030',
+  colorOnSurface: '#49454e',
+  colorPrimaryContainer: '#eaddff',
+  colorOnPrimaryContainer: '#21005e',
+  colorSecondaryContainer: '#e8def8',
+  colorOnSecondaryContainer: '#1d192b',
+  colorBackground: '#fef7ff',
 };
 TrekDetail.storyName = 'Trek detail';

package/dist/collection/stories/TrekMap.js

@@ -1,4 +1,21 @@
-export const createTrekMap = ({ api, trekId, urlLayer, center, zoom, attribution, colorTrekLine, colorDepartureIcon, colorArrivalIcon, colorSensitiveArea, colorPoiIcon }) => {
+export const createTrekMap = ({
+  api,
+  trekId,
+  urlLayer,
+  center,
+  zoom,
+  attribution,
+  colorPrimaryApp,
+  colorOnSurface,
+  colorPrimaryContainer,
+  colorOnPrimaryContainer,
+  colorBackground,
+  colorTrekLine,
+  colorDepartureIcon,
+  colorArrivalIcon,
+  colorSensitiveArea,
+  colorPoiIcon,
+}) => {
   const container = document.createElement('div');
   container.style = 'height: 100%';
   const trek = document.createElement('grw-trek-provider');
@@ -10,6 +27,11 @@ export const createTrekMap = ({ api, trekId, urlLayer, center, zoom, attribution
   trekMap.setAttribute('center', center);
   trekMap.setAttribute('zoom', zoom);
   trekMap.setAttribute('attribution', attribution);
+  trekMap.setAttribute('color-primary-app', colorPrimaryApp);
+  trekMap.setAttribute('color-on-surface', colorOnSurface);
+  trekMap.setAttribute('color-primary-container', colorPrimaryContainer);
+  trekMap.setAttribute('color-on-primary-container', colorOnPrimaryContainer);
+  trekMap.setAttribute('color-background', colorBackground);
   trekMap.setAttribute('color-trek-line', colorTrekLine);
   trekMap.setAttribute('color-departure-icon', colorDepartureIcon);
   trekMap.setAttribute('color-arrival-icon', colorArrivalIcon);

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

@@ -1,7 +1,7 @@
 import { createTrekMap } from './TrekMap';
 
 export default {
-  title: 'Geotrek Rando Widget',
+  title: 'Geotrek rando widget',
   argTypes: {
     urlLayer: {
       control: 'select',
@@ -28,6 +28,11 @@ TrekMap.args = {
   center: '46.50761080179829, 5.927117067721017',
   zoom: 8,
   attribution: '© IGN',
+  colorPrimaryApp: '#6b0030',
+  colorOnSurface: '#49454e',
+  colorPrimaryContainer: '#eaddff',
+  colorOnPrimaryContainer: '#21005e',
+  colorBackground: '#fef7ff',
   colorTrekLine: '#6b0030',
   colorDepartureIcon: '#006b3b',
   colorArrivalIcon: '#85003b',

package/dist/collection/stories/TreksList.js

@@ -1,4 +1,20 @@
-export const createTreksList = ({ api, language, inBbox, cities, districts, structures, themes, portals, routes, practices, colorPrimary, colorPrimaryTint }) => {
+export const createTreksList = ({
+  api,
+  language,
+  inBbox,
+  cities,
+  districts,
+  structures,
+  themes,
+  portals,
+  routes,
+  practices,
+  colorPrimaryApp,
+  colorOnSurface,
+  colorSecondaryContainer,
+  colorOnSecondaryContainer,
+  colorSurfaceContainerLow,
+}) => {
   const container = document.createElement('div');
   const treks = document.createElement('grw-treks-provider');
   treks.setAttribute('api', api);
@@ -13,8 +29,11 @@ export const createTreksList = ({ api, language, inBbox, cities, districts, stru
   practices && treks.setAttribute('practices', practices);
   container.appendChild(treks);
   const list = document.createElement('grw-treks-list');
-  list.setAttribute('color-primary', colorPrimary);
-  list.setAttribute('color-primary-tint', colorPrimaryTint);
+  list.setAttribute('color-primary', colorPrimaryApp);
+  list.setAttribute('color-on-surface', colorOnSurface);
+  list.setAttribute('color-secondary-container', colorSecondaryContainer);
+  list.setAttribute('color-on-secondary-container', colorOnSecondaryContainer);
+  list.setAttribute('color-surface-container-low', colorSurfaceContainerLow);
   container.appendChild(list);
   return container;
 };

package/dist/collection/stories/TreksList.stories.js

@@ -1,7 +1,7 @@
 import { createTreksList } from './TreksList';
 
 export default {
-  title: 'Geotrek Rando Widget',
+  title: 'Geotrek rando widget',
   argTypes: {},
 };
 
@@ -22,7 +22,10 @@ TreksList.args = {
   portals: '',
   routes: '',
   practices: '',
-  colorPrimary: '#6b0030',
-  colorPrimaryTint: '#974c6e',
+  colorPrimaryApp: '#6b0030',
+  colorOnSurface: '#49454e',
+  colorSecondaryContainer: '#e8def8',
+  colorOnSecondaryContainer: '#1d192b',
+  colorSurfaceContainerLow: '#f7f2fa',
 };
 TreksList.storyName = 'Treks list';

package/dist/collection/stories/TreksMap.js

@@ -1,4 +1,4 @@
-export const createTreksMap = ({ api, urlLayer, center, zoom, attribution, colorPrimary, colorPrimaryTint }) => {
+export const createTreksMap = ({ api, urlLayer, center, zoom, attribution, colorPrimaryApp, colorOnSurface, colorPrimaryContainer, colorOnPrimaryContainer, colorBackground }) => {
   const container = document.createElement('div');
   container.style = 'height: 100%';
   const treks = document.createElement('grw-treks-provider');
@@ -9,8 +9,11 @@ export const createTreksMap = ({ api, urlLayer, center, zoom, attribution, color
   treksMap.setAttribute('center', center);
   treksMap.setAttribute('zoom', zoom);
   treksMap.setAttribute('attribution', attribution);
-  treksMap.setAttribute('color-primary', colorPrimary);
-  treksMap.setAttribute('color-primary-tint', colorPrimaryTint);
+  treksMap.setAttribute('color-primary-app', colorPrimaryApp);
+  treksMap.setAttribute('color-on-surface', colorOnSurface);
+  treksMap.setAttribute('color-primary-container', colorPrimaryContainer);
+  treksMap.setAttribute('color-on-primary-container', colorOnPrimaryContainer);
+  treksMap.setAttribute('color-background', colorBackground);
   container.appendChild(treksMap);
   return container;
 };

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

@@ -1,7 +1,7 @@
 import { createTreksMap } from './TreksMap';
 
 export default {
-  title: 'Geotrek Rando Widget',
+  title: 'Geotrek rando widget',
   argTypes: {
     urlLayer: {
       control: 'select',
@@ -27,7 +27,10 @@ TreksMap.args = {
   center: '46.50761080179829, 5.927117067721017',
   zoom: 8,
   attribution: '© IGN',
-  colorPrimary: '#6b0030',
-  colorPrimaryTint: '#974c6e',
+  colorPrimaryApp: '#6b0030',
+  colorOnSurface: '#49454e',
+  colorPrimaryContainer: '#eaddff',
+  colorOnPrimaryContainer: '#21005e',
+  colorBackground: '#fef7ff',
 };
 TreksMap.storyName = 'Treks map';