@geotrekce/geotrek-rando-widget 0.0.1

package/dist/components/grw-trek-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GrwTrekCard extends Components.GrwTrekCard, HTMLElement {}
+export const GrwTrekCard: {
+  prototype: GrwTrekCard;
+  new (): GrwTrekCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/grw-trek-card.js

@@ -0,0 +1,6 @@
+import { G as GrwTrekCard$1, d as defineCustomElement$1 } from './grw-trek-card2.js';
+
+const GrwTrekCard = GrwTrekCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GrwTrekCard, defineCustomElement };

package/dist/components/grw-trek-card2.js

@@ -0,0 +1,45 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { s as state } from './store.js';
+import { d as durationImage, f as formatDuration, l as lengthImage, a as formatLength, b as ascentImage, c as formatAscent } from './length.js';
+
+const grwTrekCardCss = ".trek-card-container{width:350px;height:auto;border-radius:8px;box-shadow:4px 8px 24px rgba(0, 0, 0, 0.25);cursor:pointer}.trek-card-container .image{width:100%;height:auto}.trek-card-container .sub-container{padding:12px}.trek-card-container .sub-container .name{color:var(--color-primary);font-size:24px;font-weight:bold;margin-bottom:12px}.trek-card-container .sub-container .description{max-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px}.trek-card-container .sub-container .description p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.trek-card-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{display:flex;justify-content:space-between;align-items:center;width:100%}.trek-card-container .sub-container .icons-labels-container .row:not(:last-child){margin-bottom:12px}.trek-card-container .sub-container .icons-labels-container .row .icon-label{display:flex;justify-content:center;align-items:center;width:33.3333333333%}.trek-card-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{width:24px;height:auto;margin-right:24px}.trek-card-container .sub-container .icons-labels-container .row .practice img{background-color:var(--color-primary)}";
+
+const GrwTrekCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.trekCardPress = createEvent(this, "trekCardPress", 7);
+  }
+  componentWillLoad() {
+    this.currentTrek = this.trek ? this.trek : state.currentTrek;
+    this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);
+    this.route = state.routes.find(route => route.id === this.currentTrek.route);
+    this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);
+  }
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    return (h(Host, { onClick: () => this.trekCardPress.emit(this.currentTrek.id) }, h("div", { class: "trek-card-container" }, this.currentTrek.attachments[0] && h("img", { class: "image", src: this.currentTrek.attachments[0].url, loading: "lazy" }), h("div", { class: "sub-container" }, h("div", { class: "name" }, (_a = this.currentTrek) === null || _a === void 0 ? void 0 : _a.name), h("div", { class: "description", innerHTML: (_b = this.currentTrek) === null || _b === void 0 ? void 0 : _b.description_teaser }), h("div", { class: "icons-labels-container" }, h("div", { class: "row" }, h("div", { class: "icon-label difficulty" }, ((_c = this.difficulty) === null || _c === void 0 ? void 0 : _c.pictogram) && h("img", { src: this.difficulty.pictogram }), (_d = this.difficulty) === null || _d === void 0 ? void 0 :
+      _d.label), h("div", { class: "icon-label duration" }, h("div", { class: "svg-icon", innerHTML: durationImage }), formatDuration(this.currentTrek.duration)), h("div", { class: "icon-label route" }, ((_e = this.route) === null || _e === void 0 ? void 0 : _e.pictogram) && h("img", { src: this.route.pictogram }), (_f = this.route) === null || _f === void 0 ? void 0 :
+      _f.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" }, ((_g = this.practice) === null || _g === void 0 ? void 0 : _g.pictogram) && h("img", { src: this.practice.pictogram }), (_h = this.practice) === null || _h === void 0 ? void 0 :
+      _h.name)))))));
+  }
+  static get style() { return grwTrekCardCss; }
+}, [1, "grw-trek-card", {
+    "trek": [16]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["grw-trek-card"];
+  components.forEach(tagName => { switch (tagName) {
+    case "grw-trek-card":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GrwTrekCard);
+      }
+      break;
+  } });
+}
+
+export { GrwTrekCard as G, defineCustomElement as d };

package/dist/components/grw-trek-detail.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GrwTrekDetail extends Components.GrwTrekDetail, HTMLElement {}
+export const GrwTrekDetail: {
+  prototype: GrwTrekDetail;
+  new (): GrwTrekDetail;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/grw-trek-detail.js

@@ -0,0 +1,6 @@
+import { G as GrwTrekDetail$1, d as defineCustomElement$1 } from './grw-trek-detail2.js';
+
+const GrwTrekDetail = GrwTrekDetail$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GrwTrekDetail, defineCustomElement };

