@geotrekce/geotrek-rando-widget 0.2.10 → 0.2.12

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

@@ -113,7 +113,7 @@ const patchDynamicImport = (base, orgScriptElm) => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["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]}]]],["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"]}],[0,"grw-map",{"urlLayer":[1,"url-layer"],"attribution":[1],"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"],"colorDepartureIcon":[1,"color-departure-icon"],"colorArrivalIcon":[1,"color-arrival-icon"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"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"]]],[1,"grw-select-language"],[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]}]]],["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],"urlLayer":[1,"url-layer"],"center":[1],"zoom":[2],"attribution":[1],"linkName":[1,"link-name"],"linkTarget":[1,"link-target"],"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"],"colorDepartureIcon":[1,"color-departure-icon"],"colorArrivalIcon":[1,"color-arrival-icon"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"showTrek":[32],"showTreksMap":[32],"showTrekMap":[32],"showFilters":[32],"isLargeView":[32],"currentTrekId":[32]},[[8,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]]], options);
+  return index.bootstrapLazy([["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]}]]],["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_8.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"]},[[8,"resetFilter","onResetFilter"]]],[0,"grw-map",{"urlLayer":[1,"url-layer"],"attribution":[1],"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"],"colorDepartureIcon":[1,"color-departure-icon"],"colorArrivalIcon":[1,"color-arrival-icon"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"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"]]],[1,"grw-search"],[1,"grw-select-language"],[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]}]]],["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],"urlLayer":[1,"url-layer"],"center":[1],"zoom":[2],"attribution":[1],"linkName":[1,"link-name"],"linkTarget":[1,"link-target"],"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"],"colorDepartureIcon":[1,"color-departure-icon"],"colorArrivalIcon":[1,"color-arrival-icon"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorPoiIcon":[1,"color-poi-icon"],"showTrek":[32],"showTreksMap":[32],"showTrekMap":[32],"showFilters":[32],"isLargeView":[32],"currentTrekId":[32]},[[8,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/grw-app.cjs.entry.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-37f5c77b.js');
-const i18n = require('./i18n-67fd458f.js');
-const store = require('./store-6ec4d0d2.js');
+const i18n = require('./i18n-c0a655bf.js');
+const store = require('./store-8489a70a.js');
 
-const grwAppCss = ".material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:\"Roboto\";color:var(--color-on-surface);overflow:hidden;line-height:initial;max-width:100vw;max-height:100vh}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.header-container .header-top,.large-view-header-container .header-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:64px}.header-container .arrow-back-icon,.large-view-header-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:12px}.header-container .arrow-back-icon:hover,.large-view-header-container .arrow-back-icon:hover{-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}.header-container .header-left-container,.large-view-header-container .header-left-container{margin-left:8px}.header-container .header-right-container,.large-view-header-container .header-right-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:8px}.header-container .header-right-container .margin-right-icon,.large-view-header-container .header-right-container .margin-right-icon{margin-right:8px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{font-size:24px;font-weight:400;line-height:40px;color:var(--color-on-surface);text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.handle-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-filters-container .handle-filters-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;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;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-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}.handle-filters-container .handle-filters-button span{font-size:18px;font-family:\"Material Symbols Outlined\"}.handle-filters-container .current-treks-within-bounds-length{margin-left:12px;color:var(--color-on-surface)}.filters-container{background-color:var(--color-background);position:absolute;width:100%;padding:16px 0px 32px 0px;z-index:1100}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:calc(100% - 64px);position:absolute;z-index:1099;top:64px}.divider{margin:16px;border-top:1px solid var(--color-outline)}.init-loader-container,.loader-container,.large-view-loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - 64px - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px - 64px)}.content-trek{height:calc(100% - 64px)}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-family:\"Material Symbols Outlined\";font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}grw-treks-list{max-height:calc(100vh - 64px - 64px)}grw-trek-detail{max-height:calc(100vh - 64px - 48px)}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}";
+const grwAppCss = ".material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:\"Roboto\";color:var(--color-on-surface);overflow:hidden;line-height:initial;max-width:100vw;max-height:100vh}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.header-container .header-top,.large-view-header-container .header-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:64px}.header-container .arrow-back-icon,.large-view-header-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:12px}.header-container .arrow-back-icon:hover,.large-view-header-container .arrow-back-icon:hover{-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}.header-container .header-left-container,.large-view-header-container .header-left-container{margin-left:8px}.header-container .header-right-container,.large-view-header-container .header-right-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:8px}.header-container .header-right-container .margin-right-icon,.large-view-header-container .header-right-container .margin-right-icon{margin-right:8px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{font-size:24px;font-weight:400;line-height:40px;color:var(--color-on-surface);text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.handle-search-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-search-filters-container .handle-filters-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;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;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-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}.handle-search-filters-container .handle-filters-button span{font-size:18px;font-family:\"Material Symbols Outlined\"}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-options-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 48px - 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)}.init-loader-container,.loader-container,.large-view-loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - 64px - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px - 64px)}.content-trek{height:calc(100% - 64px)}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-family:\"Material Symbols Outlined\";font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}grw-treks-list{max-height:calc(100vh - 64px - 64px)}grw-trek-detail{max-height:calc(100vh - 64px - 48px)}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}.filters-options-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:48px}.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}";
 
 const GrwApp = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.resetFilter = index.createEvent(this, "resetFilter", 7);
     this.largeViewSize = 1024;
     this.handlePopStateBind = this.handlePopState.bind(this);
     this.showTrek = false;
@@ -142,12 +143,13 @@ const GrwApp = class {
       this.showTreksMap = !this.showTreksMap;
     }
   }
-  // handleEraseFilters() {
-  //   console.log('handleEraseFilters');
-  // }
-  // handleOkFilters() {
-  //   console.log('handleOkFilters');
-  // }
+  handleEraseFilters() {
+    this.resetFilter.emit();
+    store.state.currentTreks = store.state.treks;
+  }
+  handleOkFilters() {
+    this.handleFilters();
+  }
   disconnectedCallback() {
     store.reset();
     window.removeEventListener('popstate', this.handlePopStateBind);
@@ -171,7 +173,7 @@ const GrwApp = class {
         '--fab-color': this.fabColor,
         '--app-width': this.appWidth,
         '--app-height': this.appHeight,
-      } }, !store.state.currentTreks && !store.state.currentTrek && (index.h("div", { class: "init-loader-container" }, index.h("span", { class: "loader" }))), !this.showTrek && !store.state.treks && (index.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 && !store.state.currentTrek && (index.h("grw-trek-provider", { api: this.api, languages: this.languages, "trek-id": this.currentTrekId })), (store.state.currentTreks || store.state.currentTrek) && (index.h("div", { class: "app-container" }, index.h("div", { class: this.isLargeView ? 'large-view-header-container' : 'header-container' }, index.h("div", { class: "header-top" }, index.h("div", { class: "header-left-container" }, this.showTrek ? (index.h("button", { onClick: () => this.handleBackButton(), class: "arrow-back-icon" }, index.h("span", { class: "material-symbols-outlined" }, "arrow_back"))) : (index.h("div", { class: "attribution-container" }, index.h("a", { target: "_blank", href: this.linkTarget }, this.linkName)))), index.h("div", { class: "header-right-container" }, store.state.languages.length > 1 && index.h("grw-select-language", null))), !this.showTrek && (index.h("div", { class: "handle-filters-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("button", { onClick: () => this.handleFilters(), class: "handle-filters-button" }, index.h("span", { class: "material-symbols-outlined margin-right-icon" }, "filter_list"), i18n.translate[store.state.language].filter)))), index.h("div", { class: `content-container ${this.showTrek ? 'content-trek' : 'content-treks'}` }, index.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' } }, index.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 && !store.state.currentTrek && (index.h("div", { class: this.isLargeView ? 'large-view-loader-container' : 'loader-container' }, index.h("span", { class: "loader" }))), store.state.currentTrek && (index.h("div", { class: this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container' }, index.h("grw-trek-detail", { "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, style: { zIndex: this.showTrekMap ? '0' : '1' }, "is-large-view": this.isLargeView }))), index.h("grw-map", { "reset-store-on-disconnected": "false", class: this.isLargeView ? 'large-view-app-map-container' : 'app-map-container', style: {
+      } }, !store.state.currentTreks && !store.state.currentTrek && (index.h("div", { class: "init-loader-container" }, index.h("span", { class: "loader" }))), !this.showTrek && !store.state.treks && (index.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 && !store.state.currentTrek && (index.h("grw-trek-provider", { api: this.api, languages: this.languages, "trek-id": this.currentTrekId })), (store.state.currentTreks || store.state.currentTrek) && (index.h("div", { class: "app-container" }, index.h("div", { class: this.isLargeView ? 'large-view-header-container' : 'header-container' }, index.h("div", { class: "header-top" }, index.h("div", { class: "header-left-container" }, this.showTrek ? (index.h("button", { onClick: () => this.handleBackButton(), class: "arrow-back-icon" }, index.h("span", { class: "material-symbols-outlined" }, "arrow_back"))) : (index.h("div", { class: "attribution-container" }, index.h("a", { target: "_blank", href: this.linkTarget }, this.linkName)))), index.h("div", { class: "header-right-container" }, store.state.languages.length > 1 && index.h("grw-select-language", null))), !this.showTrek && (index.h("div", { class: "handle-search-filters-container" }, index.h("div", { class: "handle-search-container" }, index.h("grw-search", null)), index.h("div", { class: "handle-filters-container" }, index.h("button", { onClick: () => this.handleFilters(), class: "handle-filters-button" }, index.h("span", { class: "material-symbols-outlined margin-right-icon" }, "filter_list"), i18n.translate[store.state.language].filter))))), index.h("div", { class: `content-container ${this.showTrek ? 'content-trek' : 'content-treks'}` }, index.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' } }, index.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 && !store.state.currentTrek && (index.h("div", { class: this.isLargeView ? 'large-view-loader-container' : 'loader-container' }, index.h("span", { class: "loader" }))), store.state.currentTrek && (index.h("div", { class: this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container' }, index.h("grw-trek-detail", { "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, style: { zIndex: this.showTrekMap ? '0' : '1' }, "is-large-view": this.isLargeView }))), index.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',
       }, "url-layer": this.urlLayer, center: this.center, zoom: this.zoom, attribution: this.attribution, "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-departure-icon": this.colorDepartureIcon, "color-arrival-icon": this.colorArrivalIcon, "color-sensitive-area": this.colorSensitiveArea, "color-poi-icon": this.colorPoiIcon, "is-large-view": this.isLargeView })), (!this.showTrek || (this.showTrek && store.state.currentTrek)) && (index.h("div", { class: "map-visibility-button-container" }, index.h("button", { onClick: () => this.handleShowMap(), class: "map-visibility-button", style: { display: this.isLargeView ? 'none' : 'flex' } }, index.h("span", { class: "material-symbols-outlined" }, this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'), this.showTrek
@@ -180,7 +182,7 @@ const GrwApp = class {
         : i18n.translate[store.state.language].showRoute
       : this.showTreksMap
         ? i18n.translate[store.state.language].showList
-        : i18n.translate[store.state.language].showMap))))), !this.showTrek && this.showFilters && (index.h("div", { class: "options-container" }, index.h("div", { class: "filters-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].practice, filterType: "practices", filterNameProperty: "name" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].difficulty, filterType: "difficulties", filterNameProperty: "label" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].duration, filterType: "durations", filterNameProperty: "name" })), index.h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" })))));
+        : i18n.translate[store.state.language].showMap))))), !this.showTrek && this.showFilters && (index.h("div", { class: "options-container" }, index.h("div", { class: "filters-container" }, index.h("div", { class: "filters-options-buttons-container" }, index.h("button", { class: "filter-option-button", onClick: () => this.handleEraseFilters() }, "Effacer"), index.h("button", { class: "filter-option-button", onClick: () => this.handleOkFilters() }, "Ok")), index.h("div", { class: "filters-options-container" }, index.h("grw-filter", { filterName: i18n.translate[store.state.language].practice, filterType: "practices", filterNameProperty: "name" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].difficulty, filterType: "difficulties", filterNameProperty: "label" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].duration, filterType: "durations", filterNameProperty: "name" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].length, filterType: "lengths", filterNameProperty: "name" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].elevation, filterType: "elevations", filterNameProperty: "name" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].themes, filterType: "themes", filterNameProperty: "label" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].routes, filterType: "routes", filterNameProperty: "route" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].others, filterType: "labels", filterNameProperty: "name" }), index.h("div", { class: "divider" }), index.h("grw-filter", { filterName: i18n.translate[store.state.language].cities, filterType: "cities", filterNameProperty: "name" }))), index.h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" })))));
   }
   get appElement() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/grw-app.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"grw-app.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,SAAS,GAAG,69MAA69M;;MCSl+M,MAAM;;;IAkDjB,kBAAa,GAAG,IAAI,CAAC;IACrB,uBAAkB,GAAyB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBAjDtD,KAAK;wBACD,KAAK;uBACN,KAAK;uBACL,KAAK;uBACL,KAAK;;oBAED,MAAM;qBACL,OAAO;;qBAEf,IAAI;;;;;;;;;;;;;oBAaL,SAAS;sBACP,oBAAoB;mBACvB,KAAK;2BAEG,SAAS;0BACV,SAAS;wBACX,SAAS;0BACP,SAAS;+BACJ,SAAS;iCACP,SAAS;iCACT,SAAS;mCACP,SAAS;mCACT,SAAS;qCACP,SAAS;2BACnB,SAAS;qCACC,SAAS;oCACV,SAAS;8BACf,SAAS;oBACnB,SAAS;yBAEJ,SAAS;8BACJ,SAAS;4BACX,SAAS;8BACP,SAAS;wBACf,SAAS;;EAMhC,eAAe,CAAC,KAA0B;IACxC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC;IAClC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC/B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IACzB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IAChD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;GACvC;EAGD,cAAc;IACZ,IAAI,CAAC,UAAU,EAAE,CAAC;GACnB;EAGD,aAAa;IACX,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;MACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KACzB;GACF;EAGD,gBAAgB;IACd,MAAM,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;GAClD;EAED,iBAAiB;IACf,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/C,IAAI,SAAS,EAAE;MACb,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,wBAAwB,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;MACzE,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;MACvC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;KAChC;GACF;EAED,gBAAgB;IACdA,cAAQ,CAAC,kBAAkB,EAAE;MAC3B,IAAIC,WAAK,CAAC,gBAAgB,EAAE;QAC1B,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACxC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,WAAW,CAAC,CAAC;QACjD,IAAI,CAAC,kBAAkB,EAAE,CAAC;OAC3B;KACF,CAAC,CAAC;IACH,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IACpE,IAAI,CAAC,UAAU,EAAE,CAAC;GACnB;EAED,kBAAkB;IAChBA,WAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;GAChC;EAED,UAAU;IACR,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC;IACvF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC;IACrC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;GACrC;EAED,aAAa;IACX,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;GACtC;EAED,gBAAgB;IACd,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE;MACzE,IAAI,CAAC,kBAAkB,EAAE,CAAC;MAC1B,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;MAChD,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;MAChC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;KACvC;SAAM;MACL,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACvB;GACF;EAED,cAAc;IACZ,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,IAAI,SAAS,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE;MACjD,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;MAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KACtB;SAAM,IAAI,CAAC,SAAS,EAAE;MACrB,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;GACF;EAED,aAAa;IACX,IAAI,IAAI,CAAC,aAAa,EAAE;MACtB,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;KACtC;SAAM;MACL,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;KACxC;GACF;;;;;;;EAUD,oBAAoB;IAClBC,WAAK,EAAE,CAAC;IACR,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;GACjE;EAED,MAAM;IACJ,QACEC,QAACC,UAAI,IACH,KAAK,EAAE;QACL,qBAAqB,EAAE,IAAI,CAAC,eAAe;QAC3C,oBAAoB,EAAE,IAAI,CAAC,cAAc;QACzC,iBAAiB,EAAE,IAAI,CAAC,YAAY;QACpC,oBAAoB,EAAE,IAAI,CAAC,cAAc;QACzC,yBAAyB,EAAE,IAAI,CAAC,mBAAmB;QACnD,4BAA4B,EAAE,IAAI,CAAC,qBAAqB;QACxD,2BAA2B,EAAE,IAAI,CAAC,qBAAqB;QACvD,8BAA8B,EAAE,IAAI,CAAC,uBAAuB;QAC5D,6BAA6B,EAAE,IAAI,CAAC,uBAAuB;QAC3D,gCAAgC,EAAE,IAAI,CAAC,yBAAyB;QAChE,oBAAoB,EAAE,IAAI,CAAC,eAAe;QAC1C,gCAAgC,EAAE,IAAI,CAAC,yBAAyB;QAChE,+BAA+B,EAAE,IAAI,CAAC,wBAAwB;QAC9D,wBAAwB,EAAE,IAAI,CAAC,kBAAkB;QACjD,aAAa,EAAE,IAAI,CAAC,QAAQ;QAC5B,aAAa,EAAE,IAAI,CAAC,QAAQ;QAC5B,cAAc,EAAE,IAAI,CAAC,SAAS;OAC/B,IAEA,CAACH,WAAK,CAAC,YAAY,IAAI,CAACA,WAAK,CAAC,WAAW,KACxCE,iBAAK,KAAK,EAAC,uBAAuB,IAChCA,kBAAM,KAAK,EAAC,QAAQ,GAAQ,CACxB,CACP,EACA,CAAC,IAAI,CAAC,QAAQ,IAAI,CAACF,WAAK,CAAC,KAAK,KAC7BE,gCACE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,SAAS,EAAE,IAAI,CAAC,SAAS,aAChB,IAAI,CAAC,MAAM,EACpB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAE,IAAI,CAAC,SAAS,GACL,CACvB,EACA,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,IAAI,CAACF,WAAK,CAAC,WAAW,KACxDE,+BAAmB,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,aAAW,IAAI,CAAC,aAAa,GAAsB,CAC/G,EACA,CAACF,WAAK,CAAC,YAAY,IAAIA,WAAK,CAAC,WAAW,MACvCE,iBAAK,KAAK,EAAC,eAAe,IACxBA,iBAAK,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,6BAA6B,GAAG,kBAAkB,IAC/EA,iBAAK,KAAK,EAAC,YAAY,IACrBA,iBAAK,KAAK,EAAC,uBAAuB,IAC/B,IAAI,CAAC,QAAQ,IACZA,oBAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAC,iBAAiB,IACrEA,kBAAM,KAAK,EAAC,2BAA2B,iBAAkB,CAClD,KAETA,iBAAK,KAAK,EAAC,uBAAuB,IAChCA,eAAG,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,UAAU,IACrC,IAAI,CAAC,QAAQ,CACZ,CACA,CACP,CACG,EACNA,iBAAK,KAAK,EAAC,wBAAwB,IAAEF,WAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAIE,oCAA2C,CAAO,CACjH,EACL,CAAC,IAAI,CAAC,QAAQ,KACbA,iBAAK,KAAK,EAAC,0BAA0B,IAClCF,WAAK,CAAC,iBAAiB,KACtBE,iBAAK,KAAK,EAAC,oCAAoC,IAAE,GAAGF,WAAK,CAAC,iBAAiB,CAAC,MAAM,IAChFA,WAAK,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,GAAGI,cAAS,CAACJ,WAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAGI,cAAS,CAACJ,WAAK,CAAC,QAAQ,CAAC,CAAC,IACnG,EAAE,CAAO,CACV,EACDE,oBAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAC,uBAAuB,IACxEA,kBAAM,KAAK,EAAC,6CAA6C,kBAAmB,EAC3EE,cAAS,CAACJ,WAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC1B,CACL,CACP,CACG,EAENE,iBAAK,KAAK,EAAE,qBAAqB,IAAI,CAAC,QAAQ,GAAG,cAAc,GAAG,eAAe,EAAE,IACjFA,iBACE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,qCAAqC,GAAG,0BAA0B,EAC5F,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,UAAU,EAAE,IAEtGA,2DAC8B,OAAO,mBACpB,IAAI,CAAC,WAAW,uBACZ,IAAI,CAAC,eAAe,sBACrB,IAAI,CAAC,cAAc,+BACV,IAAI,CAAC,uBAAuB,kCACzB,IAAI,CAAC,yBAAyB,iCAC/B,IAAI,CAAC,wBAAwB,GAC1C,CACd,EACL,IAAI,CAAC,QAAQ,IAAI,CAACF,WAAK,CAAC,WAAW,KAClCE,iBAAK,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,6BAA6B,GAAG,kBAAkB,IAC/EA,kBAAM,KAAK,EAAC,QAAQ,GAAQ,CACxB,CACP,EACAF,WAAK,CAAC,WAAW,KAChBE,iBAAK,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,sCAAsC,GAAG,2BAA2B,IACjGA,4DAC8B,OAAO,uBAChB,IAAI,CAAC,eAAe,sBACrB,IAAI,CAAC,cAAc,6BACZ,IAAI,CAAC,qBAAqB,gCACvB,IAAI,CAAC,uBAAuB,+BAC7B,IAAI,CAAC,uBAAuB,kCACzB,IAAI,CAAC,yBAAyB,sBAC1C,IAAI,CAAC,eAAe,EACtC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,GAAG,EAAE,mBAChC,IAAI,CAAC,WAAW,GACd,CACf,CACP,EACDA,oDAC8B,OAAO,EACnC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,8BAA8B,GAAG,mBAAmB,EAC9E,KAAK,EAAE;QACL,UAAU,EAAE,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ,MAAM,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ;QACnI,MAAM,EAAE,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,GAAG;OACrC,eACU,IAAI,CAAC,QAAQ,EACxB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,uBACV,IAAI,CAAC,eAAe,sBACrB,IAAI,CAAC,cAAc,6BACZ,IAAI,CAAC,qBAAqB,gCACvB,IAAI,CAAC,uBAAuB,sBACtC,IAAI,CAAC,eAAe,qBACrB,IAAI,CAAC,aAAa,0BACb,IAAI,CAAC,kBAAkB,wBACzB,IAAI,CAAC,gBAAgB,0BACnB,IAAI,CAAC,kBAAkB,oBAC7B,IAAI,CAAC,YAAY,mBAClB,IAAI,CAAC,WAAW,GACtB,CACP,EACL,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,IAAIF,WAAK,CAAC,WAAW,CAAC,MACtDE,iBAAK,KAAK,EAAC,iCAAiC,IAC1CA,oBAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,MAAM,EAAE,IAC/HA,kBAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,GAAG,WAAW,GAAG,KAAK,IAAI,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,KAAK,CAAQ,EAC7I,IAAI,CAAC,QAAQ;QACV,IAAI,CAAC,WAAW;UACdE,cAAS,CAACJ,WAAK,CAAC,QAAQ,CAAC,CAAC,WAAW;UACrCI,cAAS,CAACJ,WAAK,CAAC,QAAQ,CAAC,CAAC,SAAS;QACrC,IAAI,CAAC,YAAY;UACjBI,cAAS,CAACJ,WAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ;UAClCI,cAAS,CAACJ,WAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,CAC9B,CACL,CACP,CACG,CACP,EACA,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,KACjCE,iBAAK,KAAK,EAAC,mBAAmB,IAS5BA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,wBAAY,UAAU,EAAEE,cAAS,CAACJ,WAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAC,WAAW,EAAC,kBAAkB,EAAC,MAAM,GAAc,EAC1HE,iBAAK,KAAK,EAAC,SAAS,GAAO,EAC3BA,wBAAY,UAAU,EAAEE,cAAS,CAACJ,WAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,EAAE,UAAU,EAAC,cAAc,EAAC,kBAAkB,EAAC,OAAO,GAAc,EAChIE,iBAAK,KAAK,EAAC,SAAS,GAAO,EAC3BA,wBAAY,UAAU,EAAEE,cAAS,CAACJ,WAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAC,WAAW,EAAC,kBAAkB,EAAC,MAAM,GAAc,CACtH,EACNE,iBAAK,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAC,wBAAwB,GAAO,CAC3E,CACP,CACI,EACP;GACH;;;;;;;;;;","names":["onChange","state","reset","h","Host","translate"],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  font-family: 'Roboto';\n  color: var(--color-on-surface);\n  overflow: hidden;\n  line-height: initial;\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.app-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n  background-color: var(--color-background);\n  box-shadow: var(--elevation-2);\n  .header-top {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    height: 64px;\n  }\n  .arrow-back-icon {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    color: var(--color-on-surface);\n    border: none;\n    background-color: var(--color-background);\n    border-radius: 50%;\n    height: 48px;\n    width: 48px;\n    padding: 12px;\n    &:hover {\n      box-shadow: var(--elevation-1);\n    }\n  }\n  .header-left-container {\n    margin-left: 8px;\n  }\n  .header-right-container {\n    display: flex;\n    align-items: center;\n    margin-right: 8px;\n    .margin-right-icon {\n      margin-right: 8px;\n    }\n  }\n  .attribution-container {\n    a {\n      font-size: 24px;\n      font-weight: 400;\n      line-height: 40px;\n      color: var(--color-on-surface);\n      text-decoration: none;\n    }\n  }\n}\n\n.options-container {\n  height: calc(100% - 64px);\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n  top: 64px;\n}\n\n.handle-filters-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0px 16px;\n  height: 64px;\n  .handle-filters-button {\n    user-select: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background-color: var(--color-background);\n    color: var(--color-on-surface);\n    padding: 12px 24px;\n    border-radius: 20px;\n    box-sizing: border-box;\n    position: relative;\n    gap: 8px;\n    white-space: nowrap;\n    line-height: 20px;\n    letter-spacing: 0.10000000149011612px;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: var(--elevation-1);\n    transition: box-shadow 0.2s ease-in-out 0s;\n    span {\n      font-size: 18px;\n      font-family: 'Material Symbols Outlined';\n    }\n  }\n  .current-treks-within-bounds-length {\n    margin-left: 12px;\n    color: var(--color-on-surface);\n  }\n}\n\n.filters-container {\n  background-color: var(--color-background);\n  position: absolute;\n  width: 100%;\n  padding: 16px 0px 32px 0px;\n  z-index: 1100;\n}\n\n.back-filters-container {\n  background-color: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: calc(100% - 64px);\n  position: absolute;\n  z-index: 1099;\n  top: 64px;\n}\n\n.divider {\n  margin: 16px;\n  border-top: 1px solid var(--color-outline);\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  background-color: var(--color-background);\n  .loader {\n    width: 48px;\n    height: 48px;\n    border: 5px solid var(--color-primary-container);\n    border-bottom-color: var(--color-on-primary-container);\n    border-radius: 50%;\n    display: inline-block;\n    box-sizing: border-box;\n    animation: rotation 1s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}\n\n.content-container {\n  position: relative;\n  display: flex;\n  height: calc(100% - 64px - 64px);\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - 64px - 64px);\n}\n\n.content-trek {\n  height: calc(100% - 64px);\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  z-index: 4;\n  .map-visibility-button {\n    cursor: pointer;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    text-decoration: none;\n    padding: 16px;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    box-shadow: var(--elevation-1);\n    border-radius: 12px;\n    height: 56px;\n    font-size: 16px;\n    width: unset;\n    &:hover {\n      box-shadow: var(--elevation-4);\n    }\n    span {\n      font-family: 'Material Symbols Outlined';\n      font-size: 24px;\n      margin-right: 8px;\n      color: var(--color-on-primary-container);\n    }\n  }\n}\n\n.init-loader-container,\n.loader-container {\n  width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n  width: 100%;\n}\n\ngrw-treks-list {\n  max-height: calc(100vh - 64px - 64px);\n}\n\ngrw-trek-detail {\n  max-height: calc(100vh - 64px - 48px);\n}\n\n.app-map-container {\n  width: 100%;\n  position: absolute;\n}\n\n.large-view-loader-container {\n  width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() appElement: HTMLElement;\n  @State() showTrek = false;\n  @State() showTreksMap = false;\n  @State() showTrekMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() currentTrekId: number;\n  @Prop() appWidth: string = '100%';\n  @Prop() appHeight: string = '100vh';\n  @Prop() api: string;\n  @Prop() languages = 'fr';\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  @Prop() urlLayer: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() attribution: string;\n  @Prop() linkName = 'GEOTREK';\n  @Prop() linkTarget = 'https://geotrek.fr';\n  @Prop() weather = false;\n\n  @Prop() colorPrimaryApp = '#6750a4';\n  @Prop() colorOnPrimary = '#ffffff';\n  @Prop() colorSurface = '#1c1b1f';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSurfaceVariant = '#fef7ff';\n  @Prop() colorOnSurfaceVariant = '#1c1b1f';\n  @Prop() colorPrimaryContainer = '#eaddff';\n  @Prop() colorOnPrimaryContainer = '#21005e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorBackground = '#fef7ff';\n  @Prop() colorSurfaceContainerHigh = '#ece6f0';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n\n  @Prop() colorTrekLine = '#6b0030';\n  @Prop() colorDepartureIcon = '#006b3b';\n  @Prop() colorArrivalIcon = '#85003b';\n  @Prop() colorSensitiveArea = '#4974a5';\n  @Prop() colorPoiIcon = '#974c6e';\n\n  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\n    this.currentTrekId = event.detail;\n    this.showTrek = !this.showTrek;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  @Listen('centerOnMap', { target: 'window' })\n  onCenterOnMap() {\n    if (!this.isLargeView) {\n      this.showTrekMap = true;\n    }\n  }\n\n  @Watch('isLargeView')\n  watchPropHandler() {\n    window.dispatchEvent(new window.Event('resize'));\n  }\n\n  componentWillLoad() {\n    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\n      this.currentTrekId = Number(trekParam);\n      this.showTrek = !this.showTrek;\n    }\n  }\n\n  componentDidLoad() {\n    onChange('trekNetworkError', () => {\n      if (state.trekNetworkError) {\n        const urlRedirect = new URL(window.location.toString());\n        urlRedirect.searchParams.delete('trek');\n        window.history.replaceState({}, '', urlRedirect);\n        this.onTrekDetailsClose();\n      }\n    });\n    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onTrekDetailsClose() {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = !this.showTrek;\n  }\n\n  handleView() {\n    this.isLargeView = this.appElement.getBoundingClientRect().width >= this.largeViewSize;\n    this.showTreksMap = this.isLargeView;\n    this.showTrekMap = this.isLargeView;\n  }\n\n  handleFilters() {\n    this.showFilters = !this.showFilters;\n  }\n\n  handleBackButton() {\n    if (window.history.state && window.history.state.isInitialHistoryWithTrek) {\n      this.onTrekDetailsClose();\n      const url = new URL(window.location.toString());\n      url.searchParams.delete('trek');\n      window.history.pushState({}, '', url);\n    } else {\n      window.history.back();\n    }\n  }\n\n  handlePopState() {\n    const url = new URL(window.location.toString());\n    const trekParam = Number(url.searchParams.get('trek'));\n    if (trekParam && this.currentTrekId !== trekParam) {\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam) {\n      this.onTrekDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else {\n      this.showTreksMap = !this.showTreksMap;\n    }\n  }\n\n  // handleEraseFilters() {\n  //   console.log('handleEraseFilters');\n  // }\n\n  // handleOkFilters() {\n  //   console.log('handleOkFilters');\n  // }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-primary': this.colorOnPrimary,\n          '--color-surface': this.colorSurface,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-surface-variant': this.colorSurfaceVariant,\n          '--color-on-surface-variant': this.colorOnSurfaceVariant,\n          '--color-primary-container': this.colorPrimaryContainer,\n          '--color-on-primary-container': this.colorOnPrimaryContainer,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-background': this.colorBackground,\n          '--color-surface-container-high': this.colorSurfaceContainerHigh,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n          '--fab-background-color': this.fabBackgroundColor,\n          '--fab-color': this.fabColor,\n          '--app-width': this.appWidth,\n          '--app-height': this.appHeight,\n        }}\n      >\n        {!state.currentTreks && !state.currentTrek && (\n          <div class=\"init-loader-container\">\n            <span class=\"loader\"></span>\n          </div>\n        )}\n        {!this.showTrek && !state.treks && (\n          <grw-treks-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n            routes={this.routes}\n            practices={this.practices}\n          ></grw-treks-provider>\n        )}\n        {this.showTrek && this.currentTrekId && !state.currentTrek && (\n          <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n        )}\n        {(state.currentTreks || state.currentTrek) && (\n          <div class=\"app-container\">\n            <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n              <div class=\"header-top\">\n                <div class=\"header-left-container\">\n                  {this.showTrek ? (\n                    <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                      <span class=\"material-symbols-outlined\">arrow_back</span>\n                    </button>\n                  ) : (\n                    <div class=\"attribution-container\">\n                      <a target=\"_blank\" href={this.linkTarget}>\n                        {this.linkName}\n                      </a>\n                    </div>\n                  )}\n                </div>\n                <div class=\"header-right-container\">{state.languages.length > 1 && <grw-select-language></grw-select-language>}</div>\n              </div>\n              {!this.showTrek && (\n                <div class=\"handle-filters-container\">\n                  {state.treksWithinBounds && (\n                    <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n                      state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n                    }`}</div>\n                  )}\n                  <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n                    <span class=\"material-symbols-outlined margin-right-icon\">filter_list</span>\n                    {translate[state.language].filter}\n                  </button>\n                </div>\n              )}\n            </div>\n\n            <div class={`content-container ${this.showTrek ? 'content-trek' : 'content-treks'}`}>\n              <div\n                class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n                style={{ display: this.showTrek ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\n                <grw-treks-list\n                  reset-store-on-disconnected=\"false\"\n                  is-large-view={this.isLargeView}\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                ></grw-treks-list>\n              </div>\n              {this.showTrek && !state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n                  <span class=\"loader\"></span>\n                </div>\n              )}\n              {state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n                  <grw-trek-detail\n                    reset-store-on-disconnected=\"false\"\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-background={this.colorBackground}\n                    weather={this.weather}\n                    style={{ zIndex: this.showTrekMap ? '0' : '1' }}\n                    is-large-view={this.isLargeView}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              <grw-map\n                reset-store-on-disconnected=\"false\"\n                class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n                style={{\n                  visibility: (this.showTreksMap && !this.showTrek) || (this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                  zIndex: this.showTrekMap ? '1' : '0',\n                }}\n                url-layer={this.urlLayer}\n                center={this.center}\n                zoom={this.zoom}\n                attribution={this.attribution}\n                color-primary-app={this.colorPrimaryApp}\n                color-on-surface={this.colorOnSurface}\n                color-primary-container={this.colorPrimaryContainer}\n                color-on-primary-container={this.colorOnPrimaryContainer}\n                color-background={this.colorBackground}\n                color-trek-line={this.colorTrekLine}\n                color-departure-icon={this.colorDepartureIcon}\n                color-arrival-icon={this.colorArrivalIcon}\n                color-sensitive-area={this.colorSensitiveArea}\n                color-poi-icon={this.colorPoiIcon}\n                is-large-view={this.isLargeView}\n              ></grw-map>\n            </div>\n            {(!this.showTrek || (this.showTrek && state.currentTrek)) && (\n              <div class=\"map-visibility-button-container\">\n                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  <span class=\"material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n                  {this.showTrek\n                    ? this.showTrekMap\n                      ? translate[state.language].showDetails\n                      : translate[state.language].showRoute\n                    : this.showTreksMap\n                    ? translate[state.language].showList\n                    : translate[state.language].showMap}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && (\n          <div class=\"options-container\">\n            {/* <div class=\"filters-buttons-container\">\n              <button class=\"filter-button\" onClick={() => this.handleEraseFilters()}>\n                Effacer\n              </button>\n              <button class=\"filter-button\" onClick={() => this.handleOkFilters()}>\n                Ok\n              </button>\n            </div> */}\n            <div class=\"filters-container\">\n              <grw-filter filterName={translate[state.language].practice} filterType=\"practices\" filterNameProperty=\"name\"></grw-filter>\n              <div class=\"divider\"></div>\n              <grw-filter filterName={translate[state.language].difficulty} filterType=\"difficulties\" filterNameProperty=\"label\"></grw-filter>\n              <div class=\"divider\"></div>\n              <grw-filter filterName={translate[state.language].duration} filterType=\"durations\" filterNameProperty=\"name\"></grw-filter>\n            </div>\n            <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"grw-app.entry.cjs.js","mappings":"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","names":["onChange","state","reset","h","Host","translate"],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  font-family: 'Roboto';\n  color: var(--color-on-surface);\n  overflow: hidden;\n  line-height: initial;\n  max-width: 100vw;\n  max-height: 100vh;\n}\n\n.app-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n  background-color: var(--color-background);\n  box-shadow: var(--elevation-2);\n  .header-top {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    height: 64px;\n  }\n  .arrow-back-icon {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    color: var(--color-on-surface);\n    border: none;\n    background-color: var(--color-background);\n    border-radius: 50%;\n    height: 48px;\n    width: 48px;\n    padding: 12px;\n    &:hover {\n      box-shadow: var(--elevation-1);\n    }\n  }\n  .header-left-container {\n    margin-left: 8px;\n  }\n  .header-right-container {\n    display: flex;\n    align-items: center;\n    margin-right: 8px;\n    .margin-right-icon {\n      margin-right: 8px;\n    }\n  }\n  .attribution-container {\n    a {\n      font-size: 24px;\n      font-weight: 400;\n      line-height: 40px;\n      color: var(--color-on-surface);\n      text-decoration: none;\n    }\n  }\n}\n\n.options-container {\n  height: calc(100% - 64px);\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n  top: 64px;\n}\n\n.handle-search-filters-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0px 16px;\n  height: 64px;\n  .handle-filters-button {\n    user-select: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background-color: var(--color-background);\n    color: var(--color-on-surface);\n    padding: 12px 24px;\n    border-radius: 20px;\n    box-sizing: border-box;\n    position: relative;\n    gap: 8px;\n    white-space: nowrap;\n    line-height: 20px;\n    letter-spacing: 0.10000000149011612px;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: var(--elevation-1);\n    transition: box-shadow 0.2s ease-in-out 0s;\n    span {\n      font-size: 18px;\n      font-family: 'Material Symbols Outlined';\n    }\n  }\n}\n\n.filters-container {\n  background-color: var(--color-background);\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1100;\n}\n\n.filters-options-container {\n  overflow-y: scroll;\n  padding-bottom: 32px;\n  max-height: calc(100% - 48px - 32px);\n}\n\n.back-filters-container {\n  background-color: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 1099;\n}\n\n.divider {\n  margin: 16px;\n  border-top: 1px solid var(--color-outline);\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  background-color: var(--color-background);\n  .loader {\n    width: 48px;\n    height: 48px;\n    border: 5px solid var(--color-primary-container);\n    border-bottom-color: var(--color-on-primary-container);\n    border-radius: 50%;\n    display: inline-block;\n    box-sizing: border-box;\n    animation: rotation 1s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}\n\n.content-container {\n  position: relative;\n  display: flex;\n  height: calc(100% - 64px - 64px);\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - 64px - 64px);\n}\n\n.content-trek {\n  height: calc(100% - 64px);\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  z-index: 4;\n  .map-visibility-button {\n    cursor: pointer;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    text-decoration: none;\n    padding: 16px;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    box-shadow: var(--elevation-1);\n    border-radius: 12px;\n    height: 56px;\n    font-size: 16px;\n    width: unset;\n    &:hover {\n      box-shadow: var(--elevation-4);\n    }\n    span {\n      font-family: 'Material Symbols Outlined';\n      font-size: 24px;\n      margin-right: 8px;\n      color: var(--color-on-primary-container);\n    }\n  }\n}\n\n.init-loader-container,\n.loader-container {\n  width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n  width: 100%;\n}\n\ngrw-treks-list {\n  max-height: calc(100vh - 64px - 64px);\n}\n\ngrw-trek-detail {\n  max-height: calc(100vh - 64px - 48px);\n}\n\n.app-map-container {\n  width: 100%;\n  position: absolute;\n}\n\n.large-view-loader-container {\n  width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.filters-options-buttons-container {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  height: 48px;\n  .filter-option-button {\n    cursor: pointer;\n    user-select: none;\n    font-size: 14px;\n    font-weight: 500;\n    margin: 8px 0px 0px 8px;\n    padding: 8px 16px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--elevation-0);\n    border: none;\n    -webkit-tap-highlight-color: transparent;\n    line-height: 20px;\n    color: var(--color-primary);\n    background-color: transparent;\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() appElement: HTMLElement;\n  @Event() resetFilter: EventEmitter;\n  @State() showTrek = false;\n  @State() showTreksMap = false;\n  @State() showTrekMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() currentTrekId: number;\n  @Prop() appWidth: string = '100%';\n  @Prop() appHeight: string = '100vh';\n  @Prop() api: string;\n  @Prop() languages = 'fr';\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  @Prop() urlLayer: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() attribution: string;\n  @Prop() linkName = 'GEOTREK';\n  @Prop() linkTarget = 'https://geotrek.fr';\n  @Prop() weather = false;\n\n  @Prop() colorPrimaryApp = '#6750a4';\n  @Prop() colorOnPrimary = '#ffffff';\n  @Prop() colorSurface = '#1c1b1f';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSurfaceVariant = '#fef7ff';\n  @Prop() colorOnSurfaceVariant = '#1c1b1f';\n  @Prop() colorPrimaryContainer = '#eaddff';\n  @Prop() colorOnPrimaryContainer = '#21005e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorBackground = '#fef7ff';\n  @Prop() colorSurfaceContainerHigh = '#ece6f0';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n\n  @Prop() colorTrekLine = '#6b0030';\n  @Prop() colorDepartureIcon = '#006b3b';\n  @Prop() colorArrivalIcon = '#85003b';\n  @Prop() colorSensitiveArea = '#4974a5';\n  @Prop() colorPoiIcon = '#974c6e';\n\n  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\n    this.currentTrekId = event.detail;\n    this.showTrek = !this.showTrek;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  @Listen('centerOnMap', { target: 'window' })\n  onCenterOnMap() {\n    if (!this.isLargeView) {\n      this.showTrekMap = true;\n    }\n  }\n\n  @Watch('isLargeView')\n  watchPropHandler() {\n    window.dispatchEvent(new window.Event('resize'));\n  }\n\n  componentWillLoad() {\n    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\n      this.currentTrekId = Number(trekParam);\n      this.showTrek = !this.showTrek;\n    }\n  }\n\n  componentDidLoad() {\n    onChange('trekNetworkError', () => {\n      if (state.trekNetworkError) {\n        const urlRedirect = new URL(window.location.toString());\n        urlRedirect.searchParams.delete('trek');\n        window.history.replaceState({}, '', urlRedirect);\n        this.onTrekDetailsClose();\n      }\n    });\n    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onTrekDetailsClose() {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = !this.showTrek;\n  }\n\n  handleView() {\n    this.isLargeView = this.appElement.getBoundingClientRect().width >= this.largeViewSize;\n    this.showTreksMap = this.isLargeView;\n    this.showTrekMap = this.isLargeView;\n  }\n\n  handleFilters() {\n    this.showFilters = !this.showFilters;\n  }\n\n  handleBackButton() {\n    if (window.history.state && window.history.state.isInitialHistoryWithTrek) {\n      this.onTrekDetailsClose();\n      const url = new URL(window.location.toString());\n      url.searchParams.delete('trek');\n      window.history.pushState({}, '', url);\n    } else {\n      window.history.back();\n    }\n  }\n\n  handlePopState() {\n    const url = new URL(window.location.toString());\n    const trekParam = Number(url.searchParams.get('trek'));\n    if (trekParam && this.currentTrekId !== trekParam) {\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam) {\n      this.onTrekDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else {\n      this.showTreksMap = !this.showTreksMap;\n    }\n  }\n\n  handleEraseFilters() {\n    this.resetFilter.emit();\n    state.currentTreks = state.treks;\n  }\n\n  handleOkFilters() {\n    this.handleFilters();\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-primary': this.colorOnPrimary,\n          '--color-surface': this.colorSurface,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-surface-variant': this.colorSurfaceVariant,\n          '--color-on-surface-variant': this.colorOnSurfaceVariant,\n          '--color-primary-container': this.colorPrimaryContainer,\n          '--color-on-primary-container': this.colorOnPrimaryContainer,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-background': this.colorBackground,\n          '--color-surface-container-high': this.colorSurfaceContainerHigh,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n          '--fab-background-color': this.fabBackgroundColor,\n          '--fab-color': this.fabColor,\n          '--app-width': this.appWidth,\n          '--app-height': this.appHeight,\n        }}\n      >\n        {!state.currentTreks && !state.currentTrek && (\n          <div class=\"init-loader-container\">\n            <span class=\"loader\"></span>\n          </div>\n        )}\n        {!this.showTrek && !state.treks && (\n          <grw-treks-provider\n            api={this.api}\n            languages={this.languages}\n            in-bbox={this.inBbox}\n            cities={this.cities}\n            districts={this.districts}\n            structures={this.structures}\n            themes={this.themes}\n            portals={this.portals}\n            routes={this.routes}\n            practices={this.practices}\n          ></grw-treks-provider>\n        )}\n        {this.showTrek && this.currentTrekId && !state.currentTrek && (\n          <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n        )}\n        {(state.currentTreks || state.currentTrek) && (\n          <div class=\"app-container\">\n            <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n              <div class=\"header-top\">\n                <div class=\"header-left-container\">\n                  {this.showTrek ? (\n                    <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                      <span class=\"material-symbols-outlined\">arrow_back</span>\n                    </button>\n                  ) : (\n                    <div class=\"attribution-container\">\n                      <a target=\"_blank\" href={this.linkTarget}>\n                        {this.linkName}\n                      </a>\n                    </div>\n                  )}\n                </div>\n                <div class=\"header-right-container\">{state.languages.length > 1 && <grw-select-language></grw-select-language>}</div>\n              </div>\n              {!this.showTrek && (\n                <div class=\"handle-search-filters-container\">\n                  <div class=\"handle-search-container\">\n                    <grw-search></grw-search>\n                  </div>\n                  <div class=\"handle-filters-container\">\n                    <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n                      <span class=\"material-symbols-outlined margin-right-icon\">filter_list</span>\n                      {translate[state.language].filter}\n                    </button>\n                  </div>\n                </div>\n              )}\n            </div>\n\n            <div class={`content-container ${this.showTrek ? 'content-trek' : 'content-treks'}`}>\n              <div\n                class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n                style={{ display: this.showTrek ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\n                <grw-treks-list\n                  reset-store-on-disconnected=\"false\"\n                  is-large-view={this.isLargeView}\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                ></grw-treks-list>\n              </div>\n              {this.showTrek && !state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n                  <span class=\"loader\"></span>\n                </div>\n              )}\n              {state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n                  <grw-trek-detail\n                    reset-store-on-disconnected=\"false\"\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-background={this.colorBackground}\n                    weather={this.weather}\n                    style={{ zIndex: this.showTrekMap ? '0' : '1' }}\n                    is-large-view={this.isLargeView}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              <grw-map\n                reset-store-on-disconnected=\"false\"\n                class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n                style={{\n                  visibility: (this.showTreksMap && !this.showTrek) || (this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                  zIndex: this.showTrekMap ? '1' : '0',\n                }}\n                url-layer={this.urlLayer}\n                center={this.center}\n                zoom={this.zoom}\n                attribution={this.attribution}\n                color-primary-app={this.colorPrimaryApp}\n                color-on-surface={this.colorOnSurface}\n                color-primary-container={this.colorPrimaryContainer}\n                color-on-primary-container={this.colorOnPrimaryContainer}\n                color-background={this.colorBackground}\n                color-trek-line={this.colorTrekLine}\n                color-departure-icon={this.colorDepartureIcon}\n                color-arrival-icon={this.colorArrivalIcon}\n                color-sensitive-area={this.colorSensitiveArea}\n                color-poi-icon={this.colorPoiIcon}\n                is-large-view={this.isLargeView}\n              ></grw-map>\n            </div>\n            {(!this.showTrek || (this.showTrek && state.currentTrek)) && (\n              <div class=\"map-visibility-button-container\">\n                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  <span class=\"material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n                  {this.showTrek\n                    ? this.showTrekMap\n                      ? translate[state.language].showDetails\n                      : translate[state.language].showRoute\n                    : this.showTreksMap\n                    ? translate[state.language].showList\n                    : translate[state.language].showMap}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && (\n          <div class=\"options-container\">\n            <div class=\"filters-container\">\n              <div class=\"filters-options-buttons-container\">\n                <button class=\"filter-option-button\" onClick={() => this.handleEraseFilters()}>\n                  Effacer\n                </button>\n                <button class=\"filter-option-button\" onClick={() => this.handleOkFilters()}>\n                  Ok\n                </button>\n              </div>\n              <div class=\"filters-options-container\">\n                <grw-filter filterName={translate[state.language].practice} filterType=\"practices\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].difficulty} filterType=\"difficulties\" filterNameProperty=\"label\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].duration} filterType=\"durations\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].elevation} filterType=\"elevations\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].themes} filterType=\"themes\" filterNameProperty=\"label\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].accessibility} filterType=\"accessibilities\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].others} filterType=\"labels\" filterNameProperty=\"name\"></grw-filter>\n                <div class=\"divider\"></div>\n                <grw-filter filterName={translate[state.language].cities} filterType=\"cities\" filterNameProperty=\"name\"></grw-filter>\n              </div>\n            </div>\n            <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-37f5c77b.js');
-const store = require('./store-6ec4d0d2.js');
-const i18n = require('./i18n-67fd458f.js');
+const store = require('./store-8489a70a.js');
+const utils$1 = require('./utils-51ed599a.js');
+const i18n = require('./i18n-c0a655bf.js');
 const pagination = require('./pagination-149c2052.js');
-const utils$1 = require('./utils-15de4c32.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -28,76 +28,31 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-const grwFilterCss = ".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-family:\"Material Symbols Outlined\";font-size:24px;margin-right:8px;color:var(--color-on-secondary-container)}";
+const grwFilterCss = ".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-family:\"Material Symbols Outlined\";font-size:24px;margin-right:8px;color:var(--color-on-secondary-container)}";
 
 const GrwFilter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.filters = [
-      { property: 'practices', trekProperty: 'practice', type: 'include' },
-      { property: 'difficulties', trekProperty: 'difficulty', type: 'include' },
-      { property: 'durations', trekProperty: 'duration', type: 'interval' },
-    ];
     this.filterType = undefined;
     this.filterName = undefined;
     this.filterNameProperty = undefined;
   }
+  onResetFilter() {
+    this.resetFilter();
+  }
   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;
-    let isUsingFilter = false;
-    let filtersTreks = [];
-    for (const filter of this.filters) {
-      const currentFiltersId = store.state[filter.property].filter(currentFilter => currentFilter.selected).map(currentFilter => currentFilter.id);
-      if (currentFiltersId.length > 0) {
-        if (filtersTreks.length > 0) {
-          if (filter.type === 'include') {
-            filtersTreks = [...filtersTreks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];
-          }
-          else if (filter.type === 'interval') {
-            filtersTreks = [
-              ...filtersTreks.filter(trek => {
-                for (const currentFilterId of currentFiltersId) {
-                  const currentFilter = store.state[filter.property].find(property => property.id === currentFilterId);
-                  if (trek[filter.trekProperty] >= currentFilter.minValue && trek[filter.trekProperty] <= currentFilter.maxValue) {
-                    return true;
-                  }
-                }
-                return false;
-              }),
-            ];
-          }
-        }
-        else {
-          if (!isUsingFilter) {
-            isUsingFilter = true;
-          }
-          if (filter.type === 'include') {
-            filtersTreks = [...store.state.treks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];
-          }
-          else if (filter.type === 'interval') {
-            let minValue;
-            let maxValue;
-            for (const currentFilterId of currentFiltersId) {
-              const currentFilter = store.state[filter.property].find(property => property.id === currentFilterId);
-              if (isNaN(minValue) || currentFilter.minValue < minValue) {
-                minValue = currentFilter.minValue;
-              }
-              if (isNaN(maxValue) || currentFilter.maxValue > maxValue) {
-                maxValue = currentFilter.maxValue;
-              }
-            }
-            filtersTreks = [...store.state.treks.filter(trek => trek[filter.trekProperty] >= minValue && trek[filter.trekProperty] <= maxValue)];
-          }
-        }
-      }
-    }
-    store.state.currentTreks = isUsingFilter ? filtersTreks : store.state.treks;
+    store.state.currentTreks = utils$1.handleFiltersAndSearch();
+  }
+  resetFilter() {
+    store.state[this.filterType].forEach(currentFilter => (currentFilter.selected = false));
+    index.forceUpdate(this.filterRef);
   }
   render() {
-    return (index.h(index.Host, null, 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-outlined" }, "check"), currentFilter[this.filterNameProperty]))))));
+    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-outlined" }, "check"), currentFilter[this.filterNameProperty]))))));
   }
 };
 GrwFilter.style = grwFilterCss;
@@ -19383,6 +19338,22 @@ const GrwMap = class {
 };
 GrwMap.style = grwMapCss;
 
+const grwSearchCss = ".material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host span{font-family:\"Material Symbols Outlined\";font-size:24px;position:absolute;left:32px;z-index:20;pointer-events:none}.search-input{background-color:var(--color-surface-container-high);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2);border:none;border-radius:40px;color:var(--color-on-surface);font-size:16px;line-height:24px;font-weight:400;font-family:\"Roboto\";height:44px;padding:0px 16px 0px 48px;outline-color:var(--color-outline)}";
+
+const GrwSearch = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  onSearchChange(event) {
+    store.state.searchValue = event.target.value;
+    store.state.currentTreks = utils$1.handleFiltersAndSearch();
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("span", { class: "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;
+
 const grwSelectLanguageCss = ".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-family:\"Material Symbols Outlined\";font-size:18px}:host #language-select{border:none;background-color:var(--color-background)}:host #language-select:focus-visible{outline:none}";
 
 const GrwSelectLanguage = class {
@@ -20329,6 +20300,7 @@ const GrwTrekProvider = class {
     requests.push(!store.state.practices ? fetch(`${store.state.api}trek_practice/?language=${store.state.language}&fields=id,name,pictogram`, this.init) : new Response('null'));
     requests.push(!store.state.themes ? fetch(`${store.state.api}theme/?language=${store.state.language}&fields=id,label,pictogram`, this.init) : new Response('null'));
     requests.push(!store.state.cities ? fetch(`${store.state.api}city/?language=${store.state.language}&fields=id,name&published=true&page_size=999`, this.init) : new Response('null'));
+    requests.push(!store.state.accessibilities ? fetch(`${store.state.api}trek_accessibility/?language=${store.state.language}&fields=id,name,pictogram`, this.init) : new Response('null'));
     Promise.all([
       ...requests,
       fetch(`${this.api}sensitivearea/?language=${store.state.language}&published=true&trek=${this.trekId}&fields=id,geometry,name,description,contact,info_url,period,practices`, {
@@ -20337,7 +20309,6 @@ const GrwTrekProvider = class {
       }).catch(() => new Response('null')),
       fetch(`${store.state.api}label/?language=${store.state.language}&fields=id,name,advice,pictogram`, this.init),
       fetch(`${store.state.api}source/?language=${store.state.language}&fields=id,name,website,pictogram`, this.init),
-      fetch(`${store.state.api}trek_accessibility/?language=${store.state.language}&fields=id,name,pictogram`, this.init),
       fetch(`${store.state.api}trek_accessibility_level/?language=${store.state.language}&fields=id,name`, this.init).catch(() => new Response('null')),
       fetch(`${store.state.api}poi/?language=${store.state.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,geometry&page_size=999`, {
         cache: 'force-cache',
@@ -20348,7 +20319,7 @@ const GrwTrekProvider = class {
       fetch(`${store.state.api}trek/${this.trekId}/?language=${store.state.language}&published=true&fields=id,name,attachments,description,description_teaser,difficulty,duration,ascent,length_2d,practice,themes,route,geometry,gpx,kml,pdf,parking_location,departure,departure_city,arrival,cities,ambiance,access,public_transport,advice,advised_parking,gear,labels,source,points_reference,disabled_infrastructure,accessibility_level,accessibility_slope,accessibility_width,accessibility_signage,accessibility_covering,accessibility_exposure,accessibility_advice,accessibilities,information_desks`, this.init),
     ])
       .then(responses => Promise.all(responses.map(response => response.json())))
-      .then(([difficulties, routes, practices, themes, cities, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, poiTypes, informationDesks, trek]) => {
+      .then(([difficulties, routes, practices, themes, cities, accessibilities, sensitiveAreas, labels, sources, accessibilitiesLevel, pois, poiTypes, informationDesks, trek]) => {
       store.state.trekNetworkError = false;
       if (difficulties) {
         store.state.difficulties = difficulties.results;
@@ -20365,12 +20336,14 @@ const GrwTrekProvider = class {
       if (cities) {
         store.state.cities = cities.results;
       }
+      if (accessibilities) {
+        store.state.accessibilities = accessibilities.results;
+      }
       if (sensitiveAreas) {
         store.state.currentSensitiveAreas = sensitiveAreas.results;
       }
       store.state.labels = labels.results;
       store.state.sources = sources.results;
-      store.state.accessibilities = accessibilities.results;
       if (accessibilitiesLevel) {
         store.state.accessibilitiesLevel = accessibilitiesLevel.results;
       }
@@ -20392,7 +20365,7 @@ const GrwTrekProvider = class {
   }
 };
 
-const grwTreksListCss = ".material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}:host{font-family:\"Roboto\";width:100%;height:100%;overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}grw-trek-card{margin:0px 8px 8px 8px}.list-bottom-space{min-height:104px;height:104px;width:100%}";
+const grwTreksListCss = ".material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}:host{font-family:\"Roboto\";width:100%;height:100%;overflow-y:auto}grw-trek-card{margin:0px 8px 8px 8px}.list-bottom-space{min-height:104px;height:104px;width:100%}.current-treks-within-bounds-length{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:16px;color:var(--color-on-surface);font-size:22px;line-height:28px;font-weight:400}.treks-list-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}";
 
 const GrwTreksList = class {
   constructor(hostRef) {
@@ -20458,7 +20431,7 @@ const GrwTreksList = class {
     this.handleInfiniteScrollEvent(false);
   }
   render() {
-    return (index.h(index.Host, { style: { '--color-primary-app': this.colorPrimaryApp } }, this.treksToDisplay.map(trek => (index.h("grw-trek-card", { "reset-store-on-disconnected": "false", key: `trek-${trek.id}`, trek: trek, "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 }))), index.h("div", { class: "list-bottom-space" })));
+    return (index.h(index.Host, { style: { '--color-primary-app': this.colorPrimaryApp } }, 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: "treks-list-container" }, this.treksToDisplay.map(trek => (index.h("grw-trek-card", { "reset-store-on-disconnected": "false", key: `trek-${trek.id}`, trek: trek, "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 })))), index.h("div", { class: "list-bottom-space" })));
   }
   get element() { return index.getElement(this); }
 };
@@ -20503,31 +20476,45 @@ const GrwTreksProvider = class {
     this.portals && (treksRequest += `&portals=${this.portals}`);
     this.routes && (treksRequest += `&routes=${this.routes}`);
     this.practices && (treksRequest += `&practices=${this.practices}`);
-    treksRequest += `&fields=id,name,attachments,description_teaser,difficulty,duration,ascent,length_2d,practice,themes,route,departure,departure_city,departure_geom&page_size=999`;
+    treksRequest += `&fields=id,name,attachments,description_teaser,difficulty,duration,ascent,length_2d,practice,themes,route,departure,departure_city,departure_geom,cities,accessibilities,labels&page_size=999`;
     Promise.all([
       fetch(`${store.state.api}trek_difficulty/?language=${store.state.language}&fields=id,label,pictogram`, this.init),
       fetch(`${store.state.api}trek_route/?language=${store.state.language}&fields=id,route,pictogram`, this.init),
       fetch(`${store.state.api}trek_practice/?language=${store.state.language}&fields=id,name,pictogram`, this.init),
       fetch(`${store.state.api}theme/?language=${store.state.language}&fields=id,label,pictogram`, this.init),
       fetch(`${store.state.api}city/?language=${store.state.language}&fields=id,name&published=true&page_size=999`, this.init),
+      fetch(`${store.state.api}trek_accessibility/?language=${store.state.language}&fields=id,name,pictogram&published=true&page_size=999`, this.init),
+      fetch(`${store.state.api}label/?language=${store.state.language}&fields=id,name,advice,pictogram&published=true&page_size=999`, this.init),
       fetch(treksRequest, this.init),
     ])
       .then(responses => Promise.all(responses.map(response => response.json())))
-      .then(([difficulties, routes, practices, themes, cities, treks]) => {
+      .then(([difficulties, routes, practices, themes, cities, accessibility, labels, treks]) => {
       store.state.treksNetworkError = false;
       store.state.difficulties = difficulties.results;
       store.state.routes = routes.results;
       store.state.practices = practices.results.map(practice => (Object.assign(Object.assign({}, practice), { selected: false })));
       store.state.themes = themes.results;
       store.state.cities = cities.results;
+      store.state.accessibilities = accessibility.results;
       store.state.durations = [
         { id: 1, name: '0 - 1h', minValue: 0, maxValue: 1, selected: false },
         { id: 2, name: '1 - 2h', minValue: 1, maxValue: 2, selected: false },
         { id: 3, name: '2 - 5h', minValue: 2, maxValue: 5, selected: false },
         { id: 4, name: '5 - 10h', minValue: 5, maxValue: 10, selected: false },
       ];
+      store.state.lengths = [
+        { id: 1, name: '0 - 5km', minValue: 0, maxValue: 5000, selected: false },
+        { id: 2, name: '5 - 10km', minValue: 5000, maxValue: 10000, selected: false },
+        { id: 3, name: '10 - 15km', minValue: 10000, maxValue: 15000, selected: false },
+        { id: 4, name: '15 - 50km', minValue: 15000, maxValue: 50000, selected: false },
+      ];
+      store.state.elevations = [
+        { id: 1, name: '0 - 500m', minValue: 0, maxValue: 500, selected: false },
+        { id: 2, name: '500m - 1km', minValue: 500, maxValue: 1000, selected: false },
+      ];
       store.state.currentTreks = treks.results;
       store.state.treksWithinBounds = treks.results;
+      store.state.labels = labels.results;
       store.state.treks = treks.results;
     })
       .catch(() => (store.state.treksNetworkError = true));
@@ -20539,10 +20526,11 @@ const GrwTreksProvider = class {
 
 exports.grw_filter = GrwFilter;
 exports.grw_map = GrwMap;
+exports.grw_search = GrwSearch;
 exports.grw_select_language = GrwSelectLanguage;
 exports.grw_trek_detail = GrwTrekDetail;
 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-filter_8.cjs.entry.js.map