@geotrekce/geotrek-rando-widget 0.0.10 → 0.0.11
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/grw-app.cjs.entry.js +1 -1
- package/dist/cjs/grw-filter_6.cjs.entry.js +11 -6
- package/dist/cjs/grw-information-desk-detail_3.cjs.entry.js +1 -1
- package/dist/cjs/grw-trek-card.cjs.entry.js +1 -1
- package/dist/cjs/{store-b4c3c507.js → store-4d75c7a8.js} +1 -0
- package/dist/collection/components/grw-map/grw-map.js +4 -3
- package/dist/collection/components/grw-poi-detail/grw-poi-detail.js +1 -1
- package/dist/collection/store/grw-trek-provider.js +6 -2
- package/dist/collection/store/store.js +1 -0
- package/dist/components/grw-map2.js +4 -3
- package/dist/components/grw-trek-provider2.js +6 -2
- package/dist/components/store.js +1 -0
- package/dist/esm/grw-app.entry.js +1 -1
- package/dist/esm/grw-filter_6.entry.js +11 -6
- package/dist/esm/grw-information-desk-detail_3.entry.js +1 -1
- package/dist/esm/grw-trek-card.entry.js +1 -1
- package/dist/esm/{store-a5f523fd.js → store-ab2dacd4.js} +1 -0
- package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js +1 -1
- package/dist/geotrek-rando-widget/{p-94f0db4d.entry.js → p-7694955c.entry.js} +1 -1
- package/dist/geotrek-rando-widget/{p-34fbbb97.entry.js → p-84bb45be.entry.js} +1 -1
- package/dist/geotrek-rando-widget/{p-500436f1.entry.js → p-973a44cb.entry.js} +1 -1
- package/dist/geotrek-rando-widget/{p-0510e16b.entry.js → p-ee0db5c4.entry.js} +1 -1
- package/dist/geotrek-rando-widget/{p-22562f4d.js → p-fb36dda2.js} +1 -1
- package/dist/types/store/store.d.ts +3 -1
- package/dist/types/types/types.d.ts +6 -5
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4c76daa3.js');
|
|
6
|
-
const store = require('./store-
|
|
6
|
+
const store = require('./store-4d75c7a8.js');
|
|
7
7
|
|
|
8
8
|
const 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>`;
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4c76daa3.js');
|
|
6
|
-
const store = require('./store-
|
|
6
|
+
const store = require('./store-4d75c7a8.js');
|
|
7
7
|
const length = require('./length-d315d156.js');
|
|
8
8
|
|
|
9
9
|
const grwFilterCss = ".filter-name{margin-left:8px;color:var(--color-primary);font-size:24px;font-weight:bold}.filter-button-container{display:flex;flex-direction:row;flex-wrap:wrap}.filter-button-container .filter-button,.filter-button-container .selected-filter-button{user-select:none;cursor:pointer;border:1px var(--color-primary) solid;border-radius:8px;margin:8px 0px 0px 8px;padding:8px}.filter-button-container .filter-button{color:var(--color-primary);background-color:#ffffff}.filter-button-container .selected-filter-button{color:#ffffff;background-color:var(--color-primary)}";
|
|
@@ -14362,6 +14362,7 @@ const GrwMap = class {
|
|
|
14362
14362
|
}
|
|
14363
14363
|
}
|
|
14364
14364
|
addTrek() {
|
|
14365
|
+
var _a;
|
|
14365
14366
|
const currentTrekFeature = {
|
|
14366
14367
|
type: 'Feature',
|
|
14367
14368
|
geometry: store.state.currentTrek.geometry,
|
|
@@ -14484,14 +14485,14 @@ const GrwMap = class {
|
|
|
14484
14485
|
for (const currentPoi of store.state.currentPois) {
|
|
14485
14486
|
currentPoisFeatureCollection.features.push({
|
|
14486
14487
|
type: 'Feature',
|
|
14487
|
-
properties: { name: currentPoi.name, type_pictogram: currentPoi.
|
|
14488
|
+
properties: { name: currentPoi.name, type_pictogram: (_a = store.state.poiTypes.find(poiType => poiType.id === currentPoi.type)) === null || _a === void 0 ? void 0 : _a.pictogram },
|
|
14488
14489
|
geometry: currentPoi.geometry,
|
|
14489
14490
|
});
|
|
14490
14491
|
}
|
|
14491
14492
|
this.currentPoisLayer = leafletSrc.geoJSON(currentPoisFeatureCollection, {
|
|
14492
14493
|
pointToLayer: (geoJsonPoint, latlng) => leafletSrc.marker(latlng, {
|
|
14493
14494
|
icon: leafletSrc.divIcon({
|
|
14494
|
-
html: geoJsonPoint.properties.type_pictogram
|
|
14495
|
+
html: geoJsonPoint.properties.type_pictogram ? `<img src=${geoJsonPoint.properties.type_pictogram} />` : `<img />`,
|
|
14495
14496
|
className: 'poi-icon',
|
|
14496
14497
|
iconSize: 48,
|
|
14497
14498
|
}),
|
|
@@ -14525,7 +14526,7 @@ const GrwMap = class {
|
|
|
14525
14526
|
this.currentInformationDesksLayer = leafletSrc.geoJSON(currentInformationDesksFeatureCollection, {
|
|
14526
14527
|
pointToLayer: (geoJsonPoint, latlng) => leafletSrc.marker(latlng, {
|
|
14527
14528
|
icon: leafletSrc.divIcon({
|
|
14528
|
-
html: geoJsonPoint.properties.type_pictogram
|
|
14529
|
+
html: geoJsonPoint.properties.type_pictogram ? `<img src=${geoJsonPoint.properties.type_pictogram} />` : `<img />`,
|
|
14529
14530
|
className: 'information-desks-icon',
|
|
14530
14531
|
iconSize: 48,
|
|
14531
14532
|
}),
|
|
@@ -14700,12 +14701,15 @@ const GrwTrekProvider = class {
|
|
|
14700
14701
|
fetch(`${this.api}source/?language=${this.language}&fields=id,name,website,pictogram`, { signal: this.signal }),
|
|
14701
14702
|
fetch(`${this.api}trek_accessibility/?language=${this.language}&fields=id,name,pictogram`, { signal: this.signal }),
|
|
14702
14703
|
fetch(`${this.api}trek_accessibility_level/?language=${this.language}&fields=id,name`, { signal: this.signal }).catch(() => new Response('null')),
|
|
14703
|
-
fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,
|
|
14704
|
+
fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,geometry&page_size=999`, {
|
|
14705
|
+
signal: this.signal,
|
|
14706
|
+
}),
|
|
14707
|
+
fetch(`${this.api}poi_type/?language=${this.language}&fields=id,pictogram`, { signal: this.signal }),
|
|
14704
14708
|
fetch(`${this.api}informationdesk/?language=${this.language}&near_trek=${this.trekId}&fields=id,name,description,type,phone,email,website,municipality,postal_code,street,photo_url,latitude,longitude&page_size=999`, { signal: this.signal }),
|
|
14705
14709
|
fetch(`${this.api}trek/${this.trekId}/?language=${this.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,arrival,altimetric_profile,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`, { signal: this.signal }),
|
|
14706
14710
|
])
|
|
14707
14711
|
.then(responses => Promise.all(responses.map(response => response.json())))
|
|
14708
|
-
.then(([difficulties, routes, practices, themes, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, informationDesks, trek]) => {
|
|
14712
|
+
.then(([difficulties, routes, practices, themes, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, poiTypes, informationDesks, trek]) => {
|
|
14709
14713
|
store.state.trekNetworkError = false;
|
|
14710
14714
|
if (difficulties) {
|
|
14711
14715
|
store.state.difficulties = difficulties.results;
|
|
@@ -14729,6 +14733,7 @@ const GrwTrekProvider = class {
|
|
|
14729
14733
|
store.state.accessibilitiesLevel = accessibilitiesLevel.results;
|
|
14730
14734
|
}
|
|
14731
14735
|
store.state.currentPois = pois.results;
|
|
14736
|
+
store.state.poiTypes = poiTypes.results;
|
|
14732
14737
|
store.state.currentInformationDesks = informationDesks.results;
|
|
14733
14738
|
store.state.currentTrek = trek;
|
|
14734
14739
|
})
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4c76daa3.js');
|
|
6
|
-
const store = require('./store-
|
|
6
|
+
const store = require('./store-4d75c7a8.js');
|
|
7
7
|
|
|
8
8
|
const grwInformationDeskDetailCss = ":host{display:flex;flex-direction:column}:host a{color:var(--color-primary)}.information-desk-img{width:180px}.information-desk-img img{width:180px;border-radius:8px}.information-desk-sub-container{display:flex;flex-direction:column}.information-desk-name{color:var(--color-primary);font-size:24px;font-weight:bold;padding:12px 0px}.information-desk-description{font-size:16px}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4c76daa3.js');
|
|
6
|
-
const store = require('./store-
|
|
6
|
+
const store = require('./store-4d75c7a8.js');
|
|
7
7
|
const length = require('./length-d315d156.js');
|
|
8
8
|
|
|
9
9
|
const grwTrekCardCss = ".trek-card-container,.trek-card-large-view-container{font-family:\"Roboto\";border-radius:8px;box-shadow:4px 8px 24px rgba(0, 0, 0, 0.25);cursor:pointer}.trek-card-container .image,.trek-card-large-view-container .image{object-fit:cover}.trek-card-container .sub-container,.trek-card-large-view-container .sub-container{display:flex;flex-direction:column;justify-content:center;padding:12px}.trek-card-container .sub-container .name,.trek-card-large-view-container .sub-container .name{color:var(--color-primary);font-size:24px;font-weight:bold;margin-bottom:8px}.trek-card-container .sub-container .departure,.trek-card-large-view-container .sub-container .departure{color:rgba(0, 0, 0, 0.7);font-size:16px;margin:4px 0px}.trek-card-container .sub-container .themes-container,.trek-card-large-view-container .sub-container .themes-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.trek-card-container .sub-container .themes-container .theme,.trek-card-large-view-container .sub-container .themes-container .theme{background-color:var(--color-primary-tint);color:#ffffff;border-radius:8px;padding:8px;margin:0px 8px 8px 0px}.trek-card-container .sub-container .icons-labels-container,.trek-card-large-view-container .sub-container .icons-labels-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.trek-card-container .sub-container .icons-labels-container .row,.trek-card-large-view-container .sub-container .icons-labels-container .row{display:flex;justify-content:space-between;align-items:center;width:100%}.trek-card-container .sub-container .icons-labels-container .row:not(:last-child),.trek-card-large-view-container .sub-container .icons-labels-container .row:not(:last-child){margin-bottom:12px}.trek-card-container .sub-container .icons-labels-container .row .icon-label,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label{display:flex;align-items:center;width:50%}.trek-card-container .sub-container .icons-labels-container .row .icon-label:nth-child(2),.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label:nth-child(2){margin:0px 4px}.trek-card-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-container .sub-container .icons-labels-container .row .icon-label .svg-icon svg,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label .svg-icon svg{width:24px;height:auto;margin-right:8px}.trek-card-container .sub-container .icons-labels-container .row .practice img,.trek-card-large-view-container .sub-container .icons-labels-container .row .practice img{background-color:var(--color-primary)}.trek-card-container{width:350px;height:auto}.trek-card-container .image{width:100%}.trek-card-large-view-container{height:auto;display:flex;flex-direction:row}.trek-card-large-view-container .image{width:250px}";
|
|
@@ -142,6 +142,7 @@ export class GrwMap {
|
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
144
|
addTrek() {
|
|
145
|
+
var _a;
|
|
145
146
|
const currentTrekFeature = {
|
|
146
147
|
type: 'Feature',
|
|
147
148
|
geometry: state.currentTrek.geometry,
|
|
@@ -264,14 +265,14 @@ export class GrwMap {
|
|
|
264
265
|
for (const currentPoi of state.currentPois) {
|
|
265
266
|
currentPoisFeatureCollection.features.push({
|
|
266
267
|
type: 'Feature',
|
|
267
|
-
properties: { name: currentPoi.name, type_pictogram: currentPoi.
|
|
268
|
+
properties: { name: currentPoi.name, type_pictogram: (_a = state.poiTypes.find(poiType => poiType.id === currentPoi.type)) === null || _a === void 0 ? void 0 : _a.pictogram },
|
|
268
269
|
geometry: currentPoi.geometry,
|
|
269
270
|
});
|
|
270
271
|
}
|
|
271
272
|
this.currentPoisLayer = L.geoJSON(currentPoisFeatureCollection, {
|
|
272
273
|
pointToLayer: (geoJsonPoint, latlng) => L.marker(latlng, {
|
|
273
274
|
icon: L.divIcon({
|
|
274
|
-
html: geoJsonPoint.properties.type_pictogram
|
|
275
|
+
html: geoJsonPoint.properties.type_pictogram ? `<img src=${geoJsonPoint.properties.type_pictogram} />` : `<img />`,
|
|
275
276
|
className: 'poi-icon',
|
|
276
277
|
iconSize: 48,
|
|
277
278
|
}),
|
|
@@ -305,7 +306,7 @@ export class GrwMap {
|
|
|
305
306
|
this.currentInformationDesksLayer = L.geoJSON(currentInformationDesksFeatureCollection, {
|
|
306
307
|
pointToLayer: (geoJsonPoint, latlng) => L.marker(latlng, {
|
|
307
308
|
icon: L.divIcon({
|
|
308
|
-
html: geoJsonPoint.properties.type_pictogram
|
|
309
|
+
html: geoJsonPoint.properties.type_pictogram ? `<img src=${geoJsonPoint.properties.type_pictogram} />` : `<img />`,
|
|
309
310
|
className: 'information-desks-icon',
|
|
310
311
|
iconSize: 48,
|
|
311
312
|
}),
|
|
@@ -22,7 +22,7 @@ export class GrwPoiDetail {
|
|
|
22
22
|
"mutable": false,
|
|
23
23
|
"complexType": {
|
|
24
24
|
"original": "Poi",
|
|
25
|
-
"resolved": "{ id: number; name: string; description: string; attachments: Attachments; type:
|
|
25
|
+
"resolved": "{ id: number; name: string; description: string; attachments: Attachments; type: number; geometry: Geometry; }",
|
|
26
26
|
"references": {
|
|
27
27
|
"Poi": {
|
|
28
28
|
"location": "import",
|
|
@@ -23,12 +23,15 @@ export class GrwTrekProvider {
|
|
|
23
23
|
fetch(`${this.api}source/?language=${this.language}&fields=id,name,website,pictogram`, { signal: this.signal }),
|
|
24
24
|
fetch(`${this.api}trek_accessibility/?language=${this.language}&fields=id,name,pictogram`, { signal: this.signal }),
|
|
25
25
|
fetch(`${this.api}trek_accessibility_level/?language=${this.language}&fields=id,name`, { signal: this.signal }).catch(() => new Response('null')),
|
|
26
|
-
fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,
|
|
26
|
+
fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,geometry&page_size=999`, {
|
|
27
|
+
signal: this.signal,
|
|
28
|
+
}),
|
|
29
|
+
fetch(`${this.api}poi_type/?language=${this.language}&fields=id,pictogram`, { signal: this.signal }),
|
|
27
30
|
fetch(`${this.api}informationdesk/?language=${this.language}&near_trek=${this.trekId}&fields=id,name,description,type,phone,email,website,municipality,postal_code,street,photo_url,latitude,longitude&page_size=999`, { signal: this.signal }),
|
|
28
31
|
fetch(`${this.api}trek/${this.trekId}/?language=${this.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,arrival,altimetric_profile,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`, { signal: this.signal }),
|
|
29
32
|
])
|
|
30
33
|
.then(responses => Promise.all(responses.map(response => response.json())))
|
|
31
|
-
.then(([difficulties, routes, practices, themes, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, informationDesks, trek]) => {
|
|
34
|
+
.then(([difficulties, routes, practices, themes, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, poiTypes, informationDesks, trek]) => {
|
|
32
35
|
state.trekNetworkError = false;
|
|
33
36
|
if (difficulties) {
|
|
34
37
|
state.difficulties = difficulties.results;
|
|
@@ -52,6 +55,7 @@ export class GrwTrekProvider {
|
|
|
52
55
|
state.accessibilitiesLevel = accessibilitiesLevel.results;
|
|
53
56
|
}
|
|
54
57
|
state.currentPois = pois.results;
|
|
58
|
+
state.poiTypes = poiTypes.results;
|
|
55
59
|
state.currentInformationDesks = informationDesks.results;
|
|
56
60
|
state.currentTrek = trek;
|
|
57
61
|
})
|
|
@@ -14287,6 +14287,7 @@ const GrwMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
14287
14287
|
}
|
|
14288
14288
|
}
|
|
14289
14289
|
addTrek() {
|
|
14290
|
+
var _a;
|
|
14290
14291
|
const currentTrekFeature = {
|
|
14291
14292
|
type: 'Feature',
|
|
14292
14293
|
geometry: state.currentTrek.geometry,
|
|
@@ -14409,14 +14410,14 @@ const GrwMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
14409
14410
|
for (const currentPoi of state.currentPois) {
|
|
14410
14411
|
currentPoisFeatureCollection.features.push({
|
|
14411
14412
|
type: 'Feature',
|
|
14412
|
-
properties: { name: currentPoi.name, type_pictogram: currentPoi.
|
|
14413
|
+
properties: { name: currentPoi.name, type_pictogram: (_a = state.poiTypes.find(poiType => poiType.id === currentPoi.type)) === null || _a === void 0 ? void 0 : _a.pictogram },
|
|
14413
14414
|
geometry: currentPoi.geometry,
|
|
14414
14415
|
});
|
|
14415
14416
|
}
|
|
14416
14417
|
this.currentPoisLayer = leafletSrc.geoJSON(currentPoisFeatureCollection, {
|
|
14417
14418
|
pointToLayer: (geoJsonPoint, latlng) => leafletSrc.marker(latlng, {
|
|
14418
14419
|
icon: leafletSrc.divIcon({
|
|
14419
|
-
html: geoJsonPoint.properties.type_pictogram
|
|
14420
|
+
html: geoJsonPoint.properties.type_pictogram ? `<img src=${geoJsonPoint.properties.type_pictogram} />` : `<img />`,
|
|
14420
14421
|
className: 'poi-icon',
|
|
14421
14422
|
iconSize: 48,
|
|
14422
14423
|
}),
|
|
@@ -14450,7 +14451,7 @@ const GrwMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
14450
14451
|
this.currentInformationDesksLayer = leafletSrc.geoJSON(currentInformationDesksFeatureCollection, {
|
|
14451
14452
|
pointToLayer: (geoJsonPoint, latlng) => leafletSrc.marker(latlng, {
|
|
14452
14453
|
icon: leafletSrc.divIcon({
|
|
14453
|
-
html: geoJsonPoint.properties.type_pictogram
|
|
14454
|
+
html: geoJsonPoint.properties.type_pictogram ? `<img src=${geoJsonPoint.properties.type_pictogram} />` : `<img />`,
|
|
14454
14455
|
className: 'information-desks-icon',
|
|
14455
14456
|
iconSize: 48,
|
|
14456
14457
|
}),
|
|
@@ -27,12 +27,15 @@ const GrwTrekProvider = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
|
|
|
27
27
|
fetch(`${this.api}source/?language=${this.language}&fields=id,name,website,pictogram`, { signal: this.signal }),
|
|
28
28
|
fetch(`${this.api}trek_accessibility/?language=${this.language}&fields=id,name,pictogram`, { signal: this.signal }),
|
|
29
29
|
fetch(`${this.api}trek_accessibility_level/?language=${this.language}&fields=id,name`, { signal: this.signal }).catch(() => new Response('null')),
|
|
30
|
-
fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,
|
|
30
|
+
fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,geometry&page_size=999`, {
|
|
31
|
+
signal: this.signal,
|
|
32
|
+
}),
|
|
33
|
+
fetch(`${this.api}poi_type/?language=${this.language}&fields=id,pictogram`, { signal: this.signal }),
|
|
31
34
|
fetch(`${this.api}informationdesk/?language=${this.language}&near_trek=${this.trekId}&fields=id,name,description,type,phone,email,website,municipality,postal_code,street,photo_url,latitude,longitude&page_size=999`, { signal: this.signal }),
|
|
32
35
|
fetch(`${this.api}trek/${this.trekId}/?language=${this.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,arrival,altimetric_profile,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`, { signal: this.signal }),
|
|
33
36
|
])
|
|
34
37
|
.then(responses => Promise.all(responses.map(response => response.json())))
|
|
35
|
-
.then(([difficulties, routes, practices, themes, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, informationDesks, trek]) => {
|
|
38
|
+
.then(([difficulties, routes, practices, themes, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, poiTypes, informationDesks, trek]) => {
|
|
36
39
|
state.trekNetworkError = false;
|
|
37
40
|
if (difficulties) {
|
|
38
41
|
state.difficulties = difficulties.results;
|
|
@@ -56,6 +59,7 @@ const GrwTrekProvider = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
|
|
|
56
59
|
state.accessibilitiesLevel = accessibilitiesLevel.results;
|
|
57
60
|
}
|
|
58
61
|
state.currentPois = pois.results;
|
|
62
|
+
state.poiTypes = poiTypes.results;
|
|
59
63
|
state.currentInformationDesks = informationDesks.results;
|
|
60
64
|
state.currentTrek = trek;
|
|
61
65
|
})
|
package/dist/components/store.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-ee473772.js';
|
|
2
|
-
import { o as onChange, s as state } from './store-
|
|
2
|
+
import { o as onChange, s as state } from './store-ab2dacd4.js';
|
|
3
3
|
|
|
4
4
|
const 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>`;
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-ee473772.js';
|
|
2
|
-
import { s as state, o as onChange } from './store-
|
|
2
|
+
import { s as state, o as onChange } from './store-ab2dacd4.js';
|
|
3
3
|
import { d as durationImage, f as formatDuration, l as lengthImage, a as formatLength, b as ascentImage, c as formatAscent } from './length-d82189db.js';
|
|
4
4
|
|
|
5
5
|
const grwFilterCss = ".filter-name{margin-left:8px;color:var(--color-primary);font-size:24px;font-weight:bold}.filter-button-container{display:flex;flex-direction:row;flex-wrap:wrap}.filter-button-container .filter-button,.filter-button-container .selected-filter-button{user-select:none;cursor:pointer;border:1px var(--color-primary) solid;border-radius:8px;margin:8px 0px 0px 8px;padding:8px}.filter-button-container .filter-button{color:var(--color-primary);background-color:#ffffff}.filter-button-container .selected-filter-button{color:#ffffff;background-color:var(--color-primary)}";
|
|
@@ -14358,6 +14358,7 @@ const GrwMap = class {
|
|
|
14358
14358
|
}
|
|
14359
14359
|
}
|
|
14360
14360
|
addTrek() {
|
|
14361
|
+
var _a;
|
|
14361
14362
|
const currentTrekFeature = {
|
|
14362
14363
|
type: 'Feature',
|
|
14363
14364
|
geometry: state.currentTrek.geometry,
|
|
@@ -14480,14 +14481,14 @@ const GrwMap = class {
|
|
|
14480
14481
|
for (const currentPoi of state.currentPois) {
|
|
14481
14482
|
currentPoisFeatureCollection.features.push({
|
|
14482
14483
|
type: 'Feature',
|
|
14483
|
-
properties: { name: currentPoi.name, type_pictogram: currentPoi.
|
|
14484
|
+
properties: { name: currentPoi.name, type_pictogram: (_a = state.poiTypes.find(poiType => poiType.id === currentPoi.type)) === null || _a === void 0 ? void 0 : _a.pictogram },
|
|
14484
14485
|
geometry: currentPoi.geometry,
|
|
14485
14486
|
});
|
|
14486
14487
|
}
|
|
14487
14488
|
this.currentPoisLayer = leafletSrc.geoJSON(currentPoisFeatureCollection, {
|
|
14488
14489
|
pointToLayer: (geoJsonPoint, latlng) => leafletSrc.marker(latlng, {
|
|
14489
14490
|
icon: leafletSrc.divIcon({
|
|
14490
|
-
html: geoJsonPoint.properties.type_pictogram
|
|
14491
|
+
html: geoJsonPoint.properties.type_pictogram ? `<img src=${geoJsonPoint.properties.type_pictogram} />` : `<img />`,
|
|
14491
14492
|
className: 'poi-icon',
|
|
14492
14493
|
iconSize: 48,
|
|
14493
14494
|
}),
|
|
@@ -14521,7 +14522,7 @@ const GrwMap = class {
|
|
|
14521
14522
|
this.currentInformationDesksLayer = leafletSrc.geoJSON(currentInformationDesksFeatureCollection, {
|
|
14522
14523
|
pointToLayer: (geoJsonPoint, latlng) => leafletSrc.marker(latlng, {
|
|
14523
14524
|
icon: leafletSrc.divIcon({
|
|
14524
|
-
html: geoJsonPoint.properties.type_pictogram
|
|
14525
|
+
html: geoJsonPoint.properties.type_pictogram ? `<img src=${geoJsonPoint.properties.type_pictogram} />` : `<img />`,
|
|
14525
14526
|
className: 'information-desks-icon',
|
|
14526
14527
|
iconSize: 48,
|
|
14527
14528
|
}),
|
|
@@ -14696,12 +14697,15 @@ const GrwTrekProvider = class {
|
|
|
14696
14697
|
fetch(`${this.api}source/?language=${this.language}&fields=id,name,website,pictogram`, { signal: this.signal }),
|
|
14697
14698
|
fetch(`${this.api}trek_accessibility/?language=${this.language}&fields=id,name,pictogram`, { signal: this.signal }),
|
|
14698
14699
|
fetch(`${this.api}trek_accessibility_level/?language=${this.language}&fields=id,name`, { signal: this.signal }).catch(() => new Response('null')),
|
|
14699
|
-
fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,
|
|
14700
|
+
fetch(`${this.api}poi/?language=${this.language}&trek=${this.trekId}&published=true&fields=id,name,description,attachments,type,geometry&page_size=999`, {
|
|
14701
|
+
signal: this.signal,
|
|
14702
|
+
}),
|
|
14703
|
+
fetch(`${this.api}poi_type/?language=${this.language}&fields=id,pictogram`, { signal: this.signal }),
|
|
14700
14704
|
fetch(`${this.api}informationdesk/?language=${this.language}&near_trek=${this.trekId}&fields=id,name,description,type,phone,email,website,municipality,postal_code,street,photo_url,latitude,longitude&page_size=999`, { signal: this.signal }),
|
|
14701
14705
|
fetch(`${this.api}trek/${this.trekId}/?language=${this.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,arrival,altimetric_profile,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`, { signal: this.signal }),
|
|
14702
14706
|
])
|
|
14703
14707
|
.then(responses => Promise.all(responses.map(response => response.json())))
|
|
14704
|
-
.then(([difficulties, routes, practices, themes, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, informationDesks, trek]) => {
|
|
14708
|
+
.then(([difficulties, routes, practices, themes, sensitiveAreas, labels, sources, accessibilities, accessibilitiesLevel, pois, poiTypes, informationDesks, trek]) => {
|
|
14705
14709
|
state.trekNetworkError = false;
|
|
14706
14710
|
if (difficulties) {
|
|
14707
14711
|
state.difficulties = difficulties.results;
|
|
@@ -14725,6 +14729,7 @@ const GrwTrekProvider = class {
|
|
|
14725
14729
|
state.accessibilitiesLevel = accessibilitiesLevel.results;
|
|
14726
14730
|
}
|
|
14727
14731
|
state.currentPois = pois.results;
|
|
14732
|
+
state.poiTypes = poiTypes.results;
|
|
14728
14733
|
state.currentInformationDesks = informationDesks.results;
|
|
14729
14734
|
state.currentTrek = trek;
|
|
14730
14735
|
})
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-ee473772.js';
|
|
2
|
-
import { s as state } from './store-
|
|
2
|
+
import { s as state } from './store-ab2dacd4.js';
|
|
3
3
|
|
|
4
4
|
const grwInformationDeskDetailCss = ":host{display:flex;flex-direction:column}:host a{color:var(--color-primary)}.information-desk-img{width:180px}.information-desk-img img{width:180px;border-radius:8px}.information-desk-sub-container{display:flex;flex-direction:column}.information-desk-name{color:var(--color-primary);font-size:24px;font-weight:bold;padding:12px 0px}.information-desk-description{font-size:16px}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-ee473772.js';
|
|
2
|
-
import { s as state, o as onChange } from './store-
|
|
2
|
+
import { s as state, o as onChange } from './store-ab2dacd4.js';
|
|
3
3
|
import { d as durationImage, f as formatDuration, l as lengthImage, a as formatLength, b as ascentImage, c as formatAscent } from './length-d82189db.js';
|
|
4
4
|
|
|
5
5
|
const grwTrekCardCss = ".trek-card-container,.trek-card-large-view-container{font-family:\"Roboto\";border-radius:8px;box-shadow:4px 8px 24px rgba(0, 0, 0, 0.25);cursor:pointer}.trek-card-container .image,.trek-card-large-view-container .image{object-fit:cover}.trek-card-container .sub-container,.trek-card-large-view-container .sub-container{display:flex;flex-direction:column;justify-content:center;padding:12px}.trek-card-container .sub-container .name,.trek-card-large-view-container .sub-container .name{color:var(--color-primary);font-size:24px;font-weight:bold;margin-bottom:8px}.trek-card-container .sub-container .departure,.trek-card-large-view-container .sub-container .departure{color:rgba(0, 0, 0, 0.7);font-size:16px;margin:4px 0px}.trek-card-container .sub-container .themes-container,.trek-card-large-view-container .sub-container .themes-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.trek-card-container .sub-container .themes-container .theme,.trek-card-large-view-container .sub-container .themes-container .theme{background-color:var(--color-primary-tint);color:#ffffff;border-radius:8px;padding:8px;margin:0px 8px 8px 0px}.trek-card-container .sub-container .icons-labels-container,.trek-card-large-view-container .sub-container .icons-labels-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.trek-card-container .sub-container .icons-labels-container .row,.trek-card-large-view-container .sub-container .icons-labels-container .row{display:flex;justify-content:space-between;align-items:center;width:100%}.trek-card-container .sub-container .icons-labels-container .row:not(:last-child),.trek-card-large-view-container .sub-container .icons-labels-container .row:not(:last-child){margin-bottom:12px}.trek-card-container .sub-container .icons-labels-container .row .icon-label,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label{display:flex;align-items:center;width:50%}.trek-card-container .sub-container .icons-labels-container .row .icon-label:nth-child(2),.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label:nth-child(2){margin:0px 4px}.trek-card-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-container .sub-container .icons-labels-container .row .icon-label .svg-icon svg,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label .svg-icon svg{width:24px;height:auto;margin-right:8px}.trek-card-container .sub-container .icons-labels-container .row .practice img,.trek-card-large-view-container .sub-container .icons-labels-container .row .practice img{background-color:var(--color-primary)}.trek-card-container{width:350px;height:auto}.trek-card-container .image{width:100%}.trek-card-large-view-container{height:auto;display:flex;flex-direction:row}.trek-card-large-view-container .image{width:250px}";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,b as
|
|
1
|
+
import{p as r,b as e}from"./p-b62909db.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),r(o)})().then((r=>e([["p-973a44cb",[[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]}]]],["p-ee0db5c4",[[1,"grw-information-desk-detail",{informationDesk:[16]}],[1,"grw-poi-detail",{poi:[16]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}]]],["p-84bb45be",[[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],currentTrek:[32]}],[1,"grw-treks-list",{colorPrimary:[1,"color-primary"],colorPrimaryTint:[1,"color-primary-tint"],isLargeView:[4,"is-large-view"],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"],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]}]]],["p-7694955c",[[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 i,h as t,H as e,g as r}from"./p-b62909db.js";import{o,s as a}from"./p-
|
|
1
|
+
import{r as i,h as t,H as e,g as r}from"./p-b62909db.js";import{o,s as a}from"./p-fb36dda2.js";const n=class{constructor(t){i(this,t),this.showTrek=!1,this.showTreksMap=!1,this.showTrekMap=!1,this.showFilters=!1,this.isLargeView=!1,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)}onTrekCardPress(i){this.currentTrekId=i.detail,this.showTrek=!this.showTrek;const t=new URL(window.location.toString());t.searchParams.set("trek",this.currentTrekId.toString()),window.history.pushState({},"",t)}onWindowResize(){this.handleView()}watchPropHandler(){window.dispatchEvent(new window.Event("resize"))}componentDidLoad(){o("trekNetworkError",(()=>{if(a.trekNetworkError){const i=new URL(window.location.toString());i.searchParams.delete("trek"),window.history.replaceState({},"",i),this.onTrekDetailsClose()}})),this.handleView(),window.addEventListener("popstate",this.handlePopStateBind,!1);const i=new URL(window.location.toString()),t=i.searchParams.get("trek");t&&(window.history.replaceState({isInitialHistoryWithTrek:!0},"",i),this.currentTrekId=Number(t),this.showTrek=!this.showTrek)}onTrekDetailsClose(){a.currentTrek=null,this.currentTrekId=null,this.showTrek=!this.showTrek}handleView(){this.isLargeView=this.element.getBoundingClientRect().width>=this.largeViewSize,this.showTreksMap=this.isLargeView,this.showTrekMap=this.isLargeView}handleFilters(){this.showFilters=!this.showFilters}handleBackButton(){if(window.history.state.isInitialHistoryWithTrek){this.onTrekDetailsClose();const i=new URL(window.location.toString());i.searchParams.delete("trek"),window.history.pushState({},"",i)}else window.history.back()}handlePopState(){const i=new URL(window.location.toString()).searchParams.get("trek");i?(this.currentTrekId=Number(i),this.showTrek=!this.showTrek):this.onTrekDetailsClose()}handleShowMap(){this.currentTrekId?this.showTrekMap=!this.showTrekMap:this.showTreksMap=!this.showTreksMap}disconnectedCallback(){window.removeEventListener("popstate",this.handlePopStateBind)}render(){return t(e,{style:{"--color-primary":this.colorPrimary,"--color-primary-tint":this.colorPrimaryTint,"--color-primary-shade":this.colorPrimaryShade}},t("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}),!a.currentTreks&&!a.currentTrek&&t("div",{class:"init-loader-container"},t("span",{class:"loader"})),this.showTrek&&this.currentTrekId&&t("grw-trek-provider",{api:a.api,language:this.language,"trek-id":this.currentTrekId}),(a.currentTreks||a.currentTrek)&&t("div",{class:"app-container"},t("div",{class:this.isLargeView?"large-view-header-container":"header-container"},this.showTrek?t("div",{onClick:()=>this.handleBackButton(),class:"arrow-back-icon",innerHTML:'<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>'}):t("div",{class:"handle-filters-container"},t("div",{onClick:()=>this.handleFilters(),class:"handle-filters-button"},"FILTRER"),a.treksWithinBounds&&t("div",{class:"current-treks-within-bounds-length"},`${a.treksWithinBounds.length} randonnée${a.treksWithinBounds.length>1?"s":""}`)),!this.showTrek&&this.showFilters&&t("div",{class:"options-container"},t("div",{class:"filters-container"},t("div",{onClick:()=>this.handleFilters(),class:"close-filters-button"},"X"),t("div",null,t("grw-filter",{filterName:"Pratique",filterType:"practices",filterNameProperty:"name"})),t("div",{class:"filter-margin-top"},t("grw-filter",{filterName:"Difficulté",filterType:"difficulties",filterNameProperty:"label"})),t("div",{class:"filter-margin-top"},t("grw-filter",{filterName:"Durée",filterType:"durations",filterNameProperty:"name"}))),t("div",{onClick:()=>this.handleFilters(),class:"back-filters-container"})),t("div",{class:"attribution-container"},t("a",{target:"_blank",href:"https://geotrek.fr"},"GEOTREK"))),t("div",{class:"content-container"},t("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"}},t("grw-treks-list",{"is-large-view":this.isLargeView,"color-primary":this.colorPrimary,"color-primary-tint":this.colorPrimaryTint})),this.showTrek&&!a.currentTrek&&t("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},t("span",{class:"loader"})),a.currentTrek&&t("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},t("grw-trek-detail",{"color-primary":this.colorPrimary,"color-primary-shade":this.colorPrimaryShade,"color-primary-tint":this.colorPrimaryTint})),t("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})),t("div",{class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},t("div",{onClick:()=>this.handleShowMap()},this.showTrek?this.showTrekMap?"Voir la fiche":"Voir la carte":this.showTreksMap?"Voir la liste":"Voir la carte"))))}get element(){return r(this)}static get watchers(){return{isLargeView:["watchPropHandler"]}}};n.style='.app-container{position:relative;height:100%;max-height:100vh;font-family:"Roboto"}.header-container,.large-view-header-container{display:flex;flex-direction:row;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:flex;align-items:center}.header-container .handle-filters-container .handle-filters-button,.large-view-header-container .handle-filters-container .handle-filters-button{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:flex;justify-content: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;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.content-container{position:relative;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:flex;justify-content:center;align-items:center;position:absolute;bottom:24px;width:100%;z-index:400;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%}';export{n as grw_app}
|