package/dist/components/grw-trek-detail2.js

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as state } from './store.js';
+import { d as durationImage, f as formatDuration, l as lengthImage, a as formatLength, b as ascentImage, c as formatAscent } from './length.js';
+
+const grwTrekDetailCss = ".trek-detail-container{display:flex;flex-direction:column;max-height:calc(100vh - 64px);overflow-y:auto}.trek-detail-container .name{color:var(--color-primary);font-size:48px;font-weight:bold;padding:24px}.trek-detail-container .image{align-self:center;width:100%;max-width:700px;height:auto;box-shadow:4px 8px 24px rgba(0, 0, 0, 0.25)}.trek-detail-container .sub-container{padding:24px}.trek-detail-container .sub-container .icons-labels-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.trek-detail-container .sub-container .icons-labels-container .row{display:flex;justify-content:space-between;align-items:center;width:100%}.trek-detail-container .sub-container .icons-labels-container .row:not(:last-child){margin-bottom:24px}.trek-detail-container .sub-container .icons-labels-container .row .icon-label{display:flex;justify-content:center;align-items:center;width:33.3333333333%}.trek-detail-container .sub-container .icons-labels-container .row .icon-label:nth-child(2){margin:0px 8px}.trek-detail-container .sub-container .icons-labels-container .row .icon-label img,.trek-detail-container .sub-container .icons-labels-container .row .icon-label .svg-icon svg{width:24px;height:auto;margin-right:24px}.trek-detail-container .sub-container .icons-labels-container .row .practice img{background-color:var(--color-primary)}.trek-detail-container .description{padding:0px 24px 24px 24px}";
+
+const GrwTrekDetail = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  componentWillLoad() {
+    this.currentTrek = this.trek ? this.trek : state.currentTrek;
+    this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);
+    this.route = state.routes.find(route => route.id === this.currentTrek.route);
+    this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);
+  }
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g;
+    return (h(Host, null, h("div", { class: "trek-detail-container" }, h("div", { class: "name" }, this.currentTrek.name), this.currentTrek.attachments[0] && h("img", { class: "image", src: this.currentTrek.attachments[0].url, 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: "description", innerHTML: this.currentTrek.description ? this.currentTrek.description : this.currentTrek.description_teaser }))));
+  }
+  static get style() { return grwTrekDetailCss; }
+}, [1, "grw-trek-detail", {
+    "trek": [16]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["grw-trek-detail"];
+  components.forEach(tagName => { switch (tagName) {
+    case "grw-trek-detail":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GrwTrekDetail);
+      }
+      break;
+  } });
+}
+
+export { GrwTrekDetail as G, defineCustomElement as d };

package/dist/components/grw-trek-provider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GrwTrekProvider extends Components.GrwTrekProvider, HTMLElement {}
+export const GrwTrekProvider: {
+  prototype: GrwTrekProvider;
+  new (): GrwTrekProvider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/grw-trek-provider.js

@@ -0,0 +1,6 @@
+import { G as GrwTrekProvider$1, d as defineCustomElement$1 } from './grw-trek-provider2.js';
+
+const GrwTrekProvider = GrwTrekProvider$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GrwTrekProvider, defineCustomElement };

package/dist/components/grw-trek-provider2.js

@@ -0,0 +1,49 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as state } from './store.js';
+
+const GrwTrekProvider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentWillLoad() {
+    state.api = this.api;
+    return Promise.all([
+      fetch(`${this.api}trek/${this.trekId}/?language=fr&fields=id,name,attachments,description,description_teaser,difficulty,duration,ascent,length_2d,practice,route,geometry`),
+      fetch(`${this.api}trek_difficulty/?language=fr`),
+      fetch(`${this.api}trek_route/?language=fr`),
+      fetch(`${this.api}trek_practice/?language=fr`),
+    ])
+      .then(responses => Promise.all(responses.map(response => response.json())))
+      .then(([trek, difficulties, routes, practices]) => {
+      state.currentTrek = trek;
+      state.difficulties = difficulties.results;
+      state.routes = routes.results;
+      state.practices = practices.results;
+    });
+  }
+  disconnectedCallback() {
+    state.currentTrek = null;
+  }
+  render() {
+    return h(Host, null);
+  }
+}, [0, "grw-trek-provider", {
+    "api": [1],
+    "trekId": [1, "trek-id"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["grw-trek-provider"];
+  components.forEach(tagName => { switch (tagName) {
+    case "grw-trek-provider":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GrwTrekProvider);
+      }
+      break;
+  } });
+}
+
+export { GrwTrekProvider as G, defineCustomElement as d };

package/dist/components/grw-treks-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GrwTreksList extends Components.GrwTreksList, HTMLElement {}
+export const GrwTreksList: {
+  prototype: GrwTreksList;
+  new (): GrwTreksList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/grw-treks-list.js

@@ -0,0 +1,6 @@
+import { G as GrwTreksList$1, d as defineCustomElement$1 } from './grw-treks-list2.js';
+
+const GrwTreksList = GrwTreksList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GrwTreksList, defineCustomElement };

package/dist/components/grw-treks-list2.js

