@geotrekce/geotrek-rando-widget 0.3.5 → 0.3.6

package/dist/cjs/{grw-filter_7.cjs.entry.js → grw-filters_7.cjs.entry.js}

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-37f5c77b.js');
+const i18n = require('./i18n-691abc83.js');
 const store = require('./store-a36efc0f.js');
 const utils$1 = require('./utils-151d3b05.js');
-const i18n = require('./i18n-691abc83.js');
 const pagination = require('./pagination-149c2052.js');
 
 function _interopNamespace(e) {
@@ -28,40 +28,39 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-const grwFilterCss = ".material-symbols{font-family:\"Material Symbols Outlined\"}.material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}:host{font-family:\"Roboto\"}.filter-name{margin-left:8px;color:var(--color-on-surface);line-height:32px;letter-spacing:0px;font-size:24px;font-weight:400}.filter-button-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.filter-button-container .filter-button,.filter-button-container .selected-filter-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;margin:8px 0px 0px 8px;padding:8px 16px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border:1px solid var(--color-outline);border-radius:8px;-webkit-tap-highlight-color:transparent;line-height:20px;-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;min-width:100px;white-space:nowrap}.filter-button-container .filter-button:hover,.filter-button-container .selected-filter-button:hover{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.filter-button-container .filter-button{color:var(--color-on-surface-variant);background-color:transparent}.filter-button-container .selected-filter-button{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.filter-button-container .selected-filter-button span{font-size:24px;margin-right:8px;color:var(--color-on-secondary-container)}";
+const grwFiltersCss = ".options-container{height:100%;position:absolute;width:100%;z-index:1100;top:0px}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-container .segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.filters-container .segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.filters-container .segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.filters-container .segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.filters-container .segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.filters-container .segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.filters-segment-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 64px - 32px)}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:absolute;z-index:1099}.divider{margin:16px;border-top:1px solid var(--color-outline)}.filters-options-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:64px;margin:0px 16px}.filters-options-container .filters-options-buttons-container{display:-ms-flexbox;display:flex}.filters-options-container .filters-options-buttons-container .filter-option-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;margin:8px 0px 0px 8px;padding:8px 16px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:none;-webkit-tap-highlight-color:transparent;line-height:20px;color:var(--color-primary);background-color:transparent}.segment-container{margin-bottom:64px}.filter-container:not(:last-child)::after{content:\"\";display:block;margin:16px;border-top:1px solid var(--color-outline)}";
 
-const GrwFilter = class {
+const GrwFilters = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.filterType = undefined;
-    this.filterName = undefined;
-    this.filterNameProperty = undefined;
-    this.segment = undefined;
-  }
-  onResetFilter() {
-    this.resetFilter();
+    this.resetFilter = index.createEvent(this, "resetFilter", 7);
+    this.selectedSegment = 'selectedActivitiesFilters';
+    this.handleFilters = undefined;
   }
-  handleFilter(_event, filterToHandle) {
-    const filterFromState = [...store.state[this.filterType]];
-    filterFromState.find(currentFilter => currentFilter.id === filterToHandle.id).selected = !filterFromState.find(currentFilter => currentFilter.id === filterToHandle.id)
-      .selected;
-    store.state[this.filterType] = filterFromState;
-    store.state[this.segment] = 0;
-    utils$1.filters
-      .filter(filter => filter.segment === this.segment)
-      .forEach(filter => {
-      store.state[this.segment] += store.state[filter.property].filter(filter => filter.selected).length;
+  handleEraseFilters() {
+    utils$1.filters.forEach(filter => {
+      store.state[filter.property].forEach(currentFilter => (currentFilter.selected = false));
     });
+    store.state.selectedActivitiesFilters = 0;
+    store.state.selectedThemesFilters = 0;
+    store.state.selectedLocationFilters = 0;
     store.state.currentTreks = utils$1.handleFiltersAndSearch();
+    this.resetFilter.emit();
+  }
+  handleSelectedSegment(selectedSegment) {
+    this.selectedSegment = selectedSegment;
+  }
+  handleSegment(segment) {
+    return utils$1.filters.filter(filter => filter.segment === segment).some(filter => store.state[filter.property] && store.state[filter.property].length > 0);
   }
-  resetFilter() {
-    index.forceUpdate(this.filterRef);
+  handleOkFilters() {
+    this.handleFilters();
   }
   render() {
-    return (index.h(index.Host, { ref: el => (this.filterRef = el) }, index.h("div", { class: "filter-name display-large" }, this.filterName), index.h("div", { class: "filter-button-container" }, store.state[this.filterType].map(currentFilter => (index.h("button", { onClick: event => this.handleFilter(event, currentFilter), class: currentFilter.selected ? 'selected-filter-button' : 'filter-button' }, currentFilter.selected && index.h("span", { class: "material-symbols material-symbols-outlined" }, "check"), currentFilter[this.filterNameProperty]))))));
+    return (index.h(index.Host, null, index.h("div", { class: "options-container" }, index.h("div", { class: "filters-container" }, index.h("div", { class: "filters-options-container" }, store.state.treksWithinBounds && (index.h("div", { class: "current-treks-within-bounds-length" }, `${store.state.treksWithinBounds.length} ${store.state.treksWithinBounds.length > 1 ? i18n.translate[store.state.language].treks : i18n.translate[store.state.language].trek}`)), index.h("div", { class: "filters-options-buttons-container" }, index.h("button", { class: "filter-option-button", onClick: () => this.handleEraseFilters() }, i18n.translate[store.state.language].erase), index.h("button", { class: "filter-option-button", onClick: () => this.handleOkFilters() }, i18n.translate[store.state.language].ok))), index.h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, i18n.translate[store.state.language].activities, " ", store.state.selectedActivitiesFilters !== 0 && `(${store.state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, i18n.translate[store.state.language].themes, " ", store.state.selectedThemesFilters !== 0 && `(${store.state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (index.h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, i18n.translate[store.state.language].location, " ", store.state.selectedLocationFilters !== 0 && `(${store.state.selectedLocationFilters})`))), index.h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (index.h("div", { class: "segment-container" }, store.state['practices'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['difficulties'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), store.state['durations'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['lengths'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['elevations'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['routes'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), store.state['accessibilities'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), store.state['labels'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (index.h("div", { class: "segment-container" }, store.state['themes'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].themes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (index.h("div", { class: "segment-container" }, store.state['districts'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), store.state['cities'].length > 0 && (index.h("div", { class: "filter-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].cities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))), index.h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" }))));
   }
 };
-GrwFilter.style = grwFilterCss;
+GrwFilters.style = grwFiltersCss;
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -19742,7 +19741,7 @@ const GrwSearch = class {
     store.state.currentTreks = utils$1.handleFiltersAndSearch();
   }
   render() {
-    return (index.h(index.Host, null, index.h("span", { class: "material-symbols material-symbols-outlined" }, "search"), index.h("input", { onInput: e => this.onSearchChange(e), class: "search-input", type: "search", placeholder: "Rechercher", value: store.state.searchValue })));
+    return (index.h(index.Host, null, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "search"), index.h("input", { onInput: e => this.onSearchChange(e), class: "search-input", type: "search", placeholder: "Rechercher", value: store.state.searchValue })));
   }
 };
 GrwSearch.style = grwSearchCss;
@@ -20698,12 +20697,12 @@ const GrwTrekDetail = class {
       } }, this.currentTrek && (index.h("div", { class: "trek-options" }, index.h("a", { onClick: () => this.handleScrollTo(this.presentationRef), class: `presentation trek-option${this.options.presentation.indicator ? ' selected-trek-option' : ''}` }, i18n.translate[store.state.language].options.presentation), this.options.steps.visible && (index.h("a", { onClick: () => this.handleScrollTo(this.stepsRef), class: `steps trek-option${this.options.steps.indicator ? ' selected-trek-option' : ''}` }, i18n.translate[store.state.language].options.steps)), this.options.description.visible && (index.h("a", { onClick: () => this.handleScrollTo(this.descriptionRef), class: `description trek-option${this.options.description.indicator ? ' selected-trek-option' : ''}` }, i18n.translate[store.state.language].options.description)), this.options.recommendations.visible && (index.h("a", { onClick: () => this.handleScrollTo(this.recommendationRef), class: `recommendations trek-option${this.options.recommendations.indicator ? ' selected-trek-option' : ''}` }, i18n.translate[store.state.language].options.recommendations)), this.options.sensitiveArea.visible && (index.h("a", { onClick: () => this.handleScrollTo(this.sensitiveAreaRef), class: `sensitive-areas trek-option${this.options.sensitiveArea.indicator ? ' selected-trek-option' : ''}` }, i18n.translate[store.state.language].options.environmentalSensitiveAreas)), this.options.informationPlaces.visible && (index.h("a", { onClick: () => this.handleScrollTo(this.informationDeskRef), class: `information-places trek-option${this.options.informationPlaces.indicator ? ' selected-trek-option' : ''}` }, i18n.translate[store.state.language].options.informationPlaces)), this.options.pois.visible && (index.h("a", { onClick: () => this.handleScrollTo(this.poiRef), class: `pois trek-option${this.options.pois.indicator ? ' selected-trek-option' : ''}` }, i18n.translate[store.state.language].options.pois)), this.options.touristicContents.visible && (index.h("a", { onClick: () => this.handleScrollTo(this.touristicContentsRef), class: `touristic-content trek-option${this.options.touristicContents.indicator ? ' selected-trek-option' : ''}` }, i18n.translate[store.state.language].options.touristicContents)), index.h("span", { class: "indicator-selected-trek-option", style: { transform: `translateX(${this.handleIndicatorSelectedTrekOption()})` } }))), this.currentTrek && (index.h("div", { class: "trek-detail-container", ref: el => (this.trekDetailContainerRef = el) }, index.h("div", { class: "images-container", ref: el => (this.presentationRef = el) }, index.h("div", { class: "swiper swiper-images", ref: el => (this.swiperImagesRef = el) }, index.h("div", { class: "swiper-wrapper" }, this.currentTrek.attachments
       .filter(attachment => attachment.type === 'image')
       .map(attachment => (index.h("div", { class: "swiper-slide" }, index.h("img", { class: "image", src: attachment.url, loading: "lazy", onClick: () => this.handleFullscreen() }))))), index.h("div", { class: "swiper-pagination", ref: el => (this.paginationElImagesRef = el) }), index.h("div", { class: "swiper-button-prev", ref: el => (this.prevElImagesRef = el) }), index.h("div", { class: "swiper-button-next", ref: el => (this.nextElImagesRef = el) }))), index.h("div", { class: "name" }, this.currentTrek.name), this.themes.length > 0 && (index.h("div", { class: "themes-container" }, this.themes.map(theme => (index.h("div", { class: "theme" }, theme.label))))), index.h("div", { class: "sub-container" }, index.h("div", { class: "icons-labels-container" }, index.h("div", { class: "row" }, index.h("div", { class: "icon-label difficulty" }, ((_a = this.difficulty) === null || _a === void 0 ? void 0 : _a.pictogram) && index.h("img", { src: this.difficulty.pictogram }), (_b = this.difficulty) === null || _b === void 0 ? void 0 :
-      _b.label), index.h("div", { class: "icon-label duration" }, index.h("span", { class: "material-symbols material-symbols-outlined" }, "timelapse"), utils$1.formatDuration((_c = this.currentTrek) === null || _c === void 0 ? void 0 : _c.duration)), 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: "row" }, index.h("div", { class: "icon-label length" }, index.h("span", { class: "material-symbols material-symbols-outlined" }, "open_in_full"), utils$1.formatLength(this.currentTrek.length_2d)), index.h("div", { class: "icon-label ascent" }, index.h("span", { class: "material-symbols material-symbols-outlined" }, "moving"), utils$1.formatAscent(this.currentTrek.ascent)), 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)))), index.h("div", { class: "divider" }), index.h("div", { class: "downloads-container" }, index.h("div", { class: "download-title" }, i18n.translate[store.state.language].downloads), index.h("div", { class: "links-container" }, index.h("a", { href: `${this.currentTrek.gpx}` }, index.h("span", { class: "material-symbols material-symbols-outlined" }, "download"), "GPX"), index.h("a", { href: `${this.currentTrek.kml}` }, index.h("span", { class: "material-symbols material-symbols-outlined" }, "download"), "KML"), index.h("a", { href: `${this.currentTrek.pdf}` }, index.h("span", { class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), index.h("div", { class: "divider" }), this.currentTrek.description_teaser && index.h("div", { class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && index.h("div", { class: "ambiance", innerHTML: this.currentTrek.ambiance }), index.h("div", { class: "divider" }), store.state.parentTrekId && store.state.parentTrek && this.currentTrek.id !== store.state.parentTrekId && (index.h("div", { class: "parent-trek-container" }, index.h("button", { class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(store.state.parentTrekId) }, index.h("div", null, "<"), store.state.parentTrek.name))), store.state.currentTrekSteps && (index.h("div", { class: "step-container", ref: el => (this.stepsRef = el) }, index.h("div", { class: "step-title" }, `${store.state.currentTrekSteps.length} ${i18n.translate[store.state.language].steps}`), index.h("div", { class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, index.h("div", { class: "swiper-wrapper" }, store.state.currentTrekSteps &&
+      _b.label), index.h("div", { class: "icon-label duration" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "timelapse"), utils$1.formatDuration((_c = this.currentTrek) === null || _c === void 0 ? void 0 : _c.duration)), 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: "row" }, index.h("div", { class: "icon-label length" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "open_in_full"), utils$1.formatLength(this.currentTrek.length_2d)), index.h("div", { class: "icon-label ascent" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "moving"), utils$1.formatAscent(this.currentTrek.ascent)), 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)))), index.h("div", { class: "divider" }), index.h("div", { class: "downloads-container" }, index.h("div", { class: "download-title" }, i18n.translate[store.state.language].downloads), index.h("div", { class: "links-container" }, index.h("a", { href: `${this.currentTrek.gpx}` }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "GPX"), index.h("a", { href: `${this.currentTrek.kml}` }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "KML"), index.h("a", { href: `${this.currentTrek.pdf}` }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "download"), "PDF"))), index.h("div", { class: "divider" }), this.currentTrek.description_teaser && index.h("div", { class: "description-teaser", innerHTML: this.currentTrek.description_teaser }), this.currentTrek.ambiance && index.h("div", { class: "ambiance", innerHTML: this.currentTrek.ambiance }), index.h("div", { class: "divider" }), store.state.parentTrekId && store.state.parentTrek && this.currentTrek.id !== store.state.parentTrekId && (index.h("div", { class: "parent-trek-container" }, index.h("button", { class: "parent-trek-title", onClick: () => this.parentTrekPress.emit(store.state.parentTrekId) }, index.h("div", null, "<"), store.state.parentTrek.name))), store.state.currentTrekSteps && (index.h("div", { class: "step-container", ref: el => (this.stepsRef = el) }, index.h("div", { class: "step-title" }, `${store.state.currentTrekSteps.length} ${i18n.translate[store.state.language].steps}`), index.h("div", { class: "swiper swiper-step", ref: el => (this.swiperStepRef = el) }, index.h("div", { class: "swiper-wrapper" }, store.state.currentTrekSteps &&
       store.state.currentTrekSteps.map(trek => {
         return (index.h("div", { class: "swiper-slide" }, index.h("grw-trek-card", { "reset-store-on-disconnected": "false", key: `trek-${trek.id}`, trek: trek, "is-large-view": false, "is-step": true, "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 })));
-      }))))), index.h("div", { class: "divider" }), this.currentTrek.description && (index.h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { class: "description-title" }, i18n.translate[store.state.language].description), index.h("div", { class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (index.h("div", { class: "departure-container" }, index.h("div", { class: "departure-title" }, i18n.translate[store.state.language].departure, " :\u00A0"), index.h("div", { innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (index.h("div", { class: "arrival-container" }, index.h("div", { class: "arrival-title" }, i18n.translate[store.state.language].arrival, " :\u00A0"), index.h("div", { innerHTML: this.currentTrek.arrival }))), this.currentTrek.cities && this.currentTrek.cities.length > 0 && (index.h("div", { class: "cities-container" }, index.h("div", { class: "cities-title" }, i18n.translate[store.state.language].cities, " :\u00A0"), index.h("div", { innerHTML: this.cities.join(', ') }))), this.weather && this.currentTrek.departure_city && (index.h("div", { class: "weather-container" }, index.h("iframe", { height: "150", frameborder: "0", src: `https://meteofrance.com/widget/prevision/${this.currentTrek.departure_city}0#${this.colorPrimaryApp}` }))), this.currentTrek.access && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "access-container" }, index.h("div", { class: "access-title" }, i18n.translate[store.state.language].roadAccess), index.h("div", { class: "access", innerHTML: this.currentTrek.access })))), this.currentTrek.public_transport && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "public-transport-container" }, index.h("div", { class: "public-transport-title" }, i18n.translate[store.state.language].transport), index.h("div", { class: "public-transport", innerHTML: this.currentTrek.public_transport })))), (this.currentTrek.advice || this.labels.length > 0) && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "advice-container", ref: el => (this.recommendationRef = el) }, index.h("div", { class: "advice-title" }, i18n.translate[store.state.language].recommendations), this.currentTrek.advice && (index.h("div", { class: "current-advice-container" }, index.h("span", { class: "material-symbols material-symbols-outlined" }, "warning"), index.h("div", { class: "advice", innerHTML: this.currentTrek.advice }))), this.labels.map(label => (index.h("div", { class: "label-container" }, index.h("div", { class: "label-sub-container" }, label.pictogram && index.h("img", { src: label.pictogram }), index.h("div", { class: "label-name", innerHTML: label.name })), index.h("div", { class: "label-advice", innerHTML: label.advice }))))))), this.currentTrek.advised_parking && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "advised-parking-container", ref: el => (this.parkingRef = el) }, index.h("div", { class: "advised-parking-title" }, i18n.translate[store.state.language].recommendedParking), index.h("div", { class: "advised-parking", innerHTML: this.currentTrek.advised_parking })))), this.currentTrek.gear && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "gear-container" }, index.h("div", { class: "gear-title" }, i18n.translate[store.state.language].equipments), index.h("div", { class: "gear", innerHTML: this.currentTrek.gear })))), store.state.currentSensitiveAreas && store.state.currentSensitiveAreas.length > 0 && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "sensitive-areas-container", ref: el => (this.sensitiveAreaRef = el) }, index.h("div", { class: "sensitive-areas-title" }, i18n.translate[store.state.language].environmentalSensitiveAreas), store.state.currentSensitiveAreas.map(sensitiveArea => (index.h("grw-sensitive-area-detail", { sensitiveArea: sensitiveArea })))))), store.state.currentInformationDesks &&
+      }))))), index.h("div", { class: "divider" }), this.currentTrek.description && (index.h("div", { class: "description-container", ref: el => (this.descriptionRef = el) }, index.h("div", { class: "description-title" }, i18n.translate[store.state.language].description), index.h("div", { class: "description", innerHTML: this.currentTrek.description }))), this.currentTrek.departure && (index.h("div", { class: "departure-container" }, index.h("div", { class: "departure-title" }, i18n.translate[store.state.language].departure, " :\u00A0"), index.h("div", { innerHTML: this.currentTrek.departure }))), this.currentTrek.arrival && (index.h("div", { class: "arrival-container" }, index.h("div", { class: "arrival-title" }, i18n.translate[store.state.language].arrival, " :\u00A0"), index.h("div", { innerHTML: this.currentTrek.arrival }))), this.currentTrek.cities && this.currentTrek.cities.length > 0 && (index.h("div", { class: "cities-container" }, index.h("div", { class: "cities-title" }, i18n.translate[store.state.language].cities, " :\u00A0"), index.h("div", { innerHTML: this.cities.join(', ') }))), this.weather && this.currentTrek.departure_city && (index.h("div", { class: "weather-container" }, index.h("iframe", { height: "150", frameborder: "0", src: `https://meteofrance.com/widget/prevision/${this.currentTrek.departure_city}0#${this.colorPrimaryApp}` }))), this.currentTrek.access && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "access-container" }, index.h("div", { class: "access-title" }, i18n.translate[store.state.language].roadAccess), index.h("div", { class: "access", innerHTML: this.currentTrek.access })))), this.currentTrek.public_transport && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "public-transport-container" }, index.h("div", { class: "public-transport-title" }, i18n.translate[store.state.language].transport), index.h("div", { class: "public-transport", innerHTML: this.currentTrek.public_transport })))), (this.currentTrek.advice || this.labels.length > 0) && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "advice-container", ref: el => (this.recommendationRef = el) }, index.h("div", { class: "advice-title" }, i18n.translate[store.state.language].recommendations), this.currentTrek.advice && (index.h("div", { class: "current-advice-container" }, index.h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "warning"), index.h("div", { class: "advice", innerHTML: this.currentTrek.advice }))), this.labels.map(label => (index.h("div", { class: "label-container" }, index.h("div", { class: "label-sub-container" }, label.pictogram && index.h("img", { src: label.pictogram }), index.h("div", { class: "label-name", innerHTML: label.name })), index.h("div", { class: "label-advice", innerHTML: label.advice }))))))), this.currentTrek.advised_parking && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "advised-parking-container", ref: el => (this.parkingRef = el) }, index.h("div", { class: "advised-parking-title" }, i18n.translate[store.state.language].recommendedParking), index.h("div", { class: "advised-parking", innerHTML: this.currentTrek.advised_parking })))), this.currentTrek.gear && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "gear-container" }, index.h("div", { class: "gear-title" }, i18n.translate[store.state.language].equipments), index.h("div", { class: "gear", innerHTML: this.currentTrek.gear })))), store.state.currentSensitiveAreas && store.state.currentSensitiveAreas.length > 0 && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "sensitive-areas-container", ref: el => (this.sensitiveAreaRef = el) }, index.h("div", { class: "sensitive-areas-title" }, i18n.translate[store.state.language].environmentalSensitiveAreas), store.state.currentSensitiveAreas.map(sensitiveArea => (index.h("grw-sensitive-area-detail", { sensitiveArea: sensitiveArea })))))), store.state.currentInformationDesks &&
       store.state.currentInformationDesks.filter(currentInformationDesks => this.currentTrek.information_desks.includes(currentInformationDesks.id)).length > 0 && (index.h("div", null, index.h("div", { class: "divider" }), index.h("div", { class: "information-desks-container", ref: el => (this.informationDeskRef = el) }, index.h("div", { class: "information-desks-title" }, i18n.translate[store.state.language].informationPlaces), index.h("div", { class: "swiper swiper-information-desks", ref: el => (this.swiperInformationDesksRef = el) }, index.h("div", { class: "swiper-wrapper" }, store.state.currentInformationDesks
       .filter(currentInformationDesks => this.currentTrek.information_desks.includes(currentInformationDesks.id))
       .map(informationDesk => (index.h("div", { class: "swiper-slide" }, index.h("grw-information-desk", { informationDesk: informationDesk }))))))))), (this.currentTrek.disabled_infrastructure ||
@@ -21001,7 +21000,7 @@ const GrwTreksProvider = class {
   }
 };
 
-exports.grw_filter = GrwFilter;
+exports.grw_filters = GrwFilters;
 exports.grw_map = GrwMap;
 exports.grw_search = GrwSearch;
 exports.grw_trek_detail = GrwTrekDetail;
@@ -21009,4 +21008,4 @@ exports.grw_trek_provider = GrwTrekProvider;
 exports.grw_treks_list = GrwTreksList;
 exports.grw_treks_provider = GrwTreksProvider;
 
-//# sourceMappingURL=grw-filter_7.cjs.entry.js.map
+//# sourceMappingURL=grw-filters_7.cjs.entry.js.map