@geotrekce/geotrek-rando-widget 0.3.0 → 0.3.2

package/dist/cjs/{grw-information-desk-detail_3.cjs.entry.js → grw-information-desk-detail_4.cjs.entry.js}

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-37f5c77b.js');
 const pagination = require('./pagination-149c2052.js');
-const store = require('./store-a37c979e.js');
+const store = require('./store-f3f3d4e3.js');
+const utils = require('./utils-691c0e59.js');
 
 const grwInformationDeskDetailCss = ".material-symbols{font-family:\"Material Symbols Outlined\"}.material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border:1px solid gray;border-radius:12px;background-color:var(--color-surface-container-low);color:var(--color-on-surface)}:host a{color:var(--color-primary-app)}.information-desk-img{position:relative}.information-desk-img img{width:100%;height:100%;max-height:200px;-o-object-fit:cover;object-fit:cover}.information-desk-sub-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:12px}.information-desk-name{font-size:16px;line-height:24px;font-weight:500}.information-desk-description{font-size:14px;line-height:20px}.information-desk-description-short{font-size:14px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.handle-information-desk-description{cursor:pointer;color:var(--color-primary-app);text-decoration:underline;margin-top:12px}.phone-container,.mail-container,.link-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.phone-container span,.mail-container span,.link-container span{font-size:16px;margin-right:8px}.center-on-map-button{cursor:pointer;background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:8px;padding:8px 16px;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);height:32px;gap:8px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:start;vertical-align:middle;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;border:none;font-size:14px;margin:12px 0px}.center-on-map-button:hover{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.center-on-map-button span{font-size:18px}";
 
@@ -97,8 +98,85 @@ const GrwSensitiveAreaDetail = class {
 };
 GrwSensitiveAreaDetail.style = grwSensitiveAreaDetailCss;
 
+const grwTrekCardCss = ".material-symbols{font-family:\"Material Symbols Outlined\"}.material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}.trek-card-container,.trek-card-large-view-container{cursor:pointer;font-family:\"Roboto\";border-radius:12px;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);background-color:var(--color-surface-container-low)}.trek-card-container .image,.trek-card-large-view-container .image{-o-object-fit:cover;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}.trek-card-container .sub-container,.trek-card-large-view-container .sub-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:8px 16px}.trek-card-container .sub-container .name,.trek-card-large-view-container .sub-container .name{color:var(--color-on-surface);font-size:22px;line-height:28px;font-weight:400;margin-bottom:8px}.trek-card-container .sub-container .departure,.trek-card-large-view-container .sub-container .departure{color:var(--color-on-surface);font-size:16px;line-height:24px;font-weight:500;margin-bottom:4px}.trek-card-container .sub-container .themes-container,.trek-card-large-view-container .sub-container .themes-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.trek-card-container .sub-container .themes-container .theme,.trek-card-large-view-container .sub-container .themes-container .theme{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:8px;padding:8px 16px;margin:0px 8px 8px 0px;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:1px solid var(--color-outline);height:32px;gap:8px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:start;vertical-align:middle;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;text-wrap:nowrap}.trek-card-container .sub-container .icons-labels-container,.trek-card-large-view-container .sub-container .icons-labels-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:var(--color-on-surface);font-size:14px;line-height:20px;font-weight:500}.trek-card-container .sub-container .icons-labels-container .row,.trek-card-large-view-container .sub-container .icons-labels-container .row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.trek-card-container .sub-container .icons-labels-container .row:not(:last-child),.trek-card-large-view-container .sub-container .icons-labels-container .row:not(:last-child){margin-bottom:12px}.trek-card-container .sub-container .icons-labels-container .row .icon-label,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:50%}.trek-card-container .sub-container .icons-labels-container .row .icon-label:nth-child(2),.trek-card-large-view-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 span,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label span{font-size:24px;width:24px;height:auto;margin-right:8px}.trek-card-container .sub-container .icons-labels-container .row .practice img,.trek-card-large-view-container .sub-container .icons-labels-container .row .practice img{background-color:var(--color-primary-app)}.selected-trek-card{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.trek-card-container{width:350px}.trek-card-container .image{width:100%;max-height:200px}.trek-card-large-view-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.trek-card-large-view-container .image{width:250px}.trek-step-card{width:auto}";
+
+const GrwTrekCard = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.trekCardPress = index.createEvent(this, "trekCardPress", 7);
+    this.cardTrekMouseOver = index.createEvent(this, "cardTrekMouseOver", 7);
+    this.cardTrekMouseLeave = index.createEvent(this, "cardTrekMouseLeave", 7);
+    this.currentTrek = undefined;
+    this.difficulty = undefined;
+    this.route = undefined;
+    this.practice = undefined;
+    this.themes = undefined;
+    this.departureCity = undefined;
+    this.trek = undefined;
+    this.colorPrimaryApp = '#6b0030';
+    this.colorOnSurface = '#49454e';
+    this.colorSecondaryContainer = '#e8def8';
+    this.colorOnSecondaryContainer = '#1d192b';
+    this.colorSurfaceContainerLow = '#f7f2fa';
+    this.isLargeView = false;
+    this.resetStoreOnDisconnected = true;
+    this.isStep = undefined;
+  }
+  connectedCallback() {
+    this.currentTrek = this.trek ? this.trek : store.state.currentTrek;
+    if (this.currentTrek) {
+      this.difficulty = store.state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);
+      this.route = store.state.routes.find(route => route.id === this.currentTrek.route);
+      this.practice = store.state.practices.find(practice => practice.id === this.currentTrek.practice);
+      this.themes = store.state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));
+      this.departureCity = store.state.cities.find(city => city.id === this.currentTrek.departure_city);
+    }
+    store.onChange('currentTrek', () => {
+      this.currentTrek = this.trek ? this.trek : store.state.currentTrek;
+      if (this.currentTrek) {
+        this.difficulty = store.state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);
+        this.route = store.state.routes.find(route => route.id === this.currentTrek.route);
+        this.practice = store.state.practices.find(practice => practice.id === this.currentTrek.practice);
+        this.themes = store.state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));
+        this.departureCity = store.state.cities.find(city => city.id === this.currentTrek.departure_city);
+      }
+    });
+  }
+  disconnectedCallback() {
+    if (this.resetStoreOnDisconnected) {
+      store.reset();
+    }
+  }
+  handleMouseOver() {
+    !this.isStep && this.cardTrekMouseOver.emit(this.currentTrek.id);
+  }
+  handleMouseLeave() {
+    !this.isStep && this.cardTrekMouseLeave.emit();
+  }
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g;
+    return (index.h(index.Host, { style: {
+        'width': this.isLargeView ? '100%' : 'auto',
+        '--color-primary-app': this.colorPrimaryApp,
+        '--color-on-surface': this.colorOnSurface,
+        '--color-secondary-container': this.colorSecondaryContainer,
+        '--color-on-secondary-container': this.colorOnSecondaryContainer,
+        '--color-surface-container-low': this.colorSurfaceContainerLow,
+      } }, this.currentTrek && (index.h("div", { class: this.isStep
+        ? 'trek-card-container trek-step-card'
+        : this.isLargeView
+          ? `trek-card-large-view-container${store.state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`
+          : `trek-card-container${store.state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`, onClick: () => this.trekCardPress.emit(this.currentTrek.id) }, this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (index.h("img", { class: "image", src: `${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`, loading: "lazy" })), index.h("div", { class: "sub-container" }, this.departureCity && index.h("div", { class: "departure" }, this.departureCity.name), index.h("div", { class: "name" }, (_a = this.currentTrek) === null || _a === void 0 ? void 0 : _a.name), index.h("div", { class: "themes-container" }, this.themes.map(theme => (index.h("div", { class: "theme" }, theme.label)))), index.h("div", { class: "icons-labels-container" }, index.h("div", { class: "row" }, index.h("div", { class: "icon-label difficulty" }, ((_b = this.difficulty) === null || _b === void 0 ? void 0 : _b.pictogram) && index.h("img", { src: this.difficulty.pictogram }), (_c = this.difficulty) === null || _c === void 0 ? void 0 :
+      _c.label), index.h("div", { class: "icon-label duration" }, index.h("span", { class: "material-symbols material-symbols-outlined" }, "timelapse"), utils.formatDuration(this.currentTrek.duration))), index.h("div", { class: "row" }, index.h("div", { class: "icon-label length" }, index.h("span", { class: "material-symbols material-symbols-outlined" }, "open_in_full"), utils.formatLength(this.currentTrek.length_2d)), index.h("div", { class: "icon-label ascent" }, index.h("span", { class: "material-symbols material-symbols-outlined" }, "moving"), utils.formatAscent(this.currentTrek.ascent))), index.h("div", { class: "row" }, index.h("div", { class: "icon-label route" }, ((_d = this.route) === null || _d === void 0 ? void 0 : _d.pictogram) && index.h("img", { src: this.route.pictogram }), (_e = this.route) === null || _e === void 0 ? void 0 :
+      _e.route), index.h("div", { class: "icon-label practice" }, ((_f = this.practice) === null || _f === void 0 ? void 0 : _f.pictogram) && index.h("img", { src: this.practice.pictogram }), (_g = this.practice) === null || _g === void 0 ? void 0 :
+      _g.name))))))));
+  }
+};
+GrwTrekCard.style = grwTrekCardCss;
+
 exports.grw_information_desk_detail = GrwInformationDeskDetail;
 exports.grw_poi_detail = GrwPoiDetail;
 exports.grw_sensitive_area_detail = GrwSensitiveAreaDetail;
