@geotrekce/geotrek-rando-widget 0.0.13 → 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{css-shim-6f592941.js → css-shim-06c204c1.js} +1 -1
- package/dist/cjs/{dom-d5e52c7e.js → dom-874a1e39.js} +1 -1
- package/dist/cjs/geotrek-rando-widget.cjs.js +4 -4
- package/dist/cjs/grw-app.cjs.entry.js +4 -3
- package/dist/cjs/grw-filter_6.cjs.entry.js +14447 -14156
- package/dist/cjs/grw-information-desk-detail_3.cjs.entry.js +2 -2
- package/dist/cjs/grw-trek-card.cjs.entry.js +15 -7
- package/dist/cjs/{index-66d58516.js → index-c3fb4999.js} +219 -66
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/{shadow-css-cf936b02.js → shadow-css-a33dc836.js} +1 -1
- package/dist/cjs/{store-d301af22.js → store-5183d8f8.js} +4 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/grw-app/grw-app.js +432 -450
- package/dist/collection/components/grw-filter/grw-filter.js +65 -61
- package/dist/collection/components/grw-information-desk-detail/grw-information-desk-detail.js +35 -44
- package/dist/collection/components/grw-map/grw-map.css +5 -4
- package/dist/collection/components/grw-map/grw-map.js +251 -217
- package/dist/collection/components/grw-poi-detail/grw-poi-detail.js +33 -32
- package/dist/collection/components/grw-sensitive-area-detail/grw-sensitive-area-detail.js +42 -47
- package/dist/collection/components/grw-trek-card/grw-trek-card.js +142 -129
- package/dist/collection/components/grw-trek-detail/grw-trek-detail.js +135 -208
- package/dist/collection/components/grw-treks-list/grw-treks-list.js +95 -65
- package/dist/collection/store/grw-trek-provider.js +61 -55
- package/dist/collection/store/grw-treks-provider.js +181 -177
- package/dist/collection/store/store.js +3 -2
- package/dist/components/grw-app.js +3 -2
- package/dist/components/grw-map2.js +14405 -14129
- package/dist/components/grw-trek-card2.js +17 -7
- package/dist/components/grw-trek-detail2.js +10 -3
- package/dist/components/grw-trek-provider2.js +6 -2
- package/dist/components/grw-treks-list2.js +7 -2
- package/dist/components/grw-treks-provider2.js +5 -3
- package/dist/components/store.js +3 -2
- package/dist/esm/{css-shim-2d0a698c.js → css-shim-bfa379cd.js} +1 -1
- package/dist/esm/{dom-9794f747.js → dom-104fb833.js} +1 -1
- package/dist/esm/geotrek-rando-widget.js +4 -4
- package/dist/esm/grw-app.entry.js +4 -3
- package/dist/esm/grw-filter_6.entry.js +14427 -14136
- package/dist/esm/grw-information-desk-detail_3.entry.js +2 -2
- package/dist/esm/grw-trek-card.entry.js +15 -7
- package/dist/esm/{index-899307bb.js → index-e834943f.js} +219 -66
- package/dist/esm/loader.js +4 -4
- package/dist/esm/{shadow-css-4cd4480f.js → shadow-css-4261c637.js} +1 -1
- package/dist/esm/{store-70461a28.js → store-c6ccb3db.js} +4 -3
- package/dist/esm-es5/{css-shim-2d0a698c.js → css-shim-bfa379cd.js} +0 -0
- package/dist/esm-es5/{dom-9794f747.js → dom-104fb833.js} +0 -0
- package/dist/esm-es5/geotrek-rando-widget.js +1 -1
- package/dist/esm-es5/grw-app.entry.js +1 -1
- package/dist/esm-es5/grw-filter_6.entry.js +4 -5
- package/dist/esm-es5/grw-information-desk-detail_3.entry.js +1 -1
- package/dist/esm-es5/grw-trek-card.entry.js +1 -1
- package/dist/esm-es5/{index-899307bb.js → index-e834943f.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{shadow-css-4cd4480f.js → shadow-css-4261c637.js} +0 -0
- package/dist/esm-es5/{store-70461a28.js → store-c6ccb3db.js} +1 -1
- package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js +1 -1
- package/dist/geotrek-rando-widget/geotrek-rando-widget.js +1 -1
- package/dist/geotrek-rando-widget/p-392538a1.system.entry.js +1 -0
- package/dist/geotrek-rando-widget/{p-d1582cff.js → p-4c61dcad.js} +0 -0
- package/dist/geotrek-rando-widget/p-4e0fcbe6.js +1 -0
- package/dist/geotrek-rando-widget/p-6469fc8a.system.js +1 -0
- package/dist/geotrek-rando-widget/{p-c8c96517.system.js → p-6523a23b.system.js} +0 -0
- package/dist/geotrek-rando-widget/{p-32d97a4f.system.js → p-70ecdd1b.system.js} +0 -0
- package/dist/geotrek-rando-widget/{p-0c5b047c.js → p-88046639.js} +0 -0
- package/dist/geotrek-rando-widget/p-88e55e13.entry.js +1 -0
- package/dist/geotrek-rando-widget/p-93d51eaa.entry.js +1 -0
- package/dist/geotrek-rando-widget/p-95932d69.system.entry.js +5 -0
- package/dist/geotrek-rando-widget/{p-4690907e.js → p-9c0d229f.js} +1 -1
- package/dist/geotrek-rando-widget/{p-b1530d9c.system.js → p-a8de6293.system.js} +0 -0
- package/dist/geotrek-rando-widget/p-d56c1888.system.entry.js +1 -0
- package/dist/geotrek-rando-widget/{p-533fc2bb.entry.js → p-dce99cef.entry.js} +1 -1
- package/dist/geotrek-rando-widget/{p-8f9914f4.system.js → p-e2d589f8.system.js} +1 -1
- package/dist/geotrek-rando-widget/{p-82ca029f.system.js → p-e3c13365.system.js} +1 -1
- package/dist/geotrek-rando-widget/{p-2bd0278f.system.entry.js → p-e9f13f25.system.entry.js} +1 -1
- package/dist/geotrek-rando-widget/{p-4eaf20b7.js → p-ef5d4167.js} +0 -0
- package/dist/geotrek-rando-widget/p-fce69064.entry.js +1 -0
- package/dist/types/components/grw-map/grw-map.d.ts +3 -1
- package/dist/types/components/grw-trek-card/grw-trek-card.d.ts +4 -1
- package/dist/types/components/grw-trek-detail/grw-trek-detail.d.ts +3 -1
- package/dist/types/components/grw-treks-list/grw-treks-list.d.ts +1 -0
- package/dist/types/components.d.ts +8 -0
- package/dist/types/store/store.d.ts +5 -3
- package/dist/types/types/types.d.ts +6 -0
- package/loader/package.json +1 -0
- package/package.json +12 -12
- package/readme.md +4 -6
- package/dist/geotrek-rando-widget/p-067c02c4.system.js +0 -1
- package/dist/geotrek-rando-widget/p-18038011.js +0 -1
- package/dist/geotrek-rando-widget/p-2712caa8.system.entry.js +0 -6
- package/dist/geotrek-rando-widget/p-3ed52659.entry.js +0 -1
- package/dist/geotrek-rando-widget/p-48d5dde7.entry.js +0 -1
- package/dist/geotrek-rando-widget/p-e1431f36.system.entry.js +0 -1
- package/dist/geotrek-rando-widget/p-e38f4ff4.system.entry.js +0 -1
- package/dist/geotrek-rando-widget/p-f5d98aae.entry.js +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { C as CSS, p as plt, w as win, a as promiseResolve, b as bootstrapLazy } from './index-
|
|
1
|
+
import { C as CSS, p as plt, w as win, a as promiseResolve, b as bootstrapLazy } from './index-e834943f.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
|
-
Stencil Client Patch Esm v2.
|
|
4
|
+
Stencil Client Patch Esm v2.18.0 | MIT Licensed | https://stenciljs.com
|
|
5
5
|
*/
|
|
6
6
|
const patchEsm = () => {
|
|
7
7
|
// NOTE!! This fn cannot use async/await!
|
|
8
8
|
// @ts-ignore
|
|
9
9
|
if (!(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {
|
|
10
10
|
// @ts-ignore
|
|
11
|
-
return import(/* webpackChunkName: "polyfills-css-shim" */ './css-shim-
|
|
11
|
+
return import(/* webpackChunkName: "polyfills-css-shim" */ './css-shim-bfa379cd.js').then(() => {
|
|
12
12
|
if ((plt.$cssShim$ = win.__cssshim)) {
|
|
13
13
|
return plt.$cssShim$.i();
|
|
14
14
|
}
|
|
@@ -24,7 +24,7 @@ const patchEsm = () => {
|
|
|
24
24
|
const defineCustomElements = (win, options) => {
|
|
25
25
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
26
26
|
return patchEsm().then(() => {
|
|
27
|
-
return bootstrapLazy([["grw-trek-card",[[1,"grw-trek-card",{"trek":[16],"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"isLargeView":[4,"is-large-view"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32]}]]],["grw-information-desk-detail_3",[[1,"grw-information-desk-detail",{"informationDesk":[16]}],[1,"grw-poi-detail",{"poi":[16]}],[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}]]],["grw-filter_6",[[1,"grw-trek-detail",{"trek":[16],"colorPrimary":[1,"color-primary"],"colorPrimaryShade":[1,"color-primary-shade"],"colorPrimaryTint":[1,"color-primary-tint"],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32]
|
|
27
|
+
return bootstrapLazy([["grw-trek-card",[[1,"grw-trek-card",{"trek":[16],"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"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",[[1,"grw-information-desk-detail",{"informationDesk":[16]}],[1,"grw-poi-detail",{"poi":[16]}],[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}]]],["grw-filter_6",[[1,"grw-trek-detail",{"trek":[16],"colorPrimary":[1,"color-primary"],"colorPrimaryShade":[1,"color-primary-shade"],"colorPrimaryTint":[1,"color-primary-tint"],"resetStoreOnDisconnected":[4,"reset-store-on-disconnected"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32]}],[1,"grw-treks-list",{"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"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],"colorPrimary":[1,"color-primary"],"colorPrimaryTint":[1,"color-primary-tint"],"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"],"mapIsReady":[32]}],[1,"grw-trek-provider",{"language":[1],"api":[1],"trekId":[1,"trek-id"]}],[1,"grw-treks-provider",{"language":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1]}]]],["grw-app",[[1,"grw-app",{"api":[1],"language":[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],"colorPrimary":[1,"color-primary"],"colorPrimaryShade":[1,"color-primary-shade"],"colorPrimaryTint":[1,"color-primary-tint"],"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]},[[0,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"]]]]]], options);
|
|
28
28
|
});
|
|
29
29
|
};
|
|
30
30
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as getRenderingRef, f as forceUpdate } from './index-
|
|
1
|
+
import { c as getRenderingRef, f as forceUpdate } from './index-e834943f.js';
|
|
2
2
|
|
|
3
3
|
const appendToMap = (map, propName, value) => {
|
|
4
4
|
const items = map.get(propName);
|
|
@@ -191,7 +191,7 @@ const createStore = (defaultState, shouldUpdate) => {
|
|
|
191
191
|
return map;
|
|
192
192
|
};
|
|
193
193
|
|
|
194
|
-
const { state, onChange } = createStore({
|
|
194
|
+
const { state, onChange, reset } = createStore({
|
|
195
195
|
api: '',
|
|
196
196
|
treks: null,
|
|
197
197
|
currentTreks: null,
|
|
@@ -201,6 +201,7 @@ const { state, onChange } = createStore({
|
|
|
201
201
|
routes: [],
|
|
202
202
|
practices: [],
|
|
203
203
|
themes: [],
|
|
204
|
+
cities: [],
|
|
204
205
|
durations: [],
|
|
205
206
|
currentSensitiveAreas: null,
|
|
206
207
|
labels: null,
|
|
@@ -215,4 +216,4 @@ const { state, onChange } = createStore({
|
|
|
215
216
|
trekNetworkError: false,
|
|
216
217
|
});
|
|
217
218
|
|
|
218
|
-
export { onChange as o, state as s };
|
|
219
|
+
export { onChange as o, reset as r, state as s };
|
|
File without changes
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as plt,w as win,d as doc,N as NAMESPACE,a as promiseResolve,b as bootstrapLazy}from"./index-
|
|
1
|
+
import{p as plt,w as win,d as doc,N as NAMESPACE,a as promiseResolve,b as bootstrapLazy}from"./index-e834943f.js";var getDynamicImportFunction=function(r){return"__sc_import_".concat(r.replace(/\s|-/g,"_"))};var patchBrowser=function(){{plt.$cssShim$=win.__cssshim}var r=Array.from(doc.querySelectorAll("script")).find((function(r){return new RegExp("/".concat(NAMESPACE,"(\\.esm)?\\.js($|\\?|#)")).test(r.src)||r.getAttribute("data-stencil-namespace")===NAMESPACE}));var e=r["data-opts"]||{};if("onbeforeload"in r&&!history.scrollRestoration){return{then:function(){}}}{e.resourcesUrl=new URL(".",new URL(r.getAttribute("data-resources-url")||r.src,win.location.href)).href;{patchDynamicImport(e.resourcesUrl,r)}if(!win.customElements){return import("./dom-104fb833.js").then((function(){return e}))}}return promiseResolve(e)};var patchDynamicImport=function(r,e){var o=getDynamicImportFunction(NAMESPACE);try{win[o]=new Function("w","return import(w);//".concat(Math.random()))}catch(i){var t=new Map;win[o]=function(i){var a=new URL(i,r).href;var c=t.get(a);if(!c){var n=doc.createElement("script");n.type="module";n.crossOrigin=e.crossOrigin;n.src=URL.createObjectURL(new Blob(["import * as m from '".concat(a,"'; window.").concat(o,".m = m;")],{type:"application/javascript"}));c=new Promise((function(r){n.onload=function(){r(win[o].m);n.remove()}}));t.set(a,c);doc.head.appendChild(n)}return c}}};patchBrowser().then((function(r){return bootstrapLazy([["grw-trek-card",[[1,"grw-trek-card",{trek:[16],colorPrimary:[1,"color-primary"],colorPrimaryTint:[1,"color-primary-tint"],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",[[1,"grw-information-desk-detail",{informationDesk:[16]}],[1,"grw-poi-detail",{poi:[16]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}]]],["grw-filter_6",[[1,"grw-trek-detail",{trek:[16],colorPrimary:[1,"color-primary"],colorPrimaryShade:[1,"color-primary-shade"],colorPrimaryTint:[1,"color-primary-tint"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],labels:[32],sources:[32],accessibilities:[32],accessibilityLevel:[32]}],[1,"grw-treks-list",{colorPrimary:[1,"color-primary"],colorPrimaryTint:[1,"color-primary-tint"],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],colorPrimary:[1,"color-primary"],colorPrimaryTint:[1,"color-primary-tint"],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"],mapIsReady:[32]}],[1,"grw-trek-provider",{language:[1],api:[1],trekId:[1,"trek-id"]}],[1,"grw-treks-provider",{language:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1]}]]],["grw-app",[[1,"grw-app",{api:[1],language:[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],colorPrimary:[1,"color-primary"],colorPrimaryShade:[1,"color-primary-shade"],colorPrimaryTint:[1,"color-primary-tint"],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]},[[0,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"]]]]]],r)}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,g as getElement}from"./index-899307bb.js";import{o as onChange,s as state}from"./store-70461a28.js";var arrowBackImage='<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><polyline points="244 400 100 256 244 112" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px"/><line x1="120" y1="256" x2="412" y2="256" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px"/></svg>';var grwAppCss='.app-container{position:relative;height:100%;max-height:100vh;font-family:"Roboto"}.header-container,.large-view-header-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background-color:var(--color-primary);height:64px}.header-container .arrow-back-icon,.large-view-header-container .arrow-back-icon{width:48px;height:auto;margin-left:24px}.header-container .arrow-back-icon svg,.large-view-header-container .arrow-back-icon svg{cursor:pointer;width:48px;height:auto}.header-container .handle-filters-container,.large-view-header-container .handle-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.header-container .handle-filters-container .handle-filters-button,.large-view-header-container .handle-filters-container .handle-filters-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;color:var(--color-primary);background-color:#ffffff;margin-left:12px;border-radius:8px;padding:8px}.header-container .handle-filters-container .current-treks-within-bounds-length,.large-view-header-container .handle-filters-container .current-treks-within-bounds-length{margin-left:12px;color:#ffffff}.header-container .attribution-container,.large-view-header-container .attribution-container{position:absolute;right:24px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{color:#ffffff;text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.filters-container{position:absolute;width:100%;background-color:#ffffff;padding:36px 0px;z-index:1100}.filters-container .close-filters-button{cursor:pointer;font-weight:bold;position:absolute;top:12px;right:12px;padding:12px;border-radius:12px;color:var(--color-primary);border:1px var(--color-primary) solid}.filters-container .close-filters-button:hover{background-color:var(--color-primary);color:#ffffff}.filters-container .filter-margin-top{margin-top:24px}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:calc(100% - 64px);position:absolute;z-index:1099;top:64px}.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%}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-tint);border-bottom-color:var(--color-primary);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)}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:24px;width:100%;z-index:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.map-visibility-button div{background-color:var(--color-primary);color:#ffffff;padding:12px;border-radius:24px;width:120px;text-align:center}.header-container .title{font-size:24px}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}.app-map-container{position:relative;width:100%;position:absolute}.large-view-header-container .title{font-size:32px}.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%}';var GrwApp=function(){function e(e){registerInstance(this,e);this.showTrek=false;this.showTreksMap=false;this.showTrekMap=false;this.showFilters=false;this.isLargeView=false;this.language="fr";this.colorPrimary="#6b0030";this.colorPrimaryShade="#4a0021";this.colorPrimaryTint="#974c6e";this.colorTrekLine="#6b0030";this.colorDepartureIcon="#006b3b";this.colorArrivalIcon="#85003b";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this)}e.prototype.onTrekCardPress=function(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;var t=new URL(window.location.toString());t.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",t)};e.prototype.onWindowResize=function(){this.handleView()};e.prototype.watchPropHandler=function(){window.dispatchEvent(new window.Event("resize"))};e.prototype.componentWillLoad=function(){var e=new URL(window.location.toString());var t=e.searchParams.get("trek");if(t){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(t);this.showTrek=!this.showTrek}};e.prototype.componentDidLoad=function(){var e=this;onChange("trekNetworkError",(function(){if(state.trekNetworkError){var t=new URL(window.location.toString());t.searchParams.delete("trek");window.history.replaceState({},"",t);e.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};e.prototype.onTrekDetailsClose=function(){state.currentTrek=null;this.currentTrekId=null;this.showTrek=!this.showTrek};e.prototype.handleView=function(){this.isLargeView=this.element.getBoundingClientRect().width>=this.largeViewSize;this.showTreksMap=this.isLargeView;this.showTrekMap=this.isLargeView};e.prototype.handleFilters=function(){this.showFilters=!this.showFilters};e.prototype.handleBackButton=function(){if(window.history.state.isInitialHistoryWithTrek){this.onTrekDetailsClose();var e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.pushState({},"",e)}else{window.history.back()}};e.prototype.handlePopState=function(){var e=new URL(window.location.toString());var t=e.searchParams.get("trek");if(t){this.currentTrekId=Number(t);this.showTrek=!this.showTrek}else{this.onTrekDetailsClose()}};e.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}};e.prototype.disconnectedCallback=function(){window.removeEventListener("popstate",this.handlePopStateBind)};e.prototype.render=function(){var e=this;return h(Host,{style:{"--color-primary":this.colorPrimary,"--color-primary-tint":this.colorPrimaryTint,"--color-primary-shade":this.colorPrimaryShade}},!state.currentTreks&&!state.currentTrek&&h("div",{class:"init-loader-container"},h("span",{class:"loader"})),!this.showTrek&&!state.treks&&h("grw-treks-provider",{api:this.api,language:this.language,"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&&h("grw-trek-provider",{api:this.api,language:this.language,"trek-id":this.currentTrekId}),(state.currentTreks||state.currentTrek)&&h("div",{class:"app-container"},h("div",{class:this.isLargeView?"large-view-header-container":"header-container"},this.showTrek?h("div",{onClick:function(){return e.handleBackButton()},class:"arrow-back-icon",innerHTML:arrowBackImage}):h("div",{class:"handle-filters-container"},h("div",{onClick:function(){return e.handleFilters()},class:"handle-filters-button"},"FILTRER"),state.treksWithinBounds&&h("div",{class:"current-treks-within-bounds-length"},"".concat(state.treksWithinBounds.length," randonnée").concat(state.treksWithinBounds.length>1?"s":""))),!this.showTrek&&this.showFilters&&h("div",{class:"options-container"},h("div",{class:"filters-container"},h("div",{onClick:function(){return e.handleFilters()},class:"close-filters-button"},"X"),h("div",null,h("grw-filter",{filterName:"Pratique",filterType:"practices",filterNameProperty:"name"})),h("div",{class:"filter-margin-top"},h("grw-filter",{filterName:"Difficulté",filterType:"difficulties",filterNameProperty:"label"})),h("div",{class:"filter-margin-top"},h("grw-filter",{filterName:"Durée",filterType:"durations",filterNameProperty:"name"}))),h("div",{onClick:function(){return e.handleFilters()},class:"back-filters-container"})),h("div",{class:"attribution-container"},h("a",{target:"_blank",href:"https://geotrek.fr"},"GEOTREK"))),h("div",{class:"content-container"},h("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek?"none":"flex",position:this.showTrek?"absolute":"relative"}},h("grw-treks-list",{"is-large-view":this.isLargeView,"color-primary":this.colorPrimary,"color-primary-tint":this.colorPrimaryTint})),this.showTrek&&!state.currentTrek&&h("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},h("span",{class:"loader"})),state.currentTrek&&h("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},h("grw-trek-detail",{"color-primary":this.colorPrimary,"color-primary-shade":this.colorPrimaryShade,"color-primary-tint":this.colorPrimaryTint})),h("grw-map",{class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek||this.showTrekMap&&this.showTrek?"visible":"hidden"},"url-layer":this.urlLayer,center:this.center,zoom:this.zoom,attribution:this.attribution,"color-primary":this.colorPrimary,"color-primary-tint":this.colorPrimaryTint,"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})),h("div",{class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},h("div",{onClick:function(){return e.handleShowMap()}},this.showTrek?this.showTrekMap?"Voir la fiche":"Voir la carte":this.showTreksMap?"Voir la liste":"Voir la carte"))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return e}();GrwApp.style=grwAppCss;export{GrwApp as grw_app};
|
|
1
|
+
import{r as registerInstance,h,H as Host,g as getElement}from"./index-e834943f.js";import{o as onChange,s as state,r as reset}from"./store-c6ccb3db.js";var arrowBackImage='<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><polyline points="244 400 100 256 244 112" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px"/><line x1="120" y1="256" x2="412" y2="256" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px"/></svg>';var grwAppCss='.app-container{position:relative;height:100%;max-height:100vh;font-family:"Roboto"}.header-container,.large-view-header-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background-color:var(--color-primary);height:64px}.header-container .arrow-back-icon,.large-view-header-container .arrow-back-icon{width:48px;height:auto;margin-left:24px}.header-container .arrow-back-icon svg,.large-view-header-container .arrow-back-icon svg{cursor:pointer;width:48px;height:auto}.header-container .handle-filters-container,.large-view-header-container .handle-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.header-container .handle-filters-container .handle-filters-button,.large-view-header-container .handle-filters-container .handle-filters-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;color:var(--color-primary);background-color:#ffffff;margin-left:12px;border-radius:8px;padding:8px}.header-container .handle-filters-container .current-treks-within-bounds-length,.large-view-header-container .handle-filters-container .current-treks-within-bounds-length{margin-left:12px;color:#ffffff}.header-container .attribution-container,.large-view-header-container .attribution-container{position:absolute;right:24px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{color:#ffffff;text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.filters-container{position:absolute;width:100%;background-color:#ffffff;padding:36px 0px;z-index:1100}.filters-container .close-filters-button{cursor:pointer;font-weight:bold;position:absolute;top:12px;right:12px;padding:12px;border-radius:12px;color:var(--color-primary);border:1px var(--color-primary) solid}.filters-container .close-filters-button:hover{background-color:var(--color-primary);color:#ffffff}.filters-container .filter-margin-top{margin-top:24px}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:calc(100% - 64px);position:absolute;z-index:1099;top:64px}.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%}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-tint);border-bottom-color:var(--color-primary);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)}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:24px;width:100%;z-index:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.map-visibility-button div{background-color:var(--color-primary);color:#ffffff;padding:12px;border-radius:24px;width:120px;text-align:center}.header-container .title{font-size:24px}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}.app-map-container{position:relative;width:100%;position:absolute}.large-view-header-container .title{font-size:32px}.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%}';var GrwApp=function(){function e(e){registerInstance(this,e);this.showTrek=false;this.showTreksMap=false;this.showTrekMap=false;this.showFilters=false;this.isLargeView=false;this.language="fr";this.colorPrimary="#6b0030";this.colorPrimaryShade="#4a0021";this.colorPrimaryTint="#974c6e";this.colorTrekLine="#6b0030";this.colorDepartureIcon="#006b3b";this.colorArrivalIcon="#85003b";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this)}e.prototype.onTrekCardPress=function(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;var t=new URL(window.location.toString());t.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",t)};e.prototype.onWindowResize=function(){this.handleView()};e.prototype.watchPropHandler=function(){window.dispatchEvent(new window.Event("resize"))};e.prototype.componentWillLoad=function(){var e=new URL(window.location.toString());var t=e.searchParams.get("trek");if(t){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(t);this.showTrek=!this.showTrek}};e.prototype.componentDidLoad=function(){var e=this;onChange("trekNetworkError",(function(){if(state.trekNetworkError){var t=new URL(window.location.toString());t.searchParams.delete("trek");window.history.replaceState({},"",t);e.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};e.prototype.onTrekDetailsClose=function(){state.currentTrek=null;this.currentTrekId=null;this.showTrek=!this.showTrek};e.prototype.handleView=function(){this.isLargeView=this.element.getBoundingClientRect().width>=this.largeViewSize;this.showTreksMap=this.isLargeView;this.showTrekMap=this.isLargeView};e.prototype.handleFilters=function(){this.showFilters=!this.showFilters};e.prototype.handleBackButton=function(){if(window.history.state.isInitialHistoryWithTrek){this.onTrekDetailsClose();var e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.pushState({},"",e)}else{window.history.back()}};e.prototype.handlePopState=function(){var e=new URL(window.location.toString());var t=e.searchParams.get("trek");if(t){this.currentTrekId=Number(t);this.showTrek=!this.showTrek}else{this.onTrekDetailsClose()}};e.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}};e.prototype.disconnectedCallback=function(){reset();window.removeEventListener("popstate",this.handlePopStateBind)};e.prototype.render=function(){var e=this;return h(Host,{style:{"--color-primary":this.colorPrimary,"--color-primary-tint":this.colorPrimaryTint,"--color-primary-shade":this.colorPrimaryShade}},!state.currentTreks&&!state.currentTrek&&h("div",{class:"init-loader-container"},h("span",{class:"loader"})),!this.showTrek&&!state.treks&&h("grw-treks-provider",{api:this.api,language:this.language,"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&&h("grw-trek-provider",{api:this.api,language:this.language,"trek-id":this.currentTrekId}),(state.currentTreks||state.currentTrek)&&h("div",{class:"app-container"},h("div",{class:this.isLargeView?"large-view-header-container":"header-container"},this.showTrek?h("div",{onClick:function(){return e.handleBackButton()},class:"arrow-back-icon",innerHTML:arrowBackImage}):h("div",{class:"handle-filters-container"},h("div",{onClick:function(){return e.handleFilters()},class:"handle-filters-button"},"FILTRER"),state.treksWithinBounds&&h("div",{class:"current-treks-within-bounds-length"},"".concat(state.treksWithinBounds.length," randonnée").concat(state.treksWithinBounds.length>1?"s":""))),!this.showTrek&&this.showFilters&&h("div",{class:"options-container"},h("div",{class:"filters-container"},h("div",{onClick:function(){return e.handleFilters()},class:"close-filters-button"},"X"),h("div",null,h("grw-filter",{filterName:"Pratique",filterType:"practices",filterNameProperty:"name"})),h("div",{class:"filter-margin-top"},h("grw-filter",{filterName:"Difficulté",filterType:"difficulties",filterNameProperty:"label"})),h("div",{class:"filter-margin-top"},h("grw-filter",{filterName:"Durée",filterType:"durations",filterNameProperty:"name"}))),h("div",{onClick:function(){return e.handleFilters()},class:"back-filters-container"})),h("div",{class:"attribution-container"},h("a",{target:"_blank",href:"https://geotrek.fr"},"GEOTREK"))),h("div",{class:"content-container"},h("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek?"none":"flex",position:this.showTrek?"absolute":"relative"}},h("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"color-primary":this.colorPrimary,"color-primary-tint":this.colorPrimaryTint})),this.showTrek&&!state.currentTrek&&h("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},h("span",{class:"loader"})),state.currentTrek&&h("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},h("grw-trek-detail",{"reset-store-on-disconnected":"false","color-primary":this.colorPrimary,"color-primary-shade":this.colorPrimaryShade,"color-primary-tint":this.colorPrimaryTint})),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?"visible":"hidden"},"url-layer":this.urlLayer,center:this.center,zoom:this.zoom,attribution:this.attribution,"color-primary":this.colorPrimary,"color-primary-tint":this.colorPrimaryTint,"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})),h("div",{class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},h("div",{onClick:function(){return e.handleShowMap()}},this.showTrek?this.showTrekMap?"Voir la fiche":"Voir la carte":this.showTreksMap?"Voir la liste":"Voir la carte"))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return e}();GrwApp.style=grwAppCss;export{GrwApp as grw_app};
|