@@ -0,0 +1,57 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as state } from './store.js';
+import { d as defineCustomElement$1 } from './grw-trek-card2.js';
+
+const grwTreksListCss = ":host{display:flex;flex-wrap:wrap;justify-content:center;max-height:calc(100vh - 64px);overflow-y:auto}@media (min-width: 664px){:host{justify-content:space-between}}@media (min-width: 996px){:host{justify-content:flex-start}}grw-trek-card{margin:6px}";
+
+const GrwTreksList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.treksToDisplay = [];
+    this.handleInfiniteScrollBind = this.handleInfiniteScroll.bind(this);
+    this.step = 10;
+  }
+  componentWillLoad() {
+    this.treksToDisplay = state.treks.slice(0, this.step);
+    this.element.addEventListener('scroll', this.handleInfiniteScrollBind);
+  }
+  handleInfiniteScroll(event) {
+    if (event.composedPath()[0].scrollTop + event.composedPath()[0].scrollHeight / 2 >= event.composedPath()[0].scrollHeight) {
+      if (this.treksToDisplay.length < state.treks.length) {
+        this.treksToDisplay = state.treks.slice(0, this.treksToDisplay.length + this.step >= state.treks.length ? state.treks.length : this.treksToDisplay.length + this.step);
+      }
+      else {
+        this.element.removeEventListener('scroll', this.handleInfiniteScrollBind);
+      }
+    }
+  }
+  render() {
+    return (h(Host, { class: "treks-list-container" }, this.treksToDisplay.map(trek => (h("grw-trek-card", { trek: trek })))));
+  }
+  get element() { return this; }
+  static get style() { return grwTreksListCss; }
+}, [1, "grw-treks-list", {
+    "treksToDisplay": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["grw-treks-list", "grw-trek-card"];
+  components.forEach(tagName => { switch (tagName) {
+    case "grw-treks-list":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GrwTreksList);
+      }
+      break;
+    case "grw-trek-card":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { GrwTreksList as G, defineCustomElement as d };

package/dist/components/grw-treks-provider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GrwTreksProvider extends Components.GrwTreksProvider, HTMLElement {}
+export const GrwTreksProvider: {
+  prototype: GrwTreksProvider;
+  new (): GrwTreksProvider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/grw-treks-provider.js

@@ -0,0 +1,6 @@
+import { G as GrwTreksProvider$1, d as defineCustomElement$1 } from './grw-treks-provider2.js';
+
+const GrwTreksProvider = GrwTreksProvider$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GrwTreksProvider, defineCustomElement };

package/dist/components/grw-treks-provider2.js

@@ -0,0 +1,51 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as state } from './store.js';
+
+const GrwTreksProvider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentWillLoad() {
+    state.api = this.api;
+    let treksRequest = `${this.api}trek/?language=fr`;
+    if (this.portals) {
+      treksRequest += `&portals=${this.portals}`;
+    }
+    treksRequest += `&fields=id,name,attachments,description_teaser,difficulty,duration,ascent,length_2d,practice,route,departure_geom&page_size=999`;
+    return Promise.all([
+      fetch(treksRequest),
+      fetch(`${this.api}trek_difficulty/?language=fr`),
+      fetch(`${this.api}trek_route/?language=fr`),
+      fetch(`${this.api}trek_practice/?language=fr`),
+    ])
+      .then(responses => Promise.all(responses.map(response => response.json())))
+      .then(([treks, difficulties, routes, practices]) => {
+      state.treks = treks.results;
+      state.difficulties = difficulties.results;
+      state.routes = routes.results;
+      state.practices = practices.results;
+    });
+  }
+  render() {
+    return h(Host, null);
+  }
+}, [0, "grw-treks-provider", {
+    "api": [1],
+    "portals": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["grw-treks-provider"];
+  components.forEach(tagName => { switch (tagName) {
+    case "grw-treks-provider":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GrwTreksProvider);
+      }
+      break;
+  } });
+}
+
+export { GrwTreksProvider as G, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+/* GeotrekRandoWidget custom elements */
+
+import type { Components, JSX } from "../types/components";
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/length.js

@@ -0,0 +1,27 @@
+function formatDuration(duration) {
+  let formattedDuration;
+  if (duration < 24) {
+    formattedDuration = `${Math.floor(duration)}h`;
+    if (duration % 1 > 0) {
+      formattedDuration += `${Math.round(60 * (duration % 1))}min`;
+    }
+  }
+  else {
+    formattedDuration = `${duration / 24}j`;
+  }
+  return formattedDuration;
+}
+function formatLength(length) {
+  return `${Math.round(length / 1000)} km`;
+}
+function formatAscent(ascent) {
+  return `${ascent} m`;
+}
+
+const ascentImage = `<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>`;
+
+const durationImage = `<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>`;
+
+const lengthImage = `<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>`;
+
+export { formatLength as a, ascentImage as b, formatAscent as c, durationImage as d, formatDuration as f, lengthImage as l };

package/dist/components/store.js

@@ -0,0 +1,196 @@
+import { getRenderingRef, forceUpdate } from '@stencil/core/internal/client';
+
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    let states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(defaultState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        const unReset = on('reset', () => cb(defaultState[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
+const { state, onChange } = createStore({
+  api: '',
+  treks: [],
+  difficulties: [],
+  routes: [],
+  practices: [],
+  currentTrek: null,
+});
+
+export { onChange as o, state as s };

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

@@ -0,0 +1,17 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-b36f38f5.js';
+
+/*
+ Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return bootstrapLazy([["grw-app_7",[[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);
+});