+exports.grw_trek_card = GrwTrekCard;
 
-//# sourceMappingURL=grw-information-desk-detail_3.cjs.entry.js.map
+//# sourceMappingURL=grw-information-desk-detail_4.cjs.entry.js.map

package/dist/cjs/grw-information-desk-detail_4.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"grw-information-desk-detail.grw-poi-detail.grw-sensitive-area-detail.grw-trek-card.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,2BAA2B,GAAG,y+DAAy+D;;MCQhgE,wBAAwB;;;;mCAEA,IAAI;;;EAGvC,gCAAgC;IAC9B,IAAI,CAAC,uBAAuB,GAAG,CAAC,IAAI,CAAC,uBAAuB,CAAC;GAC9D;EAED,iBAAiB;IACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;GAC/G;EAED,MAAM;IACJ,QACEA,QAACC,UAAI,QACF,IAAI,CAAC,eAAe,CAAC,SAAS,KAC7BD,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,iBAAK,GAAG,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,OAAO,EAAC,MAAM,GAAG,CACvD,CACP,EACDA,iBAAK,KAAK,EAAC,gCAAgC,IACxC,IAAI,CAAC,eAAe,CAAC,IAAI,IAAIA,iBAAK,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAO,EACjG,IAAI,CAAC,eAAe,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC,SAAS,KAC9DA,oBAAQ,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,IAC1EA,kBAAM,KAAK,EAAC,4CAA4C,yBAA0B,yBAE3E,CACV,EACA,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,IAAI,IAAI,CAAC,eAAe,CAAC,YAAY,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,MACpGA,qBACG,IAAI,CAAC,eAAe,CAAC,WAAW,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EACpE,IAAI,CAAC,eAAe,CAAC,YAAY,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,EAC5E,IAAI,CAAC,eAAe,CAAC,MAAM,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAC7D,CACP,EACA,IAAI,CAAC,eAAe,CAAC,KAAK,KACzBA,iBAAK,KAAK,EAAC,iBAAiB,IAC1BA,kBAAM,KAAK,EAAC,4CAA4C,WAAY,EACpEA,eAAG,IAAI,EAAE,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAK,CAC1E,CACP,EACA,IAAI,CAAC,eAAe,CAAC,KAAK,KACzBA,iBAAK,KAAK,EAAC,gBAAgB,IACzBA,kBAAM,KAAK,EAAC,4CAA4C,WAAY,EACpEA,eAAG,IAAI,EAAE,UAAU,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAK,CAC7E,CACP,EACA,IAAI,CAAC,eAAe,CAAC,OAAO,KAC3BA,iBAAK,KAAK,EAAC,gBAAgB,IACzBA,kBAAM,KAAK,EAAC,4CAA4C,WAAY,EACpEA,eAAG,IAAI,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAK,CAC1E,CACP,EACA,IAAI,CAAC,eAAe,CAAC,WAAW,KAC/BA,iBAAK,KAAK,EAAC,wCAAwC,IACjDA,iBAAK,KAAK,EAAE,IAAI,CAAC,uBAAuB,GAAG,oCAAoC,GAAG,8BAA8B,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,WAAW,GAAQ,EACrKA,iBAAK,KAAK,EAAC,qCAAqC,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,gCAAgC,EAAE,IACpG,IAAI,CAAC,uBAAuB,GAAG,WAAW,GAAG,YAAY,CACtD,CACF,CACP,CACG,CACD,EACP;GACH;;;;ACzEH,MAAM,eAAe,GAAG,0mkBAA0mkB;;MCUrnkB,YAAY;;;;mCAOY,IAAI;6BACV,KAAK;;EAElC,gBAAgB;IACd,IAAI,CAAC,SAAS,GAAG,IAAIE,iBAAM,CAAC,IAAI,CAAC,YAAY,EAAE;MAC7C,OAAO,EAAE,CAACC,qBAAU,EAAEC,qBAAU,EAAEC,mBAAQ,CAAC;MAC3C,UAAU,EAAE;QACV,MAAM,EAAE,IAAI,CAAC,YAAY;QACzB,MAAM,EAAE,IAAI,CAAC,YAAY;OAC1B;MACD,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE;MAC3C,cAAc,EAAE,KAAK;MACrB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IACH,IAAI,CAAC,YAAY,CAAC,kBAAkB,GAAG;MACrC,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;MACjD,IAAI,IAAI,CAAC,iBAAiB,EAAE;QAC1B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;OAClC;WAAM;QACL,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;OACnC;KACF,CAAC;GACH;EAED,oBAAoB;IAClB,IAAI,CAAC,uBAAuB,GAAG,CAAC,IAAI,CAAC,uBAAuB,CAAC;GAC9D;EAED,gBAAgB;IACd,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;MAClF,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC;KACvC;GACF;EAED,MAAM;;IACJ,MAAM,eAAe,GAAGC,kBAAY,CAAC,GAAuB,EAAE,0BAA0B,CAAC,CAAC;IAC1F,QACEN,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAC,wBAAwB,IACjCA,iBAAK,KAAK,EAAC,UAAU,EAAC,GAAG,EAAE,GAAG,MAAAO,WAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,0CAAE,SAAS,EAAE,GAAI,EAC3GP,iBAAK,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,IACrDA,iBAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAC9B,IAAI,CAAC,GAAG,CAAC,WAAW;OACjB,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC;OACjD,GAAG,CAAC,UAAU,KACbA,iBAAK,KAAK,EAAC,cAAc,IACvBA,iBACE,KAAK,EAAE,UAAU,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,EAAE,EAAE,EAClE,GAAG,EAAE,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,SAAS,EACnE,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,GACtC,CACE,CACP,CAAC,KAEJA,iBAAK,KAAK,EAAC,cAAc,IACvBA,iBAAK,KAAK,EAAC,iBAAiB,EAAC,GAAG,EAAE,eAAe,EAAE,OAAO,EAAC,MAAM,GAAG,CAChE,CACP,CACG,EACNA,iBAAK,KAAK,EAAC,mBAAmB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,GAAQ,EAChFA,iBAAK,KAAK,EAAC,oBAAoB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,GAAQ,EAC3EA,iBAAK,KAAK,EAAC,oBAAoB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,GAAQ,CACvE,CACF,EACNA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,iBAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAO,EAC3CA,iBAAK,KAAK,EAAE,IAAI,CAAC,uBAAuB,GAAG,uBAAuB,GAAG,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,GAAQ,EAC/HA,iBAAK,KAAK,EAAC,wBAAwB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,IAC3E,IAAI,CAAC,uBAAuB,GAAG,WAAW,GAAG,YAAY,CACtD,CACF,CACD,EACP;GACH;;;;AC5FH,MAAM,yBAAyB,GAAG,22CAA22C;;MCSh4C,sBAAsB;;;;;EAGjC,MAAM;IACJ,QACEA,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAO,EACjEA,iBAAK,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,WAAW,GAAQ,EACxF,IAAI,CAAC,aAAa,CAAC,SAAS,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,KACtEA,iBAAK,KAAK,EAAC,mCAAmC,IAC5CA,iBAAK,KAAK,EAAC,+BAA+B,iDAAuC,EACjFA,iBAAK,KAAK,EAAC,gCAAgC,IACxC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,qBAAqB,EAAEQ,OAAK;MAC7D,MAAM,QAAQ,GAAGD,WAAK,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,EAAE,KAAK,qBAAqB,CAAC,CAAC;MACnG,IAAI,QAAQ,EAAE;QACZ,OAAOP,iBAAK,SAAS,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,GAAGQ,OAAK,GAAG,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,GAAG,UAAU,GAAG,EAAE,EAAE,GAAQ,CAAC;OACvI;KACF,CAAC,CACE,CACF,CACP,EACA,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,KAChER,iBAAK,KAAK,EAAC,iCAAiC,IAC1CA,iBAAK,KAAK,EAAC,6BAA6B,wCAA8B,EACtEA,iBAAK,KAAK,EAAC,8BAA8B,IACtC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAEQ,OAAK;MAC1C,IAAI,KAAK,EAAE;QACT,QACER,iBACE,SAAS,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,EAAEQ,OAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,WAAW,EAAE,GAC/F,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAACA,OAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,UAAU,GAAG,EACjF,EAAE,GACG,EACP;OACH;KACF,CAAC,CACE,CACF,CACP,EACDR,iBAAK,KAAK,EAAC,kCAAkC,IAC3CA,iBAAK,KAAK,EAAC,8BAA8B,cAAc,EACvDA,iBAAK,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,EAAC,8BAA8B,GAAO,CACnF,CACD,EACP;GACH;;;;ACtDH,MAAM,cAAc,GAAG,uzIAAuzI;;MCUj0I,WAAW;;;;;;;;;;;;;2BASI,SAAS;0BACV,SAAS;mCACA,SAAS;qCACP,SAAS;oCACV,SAAS;uBACtB,KAAK;oCACQ,IAAI;;;EAMvC,iBAAiB;IACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGO,WAAK,CAAC,WAAW,CAAC;IAC7D,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,IAAI,CAAC,UAAU,GAAGA,WAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;MACvG,IAAI,CAAC,KAAK,GAAGA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;MAC7E,IAAI,CAAC,QAAQ,GAAGA,WAAK,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;MAC5F,IAAI,CAAC,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;MACvF,IAAI,CAAC,aAAa,GAAGA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;KAC7F;IACDE,cAAQ,CAAC,aAAa,EAAE;MACtB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGF,WAAK,CAAC,WAAW,CAAC;MAC7D,IAAI,IAAI,CAAC,WAAW,EAAE;QACpB,IAAI,CAAC,UAAU,GAAGA,WAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACvG,IAAI,CAAC,KAAK,GAAGA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7E,IAAI,CAAC,QAAQ,GAAGA,WAAK,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC5F,IAAI,CAAC,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;QACvF,IAAI,CAAC,aAAa,GAAGA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;OAC7F;KACF,CAAC,CAAC;GACJ;EAED,oBAAoB;IAClB,IAAI,IAAI,CAAC,wBAAwB,EAAE;MACjCG,WAAK,EAAE,CAAC;KACT;GACF;EAGD,eAAe;IACb,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;GAClE;EAGD,gBAAgB;IACd,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;GAChD;EAED,MAAM;;IACJ,QACEV,QAACC,UAAI,IACH,KAAK,EAAE;QACL,OAAO,EAAE,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,MAAM;QAC3C,qBAAqB,EAAE,IAAI,CAAC,eAAe;QAC3C,oBAAoB,EAAE,IAAI,CAAC,cAAc;QACzC,6BAA6B,EAAE,IAAI,CAAC,uBAAuB;QAC3D,gCAAgC,EAAE,IAAI,CAAC,yBAAyB;QAChE,+BAA+B,EAAE,IAAI,CAAC,wBAAwB;OAC/D,IAEA,IAAI,CAAC,WAAW,KACfD,iBACE,KAAK,EACH,IAAI,CAAC,MAAM;UACP,oCAAoC;UACpC,IAAI,CAAC,WAAW;YAChB,iCAAiCO,WAAK,CAAC,cAAc,KAAK,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,qBAAqB,GAAG,EAAE,EAAE;YAC5G,sBAAsBA,WAAK,CAAC,cAAc,KAAK,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,qBAAqB,GAAG,EAAE,EAAE,EAEvG,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,IAE1D,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,KACxFP,iBAAK,KAAK,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CAC5I,EACDA,iBAAK,KAAK,EAAC,eAAe,IACvB,IAAI,CAAC,aAAa,IAAIA,iBAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAO,EAC7EA,iBAAK,KAAK,EAAC,MAAM,IAAE,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,CAAO,EAChDA,iBAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,KACpBA,iBAAK,KAAK,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAO,CACvC,CAAC,CACE,EACNA,iBAAK,KAAK,EAAC,wBAAwB,IACjCA,iBAAK,KAAK,EAAC,KAAK,IACdA,iBAAK,KAAK,EAAC,uBAAuB,IAC/B,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,SAAS,KAAIA,iBAAK,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,SAAS,GAAI,EACrE,MAAA,IAAI,CAAC,UAAU;SAAE,KAAK,CACnB,EACNA,iBAAK,KAAK,EAAC,qBAAqB,IAC9BA,kBAAM,KAAK,EAAC,4CAA4C,gBAAiB,EACxEW,oBAAc,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CACtC,CACF,EACNX,iBAAK,KAAK,EAAC,KAAK,IACdA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,kBAAM,KAAK,EAAC,4CAA4C,mBAAoB,EAC3EY,kBAAY,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CACrC,EACNZ,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,kBAAM,KAAK,EAAC,4CAA4C,aAAc,EACrEa,kBAAY,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAClC,CACF,EACNb,iBAAK,KAAK,EAAC,KAAK,IACdA,iBAAK,KAAK,EAAC,kBAAkB,IAC1B,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,KAAIA,iBAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAI,EAC3D,MAAA,IAAI,CAAC,KAAK;SAAE,KAAK,CACd,EACNA,iBAAK,KAAK,EAAC,qBAAqB,IAC7B,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,SAAS,KAAIA,iBAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAI,EACjE,MAAA,IAAI,CAAC,QAAQ;SAAE,IAAI,CAChB,CACF,CACF,CACF,CACF,CACP,CACI,EACP;GACH;;;;;;;;;","names":["h","Host","Swiper","Navigation","Pagination","Keyboard","getAssetPath","state","index","onChange","reset","formatDuration","formatLength","formatAscent"],"sources":["./src/components/grw-information-desk-detail/grw-information-desk-detail.scss?tag=grw-information-desk-detail&encapsulation=shadow","./src/components/grw-information-desk-detail/grw-information-desk-detail.tsx","./src/components/grw-poi-detail/grw-poi-detail.scss?tag=grw-poi-detail&encapsulation=shadow","./src/components/grw-poi-detail/grw-poi-detail.tsx","./src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.scss?tag=grw-sensitive-area-detail&encapsulation=shadow","./src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.tsx","./src/components/grw-trek-card/grw-trek-card.scss?tag=grw-trek-card&encapsulation=shadow","./src/components/grw-trek-card/grw-trek-card.tsx"],"sourcesContent":[".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid gray;\n  border-radius: 12px;\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n}\n\n.information-desk-img {\n  position: relative;\n  img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n}\n\n.information-desk-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n}\n\n.information-desk-name {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n}\n\n.information-desk-description {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.information-desk-description-short {\n  font-size: 14px;\n  line-height: 20px;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  overflow: hidden;\n}\n\n.handle-information-desk-description {\n  cursor: pointer;\n  color: var(--color-primary-app);\n  text-decoration: underline;\n  margin-top: 12px;\n}\n\n.phone-container,\n.mail-container,\n.link-container {\n  display: flex;\n  align-items: center;\n  span {\n    font-size: 16px;\n    margin-right: 8px;\n  }\n}\n\n.center-on-map-button {\n  cursor: pointer;\n  background-color: var(--color-primary-container);\n  color: var(--color-on-primary-container);\n  border-radius: 8px;\n  padding: 8px 16px;\n  box-shadow: var(--elevation-1);\n  height: 32px;\n  gap: 8px;\n  box-sizing: border-box;\n  text-align: start;\n  vertical-align: middle;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border: none;\n  font-size: 14px;\n  margin: 12px 0px;\n  &:hover {\n    box-shadow: var(--elevation-2);\n  }\n  span {\n    font-size: 18px;\n  }\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport { InformationDesk } from 'types/types';\n\n@Component({\n  tag: 'grw-information-desk-detail',\n  styleUrl: 'grw-information-desk-detail.scss',\n  shadow: true,\n})\nexport class GrwInformationDeskDetail {\n  @Event() centerOnMap: EventEmitter<{ latitude: number; longitude: number }>;\n  @State() displayShortDescription = true;\n  @Prop() informationDesk: InformationDesk;\n\n  handleInformationDeskDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleCenterOnMap() {\n    this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.informationDesk.photo_url && (\n          <div class=\"information-desk-img\">\n            <img src={this.informationDesk.photo_url} loading=\"lazy\" />\n          </div>\n        )}\n        <div class=\"information-desk-sub-container\">\n          {this.informationDesk.name && <div class=\"information-desk-name\">{this.informationDesk.name}</div>}\n          {this.informationDesk.latitude && this.informationDesk.longitude && (\n            <button class=\"center-on-map-button\" onClick={() => this.handleCenterOnMap()}>\n              <span class=\"material-symbols material-symbols-outlined\">location_searching</span>\n              Centrer sur la carte\n            </button>\n          )}\n          {(this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (\n            <div>\n              {this.informationDesk.postal_code && this.informationDesk.postal_code}\n              {this.informationDesk.municipality && ` ${this.informationDesk.municipality}`}\n              {this.informationDesk.street && ` ${this.informationDesk.street}`}\n            </div>\n          )}\n          {this.informationDesk.phone && (\n            <div class=\"phone-container\">\n              <span class=\"material-symbols material-symbols-outlined\">call</span>\n              <a href={`tel:${this.informationDesk.phone}`}>{this.informationDesk.phone}</a>\n            </div>\n          )}\n          {this.informationDesk.email && (\n            <div class=\"mail-container\">\n              <span class=\"material-symbols material-symbols-outlined\">mail</span>\n              <a href={`mailto:${this.informationDesk.email}`}>{this.informationDesk.email}</a>\n            </div>\n          )}\n          {this.informationDesk.website && (\n            <div class=\"link-container\">\n              <span class=\"material-symbols material-symbols-outlined\">link</span>\n              <a href={`${this.informationDesk.website}`}>{this.informationDesk.website}</a>\n            </div>\n          )}\n          {this.informationDesk.description && (\n            <div class=\"information-desk-description-container\">\n              <div class={this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description'} innerHTML={this.informationDesk.description}></div>\n              <div class=\"handle-information-desk-description\" onClick={() => this.handleInformationDeskDescription()}>\n                {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid gray;\n  border-radius: 12px;\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: 32px;\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.poi-type-img-container {\n  position: relative;\n  .poi-img,\n  .default-poi-img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n  .poi-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-poi-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .poi-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: 50%;\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.poi-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n}\n\n.poi-name {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.poi-description {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.poi-description-short {\n  font-size: 14px;\n  line-height: 20px;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  overflow: hidden;\n}\n\n.handle-poi-description {\n  cursor: pointer;\n  color: var(--color-primary-app);\n  text-decoration: underline;\n  margin-top: 12px;\n}\n","import { Component, Host, h, Prop, State, Build, getAssetPath } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { Poi } from 'types/types';\n\n@Component({\n  tag: 'grw-poi-detail',\n  styleUrl: 'grw-poi-detail.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\n    this.swiperPoi = new Swiper(this.swiperPoiRef, {\n      modules: [Navigation, Pagination, Keyboard],\n      navigation: {\n        prevEl: this.prevElPoiRef,\n        nextEl: this.nextElPoiRef,\n      },\n      pagination: { el: this.paginationElPoiRef },\n      allowTouchMove: false,\n      keyboard: false,\n    });\n    this.swiperPoiRef.onfullscreenchange = () => {\n      this.displayFullscreen = !this.displayFullscreen;\n      if (this.displayFullscreen) {\n        this.swiperPoi.keyboard.enable();\n      } else {\n        this.swiperPoi.keyboard.disable();\n      }\n    };\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div class=\"poi-type-img-container\">\n          <img class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} />\n          <div class=\"swiper\" ref={el => (this.swiperPoiRef = el)}>\n            <div class=\"swiper-wrapper\">\n              {this.poi.attachments.length > 0 ? (\n                this.poi.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div class=\"swiper-slide\">\n                      <img\n                        class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                        src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                        loading=\"lazy\"\n                        onClick={() => this.handleFullscreen()}\n                      />\n                    </div>\n                  ))\n              ) : (\n                <div class=\"swiper-slide\">\n                  <img class=\"default-poi-img\" src={defaultImageSrc} loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n            <div class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n            <div class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n          </div>\n        </div>\n        <div class=\"poi-sub-container\">\n          <div class=\"poi-name\">{this.poi.name}</div>\n          <div class={this.displayShortDescription ? 'poi-description-short' : 'poi-description'} innerHTML={this.poi.description}></div>\n          <div class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n            {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: flex;\n  flex-direction: column;\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n}\n\n.sensitive-area-title {\n  font-size: 22px;\n  line-height: 28px;\n  padding: 12px 0px;\n  font-weight: 400;\n}\n\n.sensitive-area-description {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.sensitive-area-period-container,\n.sensitive-area-practice-container,\n.sensitive-area-contact-container {\n  .sensitive-area-period-title,\n  .sensitive-area-practice-title,\n  .sensitive-area-contact-title {\n    font-size: 16px;\n    line-height: 24px;\n    padding: 12px 0px;\n  }\n  .sensitive-area-period-values,\n  .sensitive-area-practice-values {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport state from 'store/store';\nimport { SensitiveArea } from 'types/types';\n\n@Component({\n  tag: 'grw-sensitive-area-detail',\n  styleUrl: 'grw-sensitive-area-detail.scss',\n  shadow: true,\n})\nexport class GrwSensitiveAreaDetail {\n  @Prop() sensitiveArea: SensitiveArea;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"sensitive-area-title\">{this.sensitiveArea.name}</div>\n        <div class=\"sensitive-area-description\" innerHTML={this.sensitiveArea.description}></div>\n        {this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (\n          <div class=\"sensitive-area-practice-container\">\n            <div class=\"sensitive-area-practice-title\">Domaines d'activités concernés :</div>\n            <div class=\"sensitive-area-practice-values\">\n              {this.sensitiveArea.practices.map((sensitiveAreaPractice, index) => {\n                const practice = state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);\n                if (practice) {\n                  return <div innerHTML={`${practice.name.toUpperCase()}${index + 1 !== this.sensitiveArea.practices.length ? ' -&nbsp;' : ''}`}></div>;\n                }\n              })}\n            </div>\n          </div>\n        )}\n        {this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (\n          <div class=\"sensitive-area-period-container\">\n            <div class=\"sensitive-area-period-title\">Périodes de sensibilité</div>\n            <div class=\"sensitive-area-period-values\">\n              {this.sensitiveArea.period.map((month, index) => {\n                if (month) {\n                  return (\n                    <div\n                      innerHTML={`${new Date(0, index + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${\n                        this.sensitiveArea.period.slice(index + 1).find(month => month) ? ' -&nbsp;' : ''\n                      }`}\n                    ></div>\n                  );\n                }\n              })}\n            </div>\n          </div>\n        )}\n        <div class=\"sensitive-area-contact-container\">\n          <div class=\"sensitive-area-contact-title\">Contact</div>\n          <div innerHTML={this.sensitiveArea.contact} class=\"sensitive-area-contact-value\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n",".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n.trek-card-container,\n.trek-card-large-view-container {\n  cursor: pointer;\n  font-family: 'Roboto';\n  border-radius: 12px;\n  box-shadow: var(--elevation-1);\n  background-color: var(--color-surface-container-low);\n  .image {\n    object-fit: cover;\n    border-top-left-radius: 12px;\n    border-top-right-radius: 12px;\n  }\n  .sub-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 8px 16px;\n    .name {\n      color: var(--color-on-surface);\n      font-size: 22px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 8px;\n    }\n    .departure {\n      color: var(--color-on-surface);\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: 500;\n      margin-bottom: 4px;\n    }\n    .themes-container {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      flex-wrap: wrap;\n      .theme {\n        background-color: var(--color-secondary-container);\n        color: var(--color-on-secondary-container);\n        border-radius: 8px;\n        padding: 8px 16px;\n        margin: 0px 8px 8px 0px;\n        box-shadow: var(--elevation-0);\n        border: 1px solid var(--color-outline);\n        height: 32px;\n        gap: 8px;\n        box-sizing: border-box;\n        text-align: start;\n        vertical-align: middle;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        text-wrap: nowrap;\n      }\n    }\n    .icons-labels-container {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      flex-wrap: wrap;\n      color: var(--color-on-surface);\n      font-size: 14px;\n      line-height: 20px;\n      font-weight: 500;\n      .row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        width: 100%;\n        &:not(:last-child) {\n          margin-bottom: 12px;\n        }\n        .icon-label {\n          &:nth-child(2) {\n            margin: 0px 4px;\n          }\n          display: flex;\n          align-items: center;\n          width: 50%;\n          img,\n          span {\n            font-size: 24px;\n            width: 24px;\n            height: auto;\n            margin-right: 8px;\n          }\n        }\n        .practice {\n          img {\n            background-color: var(--color-primary-app);\n          }\n        }\n      }\n    }\n  }\n}\n\n.selected-trek-card {\n  box-shadow: var(--elevation-2);\n}\n\n.trek-card-container {\n  width: 350px;\n  .image {\n    width: 100%;\n    max-height: 200px;\n  }\n}\n\n.trek-card-large-view-container {\n  display: flex;\n  flex-direction: row;\n  .image {\n    width: 250px;\n  }\n}\n\n.trek-step-card {\n  width: auto;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, Listen } from '@stencil/core';\nimport state, { onChange, reset } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\n\n@Component({\n  tag: 'grw-trek-card',\n  styleUrl: 'grw-trek-card.scss',\n  shadow: true,\n})\nexport class GrwTrekCard {\n  @Event() trekCardPress: EventEmitter<number>;\n  @State() currentTrek: Trek;\n  @State() difficulty: Difficulty;\n  @State() route: Route;\n  @State() practice: Practice;\n  @State() themes: Themes;\n  @State() departureCity: City;\n  @Prop() trek: Trek;\n  @Prop() colorPrimaryApp = '#6b0030';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() isLargeView = false;\n  @Prop() resetStoreOnDisconnected = true;\n  @Prop() isStep: false;\n\n  @Event() cardTrekMouseOver: EventEmitter<number>;\n  @Event() cardTrekMouseLeave: EventEmitter;\n\n  connectedCallback() {\n    this.currentTrek = this.trek ? this.trek : state.currentTrek;\n    if (this.currentTrek) {\n      this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n      this.route = state.routes.find(route => route.id === this.currentTrek.route);\n      this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n      this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n      this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n    }\n    onChange('currentTrek', () => {\n      this.currentTrek = this.trek ? this.trek : state.currentTrek;\n      if (this.currentTrek) {\n        this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n        this.route = state.routes.find(route => route.id === this.currentTrek.route);\n        this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n        this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n        this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.resetStoreOnDisconnected) {\n      reset();\n    }\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    !this.isStep && this.cardTrekMouseOver.emit(this.currentTrek.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    !this.isStep && this.cardTrekMouseLeave.emit();\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          'width': this.isLargeView ? '100%' : 'auto',\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n        }}\n      >\n        {this.currentTrek && (\n          <div\n            class={\n              this.isStep\n                ? 'trek-card-container trek-step-card'\n                : this.isLargeView\n                ? `trek-card-large-view-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n                : `trek-card-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n            }\n            onClick={() => this.trekCardPress.emit(this.currentTrek.id)}\n          >\n            {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (\n              <img class=\"image\" src={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n            )}\n            <div class=\"sub-container\">\n              {this.departureCity && <div class=\"departure\">{this.departureCity.name}</div>}\n              <div class=\"name\">{this.currentTrek?.name}</div>\n              <div class=\"themes-container\">\n                {this.themes.map(theme => (\n                  <div class=\"theme\">{theme.label}</div>\n                ))}\n              </div>\n              <div class=\"icons-labels-container\">\n                <div class=\"row\">\n                  <div class=\"icon-label difficulty\">\n                    {this.difficulty?.pictogram && <img src={this.difficulty.pictogram} />}\n                    {this.difficulty?.label}\n                  </div>\n                  <div class=\"icon-label duration\">\n                    <span class=\"material-symbols material-symbols-outlined\">timelapse</span>\n                    {formatDuration(this.currentTrek.duration)}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"icon-label length\">\n                    <span class=\"material-symbols material-symbols-outlined\">open_in_full</span>\n                    {formatLength(this.currentTrek.length_2d)}\n                  </div>\n                  <div class=\"icon-label ascent\">\n                    <span class=\"material-symbols material-symbols-outlined\">moving</span>\n                    {formatAscent(this.currentTrek.ascent)}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"icon-label route\">\n                    {this.route?.pictogram && <img src={this.route.pictogram} />}\n                    {this.route?.route}\n                  </div>\n                  <div class=\"icon-label practice\">\n                    {this.practice?.pictogram && <img src={this.practice.pictogram} />}\n                    {this.practice?.name}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/grw-select-language.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-37f5c77b.js');
-const store = require('./store-a37c979e.js');
+const store = require('./store-f3f3d4e3.js');
 
 const grwSelectLanguageCss = ".material-symbols{font-family:\"Material Symbols Outlined\"}.material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}:host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host span{font-size:18px}:host #language-select{border:none;background-color:var(--color-background)}:host #language-select:focus-visible{outline:none}";
 

package/dist/cjs/{i18n-69f2bef1.js → i18n-cb39db65.js}

@@ -58,6 +58,8 @@ const translate = {
     districts: 'Secteurs',
     erase: 'Effacer',
     ok: 'Ok',
+    location: 'Localisation',
+    steps: 'étapes',
   },
   en: {
     filter: 'Filter',
@@ -116,9 +118,11 @@ const translate = {
     districts: 'Districts',
     erase: 'Erase',
     ok: 'Ok',
+    location: 'Location',
+    steps: 'steps',
   },
 };
 
 exports.translate = translate;
 
-//# sourceMappingURL=i18n-69f2bef1.js.map
+//# sourceMappingURL=i18n-cb39db65.js.map

package/dist/cjs/i18n-cb39db65.js.map

@@ -0,0 +1 @@
+{"file":"i18n-cb39db65.js","mappings":"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","names":[],"sources":["./src/i18n/i18n.ts"],"sourcesContent":["interface Translation {\n  filter: string;\n  practice: string;\n  difficulty: string;\n  duration: string;\n  length: string;\n  treks: string;\n  trek: string;\n  showList: string;\n  showMap: string;\n  showRoute: string;\n  showDetails: string;\n  downloads: string;\n  description: string;\n  departure: string;\n  arrival: string;\n  elevationProfile: string;\n  roadAccess: string;\n  transport: string;\n  recommendations: string;\n  recommendedParking: string;\n  equipments: string;\n  environmentalSensitiveAreas: string;\n  informationPlaces: string;\n  accessibility: string;\n  accessibilityLevel: string;\n  accessibilitySlope: string;\n  accessibilityWidth: string;\n  accessibilitySignage: string;\n  accessibilityCovering: string;\n  accessibilityExposure: string;\n  accessibilityAdvices: string;\n  pois: Function;\n  sources: string;\n  cities: string;\n  options: {\n    presentation: string;\n    description: string;\n    recommendations: string;\n    environmentalSensitiveAreas: string;\n    informationPlaces: string;\n    pois: string;\n  };\n  layers: {\n    pointsReference: string;\n    parking: string;\n    sensitiveArea: string;\n    informationPlaces: string;\n    pois: string;\n  };\n  themes: string;\n  routes: string;\n  elevation: string;\n  activities: string;\n  districts: string;\n  erase: string;\n  ok: string;\n  location: string;\n  steps: string;\n}\n\ninterface AvailableTranslations {\n  fr: Translation;\n  en: Translation;\n}\n\nexport const translate: AvailableTranslations = {\n  fr: {\n    filter: 'Filtrer',\n    practice: 'Pratique',\n    difficulty: 'Difficulté',\n    duration: 'Durée',\n    length: 'Longueur',\n    treks: 'randonnées',\n    trek: 'randonnée',\n    showList: 'Voir la liste',\n    showMap: 'Voir la carte',\n    showRoute: \"Voir l'itinéraire\",\n    showDetails: 'Voir la fiche',\n    downloads: 'Téléchargements',\n    description: 'Description',\n    departure: 'Départ',\n    arrival: 'Arrivée',\n    elevationProfile: 'Profil altimétrique',\n    roadAccess: 'Accès routier',\n    transport: 'Transport',\n    recommendations: 'Recommandations',\n    recommendedParking: 'Parking conseillé',\n    equipments: 'Équipements',\n    environmentalSensitiveAreas: 'Zones de sensibilité environnementale',\n    informationPlaces: 'Lieux de renseignement',\n    accessibility: 'Accessibilité',\n    accessibilityLevel: \"Niveau d'accessibilité\",\n    accessibilitySlope: 'Pente',\n    accessibilityWidth: 'Largeur',\n    accessibilitySignage: 'Signalisation',\n    accessibilityCovering: 'Revêtement',\n    accessibilityExposure: 'Exposition',\n    accessibilityAdvices: 'Conseils',\n    pois: (poisLength: number) => `Les ${poisLength} patrimoines à découvrir`,\n    sources: 'Sources',\n    cities: 'Communes traversées',\n    options: {\n      presentation: 'Présentation',\n      description: 'Description',\n      recommendations: 'Recommandations',\n      environmentalSensitiveAreas: 'Zones sensibles',\n      informationPlaces: \"Lieux d'informations\",\n      pois: 'Patrimoines',\n    },\n    layers: {\n      pointsReference: 'Points de référence',\n      parking: 'Parking conseillé',\n      sensitiveArea: 'Zones de sensibilité environnementale',\n      informationPlaces: 'Lieux de renseignement',\n      pois: 'Patrimoines',\n    },\n    themes: 'Thèmes',\n    routes: 'Type de parcours',\n    elevation: 'Denivelé positif',\n    activities: 'Activités',\n    districts: 'Secteurs',\n    erase: 'Effacer',\n    ok: 'Ok',\n    location: 'Localisation',\n    steps: 'étapes',\n  },\n  en: {\n    filter: 'Filter',\n    practice: 'Practice',\n    difficulty: 'Difficulty',\n    duration: 'Duration',\n    length: 'Length',\n    treks: 'Hikes',\n    trek: 'Hike',\n    showList: 'Show the list',\n    showMap: 'Show the map',\n    showRoute: 'Show the route',\n    showDetails: 'Show the details',\n    downloads: 'Downloads',\n    description: 'Description',\n    departure: 'Departure',\n    arrival: 'Arrival',\n    elevationProfile: 'Elevation profile',\n    roadAccess: 'Road acess',\n    transport: 'Transport',\n    recommendations: 'Recommendations',\n    recommendedParking: 'Parking recommended',\n    equipments: 'Equipements',\n    environmentalSensitiveAreas: 'Areas of environmental sensitivity',\n    informationPlaces: 'Information places',\n    accessibility: 'Accessibility',\n    accessibilityLevel: 'Accessibility level',\n    accessibilitySlope: 'Slope',\n    accessibilityWidth: 'Width',\n    accessibilitySignage: 'Signage',\n    accessibilityCovering: 'Covering',\n    accessibilityExposure: 'Exposure',\n    accessibilityAdvices: 'Advices',\n    pois: (poisLength: number) => `${poisLength} points of interest`,\n    sources: 'Sources',\n    cities: 'Cities crossed',\n    options: {\n      presentation: 'Presentation',\n      description: 'Description',\n      recommendations: 'Recommendations',\n      environmentalSensitiveAreas: 'Sensitive areas',\n      informationPlaces: 'Information places',\n      pois: 'Points of interest',\n    },\n    layers: {\n      pointsReference: 'Reference points',\n      parking: 'Parking',\n      sensitiveArea: 'Sensitive areas',\n      informationPlaces: 'Information places',\n      pois: 'Points of interest',\n    },\n    themes: 'Themes',\n    routes: 'Type of course',\n    elevation: 'Positive elevation',\n    activities: 'Activities',\n    districts: 'Districts',\n    erase: 'Erase',\n    ok: 'Ok',\n    location: 'Location',\n    steps: 'steps',\n  },\n};\n"],"version":3}

package/dist/cjs/loader.cjs.js

@@ -30,7 +30,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["grw-app.cjs",[[0,"grw-app",{"appWidth":[1,"app-width"],"appHeight":[1,"app-height"],"api":[1],"languages":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"center":[1],"zoom":[2],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"weather":[4],"colorPrimaryApp":[1,"color-primary-app"],"colorOnPrimary":[1,"color-on-primary"],"colorSurface":[1,"color-surface"],"colorOnSurface":[1,"color-on-surface"],"colorSurfaceVariant":[1,"color-surface-variant"],"colorOnSurfaceVariant":[1,"color-on-surface-variant"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorBackground":[1,"color-background"],"colorSurfaceContainerHigh":[1,"color-surface-container-high"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"useGradient":[4,"use-gradient"],"showTrek":[32],"showTreksMap":[32],"showTrekMap":[32],"showFilters":[32],"isLargeView":[32],"selectedSegment":[32],"currentTrekId":[32]},[[8,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]],["grw-select-language.cjs",[[1,"grw-select-language"]]],["grw-trek-card.cjs",[[1,"grw-trek-card",{"trek":[16],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"departureCity":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["grw-information-desk-detail_3.cjs",[[1,"grw-information-desk-detail",{"informationDesk":[16],"displayShortDescription":[32]}],[1,"grw-poi-detail",{"poi":[16],"displayShortDescription":[32],"displayFullscreen":[32]}],[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}]]],["grw-filter_7.cjs",[[1,"grw-trek-detail",{"trek":[16],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorBackground":[1,"color-background"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"weather":[4],"isLargeView":[4,"is-large-view"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32],"displayFullscreen":[32],"cities":[32],"options":[32]}],[1,"grw-treks-list",{"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"treksToDisplay":[32]}],[1,"grw-filter",{"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterNameProperty":[1,"filter-name-property"],"segment":[1]},[[8,"resetFilter","onResetFilter"]]],[0,"grw-map",{"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"center":[1],"zoom":[2],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorBackground":[1,"color-background"],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"useGradient":[4,"use-gradient"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"isLargeView":[4,"is-large-view"],"mapIsReady":[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"descriptionReferenceIsInViewport","descriptionReferenceIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","oncardTrekMouseLeave"]]],[1,"grw-search"],[1,"grw-trek-provider",{"languages":[1],"api":[1],"trekId":[1,"trek-id"]}],[1,"grw-treks-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1]}]]]], options);
+  return index.bootstrapLazy([["grw-app.cjs",[[0,"grw-app",{"appWidth":[1,"app-width"],"appHeight":[1,"app-height"],"api":[1],"languages":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"center":[1],"zoom":[2],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"weather":[4],"colorPrimaryApp":[1,"color-primary-app"],"colorOnPrimary":[1,"color-on-primary"],"colorSurface":[1,"color-surface"],"colorOnSurface":[1,"color-on-surface"],"colorSurfaceVariant":[1,"color-surface-variant"],"colorOnSurfaceVariant":[1,"color-on-surface-variant"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorBackground":[1,"color-background"],"colorSurfaceContainerHigh":[1,"color-surface-container-high"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"useGradient":[4,"use-gradient"],"showTrek":[32],"showTreksMap":[32],"showTrekMap":[32],"showFilters":[32],"isLargeView":[32],"selectedSegment":[32],"currentTrekId":[32]},[[8,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]],["grw-select-language.cjs",[[1,"grw-select-language"]]],["grw-information-desk-detail_4.cjs",[[1,"grw-information-desk-detail",{"informationDesk":[16],"displayShortDescription":[32]}],[1,"grw-poi-detail",{"poi":[16],"displayShortDescription":[32],"displayFullscreen":[32]}],[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}],[1,"grw-trek-card",{"trek":[16],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"isStep":[4,"is-step"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"departureCity":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["grw-filter_7.cjs",[[1,"grw-trek-detail",{"trek":[16],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"weather":[4],"isLargeView":[4,"is-large-view"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32],"displayFullscreen":[32],"cities":[32],"options":[32]}],[1,"grw-treks-list",{"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"treksToDisplay":[32]}],[1,"grw-filter",{"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterNameProperty":[1,"filter-name-property"],"segment":[1]},[[8,"resetFilter","onResetFilter"]]],[0,"grw-map",{"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"center":[1],"zoom":[2],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorBackground":[1,"color-background"],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"useGradient":[4,"use-gradient"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"isLargeView":[4,"is-large-view"],"mapIsReady":[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"descriptionReferenceIsInViewport","descriptionReferenceIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","oncardTrekMouseLeave"]]],[1,"grw-search"],[1,"grw-trek-provider",{"languages":[1],"api":[1],"trekId":[1,"trek-id"]}],[1,"grw-treks-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1]}]]]], options);
   });
 };
 

package/dist/cjs/{store-a37c979e.js → store-f3f3d4e3.js}

@@ -226,10 +226,11 @@ const { state, onChange, reset } = createStore({
   selectedThemesFilters: 0,
   selectedLocationFilters: 0,
   selectedTrekId: null,
+  currentTrekSteps: null,
 });
 
 exports.onChange = onChange;
 exports.reset = reset;
 exports.state = state;
 
-//# sourceMappingURL=store-a37c979e.js.map
+//# sourceMappingURL=store-f3f3d4e3.js.map

package/dist/cjs/store-f3f3d4e3.js.map

@@ -0,0 +1 @@
+{"file":"store-f3f3d4e3.js","mappings":"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","names":["getRenderingRef","forceUpdate"],"sources":["./node_modules/@stencil/store/dist/index.mjs","./src/store/store.ts"],"sourcesContent":["import { getRenderingRef, forceUpdate } from '@stencil/core';\n\nconst appendToMap = (map, propName, value) => {\n    const items = map.get(propName);\n    if (!items) {\n        map.set(propName, [value]);\n    }\n    else if (!items.includes(value)) {\n        items.push(value);\n    }\n};\nconst debounce = (fn, ms) => {\n    let timeoutId;\n    return (...args) => {\n        if (timeoutId) {\n            clearTimeout(timeoutId);\n        }\n        timeoutId = setTimeout(() => {\n            timeoutId = 0;\n            fn(...args);\n        }, ms);\n    };\n};\n\n/**\n * Check if a possible element isConnected.\n * The property might not be there, so we check for it.\n *\n * We want it to return true if isConnected is not a property,\n * otherwise we would remove these elements and would not update.\n *\n * Better leak in Edge than to be useless.\n */\nconst isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;\nconst cleanupElements = debounce((map) => {\n    for (let key of map.keys()) {\n        map.set(key, map.get(key).filter(isConnected));\n    }\n}, 2000);\nconst stencilSubscription = () => {\n    if (typeof getRenderingRef !== 'function') {\n        // If we are not in a stencil project, we do nothing.\n        // This function is not really exported by @stencil/core.\n        return {};\n    }\n    const elmsToUpdate = new Map();\n    return {\n        dispose: () => elmsToUpdate.clear(),\n        get: (propName) => {\n            const elm = getRenderingRef();\n            if (elm) {\n                appendToMap(elmsToUpdate, propName, elm);\n            }\n        },\n        set: (propName) => {\n            const elements = elmsToUpdate.get(propName);\n            if (elements) {\n                elmsToUpdate.set(propName, elements.filter(forceUpdate));\n            }\n            cleanupElements(elmsToUpdate);\n        },\n        reset: () => {\n            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));\n            cleanupElements(elmsToUpdate);\n        },\n    };\n};\n\nconst unwrap = (val) => (typeof val === 'function' ? val() : val);\nconst createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {\n    const unwrappedState = unwrap(defaultState);\n    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));\n    const handlers = {\n        dispose: [],\n        get: [],\n        set: [],\n        reset: [],\n    };\n    const reset = () => {\n        var _a;\n        // When resetting the state, the default state may be a function - unwrap it to invoke it.\n        // otherwise, the state won't be properly reset\n        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));\n        handlers.reset.forEach((cb) => cb());\n    };\n    const dispose = () => {\n        // Call first dispose as resetting the state would\n        // cause less updates ;)\n        handlers.dispose.forEach((cb) => cb());\n        reset();\n    };\n    const get = (propName) => {\n        handlers.get.forEach((cb) => cb(propName));\n        return states.get(propName);\n    };\n    const set = (propName, value) => {\n        const oldValue = states.get(propName);\n        if (shouldUpdate(value, oldValue, propName)) {\n            states.set(propName, value);\n            handlers.set.forEach((cb) => cb(propName, value, oldValue));\n        }\n    };\n    const state = (typeof Proxy === 'undefined'\n        ? {}\n        : new Proxy(unwrappedState, {\n            get(_, propName) {\n                return get(propName);\n            },\n            ownKeys(_) {\n                return Array.from(states.keys());\n            },\n            getOwnPropertyDescriptor() {\n                return {\n                    enumerable: true,\n                    configurable: true,\n                };\n            },\n            has(_, propName) {\n                return states.has(propName);\n            },\n            set(_, propName, value) {\n                set(propName, value);\n                return true;\n            },\n        }));\n    const on = (eventName, callback) => {\n        handlers[eventName].push(callback);\n        return () => {\n            removeFromArray(handlers[eventName], callback);\n        };\n    };\n    const onChange = (propName, cb) => {\n        const unSet = on('set', (key, newValue) => {\n            if (key === propName) {\n                cb(newValue);\n            }\n        });\n        // We need to unwrap the defaultState because it might be a function.\n        // Otherwise we might not be sending the right reset value.\n        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));\n        return () => {\n            unSet();\n            unReset();\n        };\n    };\n    const use = (...subscriptions) => {\n        const unsubs = subscriptions.reduce((unsubs, subscription) => {\n            if (subscription.set) {\n                unsubs.push(on('set', subscription.set));\n            }\n            if (subscription.get) {\n                unsubs.push(on('get', subscription.get));\n            }\n            if (subscription.reset) {\n                unsubs.push(on('reset', subscription.reset));\n            }\n            if (subscription.dispose) {\n                unsubs.push(on('dispose', subscription.dispose));\n            }\n            return unsubs;\n        }, []);\n        return () => unsubs.forEach((unsub) => unsub());\n    };\n    const forceUpdate = (key) => {\n        const oldValue = states.get(key);\n        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));\n    };\n    return {\n        state,\n        get,\n        set,\n        on,\n        onChange,\n        use,\n        dispose,\n        reset,\n        forceUpdate,\n    };\n};\nconst removeFromArray = (array, item) => {\n    const index = array.indexOf(item);\n    if (index >= 0) {\n        array[index] = array[array.length - 1];\n        array.length--;\n    }\n};\n\nconst createStore = (defaultState, shouldUpdate) => {\n    const map = createObservableMap(defaultState, shouldUpdate);\n    map.use(stencilSubscription());\n    return map;\n};\n\nexport { createObservableMap, createStore };\n","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  Lengths,\n  Elevations,\n  Districts,\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  lengths: Lengths;\n  elevations: Elevations;\n  labels: Labels;\n  districts: Districts;\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  searchValue: string;\n  selectedActivitiesFilters: number;\n  selectedThemesFilters: number;\n  selectedLocationFilters: number;\n  selectedTrekId: number;\n  currentTrekSteps: Treks;\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  lengths: null,\n  elevations: null,\n  currentSensitiveAreas: null,\n  labels: null,\n  districts: 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  searchValue: null,\n  selectedActivitiesFilters: 0,\n  selectedThemesFilters: 0,\n  selectedLocationFilters: 0,\n  selectedTrekId: null,\n  currentTrekSteps: null,\n});\n\nexport { onChange, reset };\n\nexport default state;\n"],"version":3}

package/dist/cjs/{utils-fb618f73.js → utils-691c0e59.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const store = require('./store-a37c979e.js');
+const store = require('./store-f3f3d4e3.js');
 
 function formatDuration(duration) {
   let formattedDuration;
@@ -102,4 +102,4 @@ exports.formatDuration = formatDuration;
 exports.formatLength = formatLength;
 exports.handleFiltersAndSearch = handleFiltersAndSearch;
 
-//# sourceMappingURL=utils-fb618f73.js.map
+//# sourceMappingURL=utils-691c0e59.js.map

package/dist/cjs/{utils-fb618f73.js.map → utils-691c0e59.js.map}

@@ -1 +1 @@
-{"file":"utils-fb618f73.js","mappings":"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","names":["state"],"sources":["./src/utils/utils.ts"],"sourcesContent":["import state from 'store/store';\nimport { Filters, Treks } from 'types/types';\n\nexport function formatDuration(duration: number) {\n  let formattedDuration;\n  if (duration < 24) {\n    formattedDuration = `${Math.floor(duration)}h`;\n    if (duration % 1 > 0) {\n      formattedDuration += `${Math.round(60 * (duration % 1))}min`;\n    }\n  } else {\n    formattedDuration = `${duration / 24}j`;\n  }\n  return formattedDuration;\n}\n\nexport function formatLength(length: number) {\n  return `${Math.round(length / 1000)}km`;\n}\n\nexport function formatAscent(ascent: number) {\n  return `${ascent}m`;\n}\n\nexport const filters: Filters = [\n  { property: 'practices', trekProperty: 'practice', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'difficulties', trekProperty: 'difficulty', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'durations', trekProperty: 'duration', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },\n  { property: 'lengths', trekProperty: 'length_2d', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },\n  { property: 'elevations', trekProperty: 'ascent', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },\n  { property: 'routes', trekProperty: 'route', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'accessibilities', trekProperty: 'accessibilities', trekPropertyIsArray: true, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'labels', trekProperty: 'labels', trekPropertyIsArray: true, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'themes', trekProperty: 'themes', trekPropertyIsArray: true, type: 'include', segment: 'selectedThemesFilters' },\n  { property: 'cities', trekProperty: 'cities', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },\n  { property: 'districts', trekProperty: 'districts', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },\n];\n\nexport function handleFiltersAndSearch(): Treks {\n  let isUsingFilter = false;\n  let filtersTreks = [];\n  for (const filter of filters) {\n    const currentFiltersId: number[] = state[filter.property].filter(currentFilter => currentFilter.selected).map(currentFilter => currentFilter.id);\n    if (currentFiltersId.length > 0) {\n      if (filtersTreks.length > 0) {\n        if (filter.type === 'include') {\n          if (filter.trekPropertyIsArray) {\n            filtersTreks = [...filtersTreks.filter(trek => trek[filter.trekProperty].some(trekProperty => currentFiltersId.includes(trekProperty)))];\n          } else {\n            filtersTreks = [...filtersTreks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];\n          }\n        } else if (filter.type === 'interval') {\n          filtersTreks = [\n            ...filtersTreks.filter(trek => {\n              for (const currentFilterId of currentFiltersId) {\n                const currentFilter = state[filter.property].find(property => property.id === currentFilterId);\n                if (trek[filter.trekProperty] >= currentFilter.minValue && trek[filter.trekProperty] <= currentFilter.maxValue) {\n                  return true;\n                }\n              }\n              return false;\n            }),\n          ];\n        }\n      } else {\n        if (!isUsingFilter) {\n          isUsingFilter = true;\n        }\n        if (filter.type === 'include') {\n          if (filter.trekPropertyIsArray) {\n            filtersTreks = [...state.treks.filter(trek => trek[filter.trekProperty].some(trekProperty => currentFiltersId.includes(trekProperty)))];\n          } else {\n            filtersTreks = [...state.treks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];\n          }\n        } else if (filter.type === 'interval') {\n          let minValue: number;\n          let maxValue: number;\n          for (const currentFilterId of currentFiltersId) {\n            const currentFilter = state[filter.property].find(property => property.id === currentFilterId);\n            if (isNaN(minValue) || currentFilter.minValue < minValue) {\n              minValue = currentFilter.minValue;\n            }\n            if (isNaN(maxValue) || currentFilter.maxValue > maxValue) {\n              maxValue = currentFilter.maxValue;\n            }\n          }\n          filtersTreks = [...state.treks.filter(trek => trek[filter.trekProperty] >= minValue && trek[filter.trekProperty] <= maxValue)];\n        }\n      }\n    }\n  }\n\n  const searchTreks = isUsingFilter ? filtersTreks : state.treks;\n  return Boolean(state.searchValue) ? searchTreks.filter(currentTrek => currentTrek.name.toLowerCase().includes(state.searchValue.toLowerCase())) : searchTreks;\n}\n"],"version":3}
+{"file":"utils-691c0e59.js","mappings":"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","names":["state"],"sources":["./src/utils/utils.ts"],"sourcesContent":["import state from 'store/store';\nimport { Filters, Treks } from 'types/types';\n\nexport function formatDuration(duration: number) {\n  let formattedDuration;\n  if (duration < 24) {\n    formattedDuration = `${Math.floor(duration)}h`;\n    if (duration % 1 > 0) {\n      formattedDuration += `${Math.round(60 * (duration % 1))}min`;\n    }\n  } else {\n    formattedDuration = `${duration / 24}j`;\n  }\n  return formattedDuration;\n}\n\nexport function formatLength(length: number) {\n  return `${Math.round(length / 1000)}km`;\n}\n\nexport function formatAscent(ascent: number) {\n  return `${ascent}m`;\n}\n\nexport const filters: Filters = [\n  { property: 'practices', trekProperty: 'practice', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'difficulties', trekProperty: 'difficulty', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'durations', trekProperty: 'duration', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },\n  { property: 'lengths', trekProperty: 'length_2d', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },\n  { property: 'elevations', trekProperty: 'ascent', trekPropertyIsArray: false, type: 'interval', segment: 'selectedActivitiesFilters' },\n  { property: 'routes', trekProperty: 'route', trekPropertyIsArray: false, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'accessibilities', trekProperty: 'accessibilities', trekPropertyIsArray: true, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'labels', trekProperty: 'labels', trekPropertyIsArray: true, type: 'include', segment: 'selectedActivitiesFilters' },\n  { property: 'themes', trekProperty: 'themes', trekPropertyIsArray: true, type: 'include', segment: 'selectedThemesFilters' },\n  { property: 'cities', trekProperty: 'cities', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },\n  { property: 'districts', trekProperty: 'districts', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },\n];\n\nexport function handleFiltersAndSearch(): Treks {\n  let isUsingFilter = false;\n  let filtersTreks = [];\n  for (const filter of filters) {\n    const currentFiltersId: number[] = state[filter.property].filter(currentFilter => currentFilter.selected).map(currentFilter => currentFilter.id);\n    if (currentFiltersId.length > 0) {\n      if (filtersTreks.length > 0) {\n        if (filter.type === 'include') {\n          if (filter.trekPropertyIsArray) {\n            filtersTreks = [...filtersTreks.filter(trek => trek[filter.trekProperty].some(trekProperty => currentFiltersId.includes(trekProperty)))];\n          } else {\n            filtersTreks = [...filtersTreks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];\n          }\n        } else if (filter.type === 'interval') {\n          filtersTreks = [\n            ...filtersTreks.filter(trek => {\n              for (const currentFilterId of currentFiltersId) {\n                const currentFilter = state[filter.property].find(property => property.id === currentFilterId);\n                if (trek[filter.trekProperty] >= currentFilter.minValue && trek[filter.trekProperty] <= currentFilter.maxValue) {\n                  return true;\n                }\n              }\n              return false;\n            }),\n          ];\n        }\n      } else {\n        if (!isUsingFilter) {\n          isUsingFilter = true;\n        }\n        if (filter.type === 'include') {\n          if (filter.trekPropertyIsArray) {\n            filtersTreks = [...state.treks.filter(trek => trek[filter.trekProperty].some(trekProperty => currentFiltersId.includes(trekProperty)))];\n          } else {\n            filtersTreks = [...state.treks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];\n          }\n        } else if (filter.type === 'interval') {\n          let minValue: number;\n          let maxValue: number;\n          for (const currentFilterId of currentFiltersId) {\n            const currentFilter = state[filter.property].find(property => property.id === currentFilterId);\n            if (isNaN(minValue) || currentFilter.minValue < minValue) {\n              minValue = currentFilter.minValue;\n            }\n            if (isNaN(maxValue) || currentFilter.maxValue > maxValue) {\n              maxValue = currentFilter.maxValue;\n            }\n          }\n          filtersTreks = [...state.treks.filter(trek => trek[filter.trekProperty] >= minValue && trek[filter.trekProperty] <= maxValue)];\n        }\n      }\n    }\n  }\n\n  const searchTreks = isUsingFilter ? filtersTreks : state.treks;\n  return Boolean(state.searchValue) ? searchTreks.filter(currentTrek => currentTrek.name.toLowerCase().includes(state.searchValue.toLowerCase())) : searchTreks;\n}\n"],"version":3}

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

@@ -52,8 +52,9 @@ export class GrwApp {
     this.useGradient = false;
   }
   onTrekCardPress(event) {
+    state.currentTrek = null;
     this.currentTrekId = event.detail;
-    this.showTrek = !this.showTrek;
+    this.showTrek = true;
     this.showTrekMap = false;
     const url = new URL(window.location.toString());
     url.searchParams.set('trek', this.currentTrekId.toString());
@@ -119,6 +120,7 @@ export class GrwApp {
     const url = new URL(window.location.toString());
     const trekParam = Number(url.searchParams.get('trek'));
     if (trekParam && this.currentTrekId !== trekParam) {
+      state.currentTrek = null;
       this.currentTrekId = trekParam;
       this.showTrek = true;
     }
@@ -179,7 +181,7 @@ export class GrwApp {
       } }, !state.currentTreks && !state.currentTrek && (h("div", { class: "init-loader-container" }, h("span", { class: "loader" }))), !this.showTrek && !state.treks && (h("grw-treks-provider", { api: this.api, languages: this.languages, "in-bbox": this.inBbox, cities: this.cities, districts: this.districts, structures: this.structures, themes: this.themes, portals: this.portals, routes: this.routes, practices: this.practices })), this.showTrek && this.currentTrekId && !state.currentTrek && (h("grw-trek-provider", { api: this.api, languages: this.languages, "trek-id": this.currentTrekId })), (state.currentTreks || state.currentTrek) && (h("div", { class: "app-container" }, h("div", { class: this.isLargeView ? 'large-view-header-container' : 'header-container' }, !this.showTrek ? (h("div", { class: "handle-search-filters-container" }, h("div", { class: "handle-search-container" }, h("grw-search", null)), h("div", { class: "handle-filters-container" }, h("button", { onClick: () => this.handleFilters(), class: "handle-filters-button" }, h("span", { class: "material-symbols material-symbols-outlined margin-right-icon" }, "filter_list"), translate[state.language].filter)))) : (h("div", { class: "arrow-back-container" }, h("button", { onClick: () => this.handleBackButton(), class: "arrow-back-icon" }, h("span", { class: "material-symbols material-symbols-outlined" }, "arrow_back"))))), h("div", { class: `content-container ${this.showTrek ? 'content-trek' : 'content-treks'}` }, h("div", { class: this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container', style: { display: this.showTrek ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' } }, h("grw-treks-list", { "reset-store-on-disconnected": "false", "is-large-view": this.isLargeView, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })), this.showTrek && !state.currentTrek && (h("div", { class: this.isLargeView ? 'large-view-loader-container' : 'loader-container' }, h("span", { class: "loader" }))), state.currentTrek && (h("div", { class: this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container' }, h("grw-trek-detail", { style: {
         visibility: (!this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',
         zIndex: !this.showTrekMap ? '1' : '0',
-      }, "reset-store-on-disconnected": "false", "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-background": this.colorBackground, weather: this.weather, "is-large-view": this.isLargeView }))), h("grw-map", { "reset-store-on-disconnected": "false", class: this.isLargeView ? 'large-view-app-map-container' : 'app-map-container', style: {
+      }, "reset-store-on-disconnected": "false", "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow, "color-background": this.colorBackground, weather: this.weather, "is-large-view": this.isLargeView }))), h("grw-map", { "reset-store-on-disconnected": "false", class: this.isLargeView ? 'large-view-app-map-container' : 'app-map-container', style: {
         visibility: (this.showTreksMap && !this.showTrek) || (this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',
         zIndex: this.showTrekMap ? '1' : '0',
       }, center: this.center, zoom: this.zoom, "name-layer": this.nameLayer, "url-layer": this.urlLayer, "attribution-layer": this.attributionLayer, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-background": this.colorBackground, "color-trek-line": this.colorTrekLine, "color-sensitive-area": this.colorSensitiveArea, "color-poi-icon": this.colorPoiIcon, "is-large-view": this.isLargeView, "use-gradient": this.useGradient })), (!this.showTrek || (this.showTrek && state.currentTrek)) && (h("div", { class: "map-visibility-button-container" }, h("button", { onClick: () => this.handleShowMap(), class: "map-visibility-button", style: { display: this.isLargeView ? 'none' : 'flex' } }, h("span", { class: "material-symbols material-symbols-outlined" }, this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'), this.showTrek
@@ -188,7 +190,7 @@ export class GrwApp {
         : translate[state.language].showRoute
       : this.showTreksMap
         ? translate[state.language].showList
-        : translate[state.language].showMap))))), !this.showTrek && this.showFilters && (h("div", { class: "options-container" }, h("div", { class: "filters-container" }, h("div", { class: "filters-options-container" }, state.treksWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.treksWithinBounds.length} ${state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, "Autres ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, "Th\u00E8mes ", state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, "Localisation ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { class: "segment-container" }, state['practices'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['difficulties'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), state['durations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['lengths'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['elevations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['routes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), state['accessibilities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['labels'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (h("div", { class: "segment-container" }, state['themes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].themes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].cities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))), h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" })))));
+        : translate[state.language].showMap))))), !this.showTrek && this.showFilters && (h("div", { class: "options-container" }, h("div", { class: "filters-container" }, h("div", { class: "filters-options-container" }, state.treksWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.treksWithinBounds.length} ${state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, translate[state.language].activities, " ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, translate[state.language].themes, " ", state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, translate[state.language].location, " ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { class: "segment-container" }, state['practices'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['difficulties'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), state['durations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['lengths'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['elevations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['routes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), state['accessibilities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['labels'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (h("div", { class: "segment-container" }, state['themes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].themes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].cities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))), h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" })))));
   }
   static get is() { return "grw-app"; }
   static get originalStyleUrls() {