npm - @geotrekce/geotrek-rando-widget - Versions diffs - 0.3.0 → 0.3.1 - Mend

@geotrekce/geotrek-rando-widget 0.3.0 → 0.3.1

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.

Files changed (98) hide show

package/dist/collection/i18n/i18n.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"~~AAgEA~~,MAAM,CAAC,MAAM,SAAS,GAA0B;EAC9C,EAAE,EAAE;IACF,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,eAAe;IACzB,OAAO,EAAE,eAAe;IACxB,SAAS,EAAE,mBAAmB;IAC9B,WAAW,EAAE,eAAe;IAC5B,SAAS,EAAE,iBAAiB;IAC5B,WAAW,EAAE,aAAa;IAC1B,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,SAAS;IAClB,gBAAgB,EAAE,qBAAqB;IACvC,UAAU,EAAE,eAAe;IAC3B,SAAS,EAAE,WAAW;IACtB,eAAe,EAAE,iBAAiB;IAClC,kBAAkB,EAAE,mBAAmB;IACvC,UAAU,EAAE,aAAa;IACzB,2BAA2B,EAAE,uCAAuC;IACpE,iBAAiB,EAAE,wBAAwB;IAC3C,aAAa,EAAE,eAAe;IAC9B,kBAAkB,EAAE,wBAAwB;IAC5C,kBAAkB,EAAE,OAAO;IAC3B,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,eAAe;IACrC,qBAAqB,EAAE,YAAY;IACnC,qBAAqB,EAAE,YAAY;IACnC,oBAAoB,EAAE,UAAU;IAChC,IAAI,EAAE,CAAC,UAAkB,EAAE,EAAE,CAAC,OAAO,UAAU,0BAA0B;IACzE,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,qBAAqB;IAC7B,OAAO,EAAE;MACP,YAAY,EAAE,cAAc;MAC5B,WAAW,EAAE,aAAa;MAC1B,eAAe,EAAE,iBAAiB;MAClC,2BAA2B,EAAE,iBAAiB;MAC9C,iBAAiB,EAAE,sBAAsB;MACzC,IAAI,EAAE,aAAa;KACpB;IACD,MAAM,EAAE;MACN,eAAe,EAAE,qBAAqB;MACtC,OAAO,EAAE,mBAAmB;MAC5B,aAAa,EAAE,uCAAuC;MACtD,iBAAiB,EAAE,wBAAwB;MAC3C,IAAI,EAAE,aAAa;KACpB;IACD,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,kBAAkB;IAC1B,SAAS,EAAE,kBAAkB;IAC7B,UAAU,EAAE,WAAW;IACvB,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,SAAS;IAChB,EAAE,EAAE,IAAI;~~GACT~~;EACD,EAAE,EAAE;IACF,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,eAAe;IACzB,OAAO,EAAE,cAAc;IACvB,SAAS,EAAE,gBAAgB;IAC3B,WAAW,EAAE,kBAAkB;IAC/B,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;IAC1B,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,gBAAgB,EAAE,mBAAmB;IACrC,UAAU,EAAE,YAAY;IACxB,SAAS,EAAE,WAAW;IACtB,eAAe,EAAE,iBAAiB;IAClC,kBAAkB,EAAE,qBAAqB;IACzC,UAAU,EAAE,aAAa;IACzB,2BAA2B,EAAE,oCAAoC;IACjE,iBAAiB,EAAE,oBAAoB;IACvC,aAAa,EAAE,eAAe;IAC9B,kBAAkB,EAAE,qBAAqB;IACzC,kBAAkB,EAAE,OAAO;IAC3B,kBAAkB,EAAE,OAAO;IAC3B,oBAAoB,EAAE,SAAS;IAC/B,qBAAqB,EAAE,UAAU;IACjC,qBAAqB,EAAE,UAAU;IACjC,oBAAoB,EAAE,SAAS;IAC/B,IAAI,EAAE,CAAC,UAAkB,EAAE,EAAE,CAAC,GAAG,UAAU,qBAAqB;IAChE,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,gBAAgB;IACxB,OAAO,EAAE;MACP,YAAY,EAAE,cAAc;MAC5B,WAAW,EAAE,aAAa;MAC1B,eAAe,EAAE,iBAAiB;MAClC,2BAA2B,EAAE,iBAAiB;MAC9C,iBAAiB,EAAE,oBAAoB;MACvC,IAAI,EAAE,oBAAoB;KAC3B;IACD,MAAM,EAAE;MACN,eAAe,EAAE,kBAAkB;MACnC,OAAO,EAAE,SAAS;MAClB,aAAa,EAAE,iBAAiB;MAChC,iBAAiB,EAAE,oBAAoB;MACvC,IAAI,EAAE,oBAAoB;KAC3B;IACD,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,gBAAgB;IACxB,SAAS,EAAE,oBAAoB;IAC/B,UAAU,EAAE,YAAY;IACxB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,OAAO;IACd,EAAE,EAAE,IAAI;~~GACT~~;CACF,CAAC","sourcesContent":["interface Translation {\n filter: string;\n practice: string;\n difficulty: string;\n duration: string;\n length: string;\n treks: string;\n trek: string;\n showList: string;\n showMap: string;\n showRoute: string;\n showDetails: string;\n downloads: string;\n description: string;\n departure: string;\n arrival: string;\n elevationProfile: string;\n roadAccess: string;\n transport: string;\n recommendations: string;\n recommendedParking: string;\n equipments: string;\n environmentalSensitiveAreas: string;\n informationPlaces: string;\n accessibility: string;\n accessibilityLevel: string;\n accessibilitySlope: string;\n accessibilityWidth: string;\n accessibilitySignage: string;\n accessibilityCovering: string;\n accessibilityExposure: string;\n accessibilityAdvices: string;\n pois: Function;\n sources: string;\n cities: string;\n options: {\n presentation: string;\n description: string;\n recommendations: string;\n environmentalSensitiveAreas: string;\n informationPlaces: string;\n pois: string;\n };\n layers: {\n pointsReference: string;\n parking: string;\n sensitiveArea: string;\n informationPlaces: string;\n pois: string;\n };\n themes: string;\n routes: string;\n elevation: string;\n activities: string;\n districts: string;\n erase: string;\n ok: string;\n}\n\ninterface AvailableTranslations {\n fr: Translation;\n en: Translation;\n}\n\nexport const translate: AvailableTranslations = {\n fr: {\n filter: 'Filtrer',\n practice: 'Pratique',\n difficulty: 'Difficulté',\n duration: 'Durée',\n length: 'Longueur',\n treks: 'randonnées',\n trek: 'randonnée',\n showList: 'Voir la liste',\n showMap: 'Voir la carte',\n showRoute: \"Voir l'itinéraire\",\n showDetails: 'Voir la fiche',\n downloads: 'Téléchargements',\n description: 'Description',\n departure: 'Départ',\n arrival: 'Arrivée',\n elevationProfile: 'Profil altimétrique',\n roadAccess: 'Accès routier',\n transport: 'Transport',\n recommendations: 'Recommandations',\n recommendedParking: 'Parking conseillé',\n equipments: 'Équipements',\n environmentalSensitiveAreas: 'Zones de sensibilité environnementale',\n informationPlaces: 'Lieux de renseignement',\n accessibility: 'Accessibilité',\n accessibilityLevel: \"Niveau d'accessibilité\",\n accessibilitySlope: 'Pente',\n accessibilityWidth: 'Largeur',\n accessibilitySignage: 'Signalisation',\n accessibilityCovering: 'Revêtement',\n accessibilityExposure: 'Exposition',\n accessibilityAdvices: 'Conseils',\n pois: (poisLength: number) => `Les ${poisLength} patrimoines à découvrir`,\n sources: 'Sources',\n cities: 'Communes traversées',\n options: {\n presentation: 'Présentation',\n description: 'Description',\n recommendations: 'Recommandations',\n environmentalSensitiveAreas: 'Zones sensibles',\n informationPlaces: \"Lieux d'informations\",\n pois: 'Patrimoines',\n },\n layers: {\n pointsReference: 'Points de référence',\n parking: 'Parking conseillé',\n sensitiveArea: 'Zones de sensibilité environnementale',\n informationPlaces: 'Lieux de renseignement',\n pois: 'Patrimoines',\n },\n themes: 'Thèmes',\n routes: 'Type de parcours',\n elevation: 'Denivelé positif',\n activities: 'Activités',\n districts: 'Secteurs',\n erase: 'Effacer',\n ok: 'Ok',\n },\n en: {\n filter: 'Filter',\n practice: 'Practice',\n difficulty: 'Difficulty',\n duration: 'Duration',\n length: 'Length',\n treks: 'Hikes',\n trek: 'Hike',\n showList: 'Show the list',\n showMap: 'Show the map',\n showRoute: 'Show the route',\n showDetails: 'Show the details',\n downloads: 'Downloads',\n description: 'Description',\n departure: 'Departure',\n arrival: 'Arrival',\n elevationProfile: 'Elevation profile',\n roadAccess: 'Road acess',\n transport: 'Transport',\n recommendations: 'Recommendations',\n recommendedParking: 'Parking recommended',\n equipments: 'Equipements',\n environmentalSensitiveAreas: 'Areas of environmental sensitivity',\n informationPlaces: 'Information places',\n accessibility: 'Accessibility',\n accessibilityLevel: 'Accessibility level',\n accessibilitySlope: 'Slope',\n accessibilityWidth: 'Width',\n accessibilitySignage: 'Signage',\n accessibilityCovering: 'Covering',\n accessibilityExposure: 'Exposure',\n accessibilityAdvices: 'Advices',\n pois: (poisLength: number) => `${poisLength} points of interest`,\n sources: 'Sources',\n cities: 'Cities crossed',\n options: {\n presentation: 'Presentation',\n description: 'Description',\n recommendations: 'Recommendations',\n environmentalSensitiveAreas: 'Sensitive areas',\n informationPlaces: 'Information places',\n pois: 'Points of interest',\n },\n layers: {\n pointsReference: 'Reference points',\n parking: 'Parking',\n sensitiveArea: 'Sensitive areas',\n informationPlaces: 'Information places',\n pois: 'Points of interest',\n },\n themes: 'Themes',\n routes: 'Type of course',\n elevation: 'Positive elevation',\n activities: 'Activities',\n districts: 'Districts',\n erase: 'Erase',\n ok: 'Ok',\n },\n};\n"]}
1	+ {"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"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","sourcesContent":["interface Translation {\n filter: string;\n practice: string;\n difficulty: string;\n duration: string;\n length: string;\n treks: string;\n trek: string;\n showList: string;\n showMap: string;\n showRoute: string;\n showDetails: string;\n downloads: string;\n description: string;\n departure: string;\n arrival: string;\n elevationProfile: string;\n roadAccess: string;\n transport: string;\n recommendations: string;\n recommendedParking: string;\n equipments: string;\n environmentalSensitiveAreas: string;\n informationPlaces: string;\n accessibility: string;\n accessibilityLevel: string;\n accessibilitySlope: string;\n accessibilityWidth: string;\n accessibilitySignage: string;\n accessibilityCovering: string;\n accessibilityExposure: string;\n accessibilityAdvices: string;\n pois: Function;\n sources: string;\n cities: string;\n options: {\n presentation: string;\n description: string;\n recommendations: string;\n environmentalSensitiveAreas: string;\n informationPlaces: string;\n pois: string;\n };\n layers: {\n pointsReference: string;\n parking: string;\n sensitiveArea: string;\n informationPlaces: string;\n pois: string;\n };\n themes: string;\n routes: string;\n elevation: string;\n activities: string;\n districts: string;\n erase: string;\n ok: string;\n location: string;\n}\n\ninterface AvailableTranslations {\n fr: Translation;\n en: Translation;\n}\n\nexport const translate: AvailableTranslations = {\n fr: {\n filter: 'Filtrer',\n practice: 'Pratique',\n difficulty: 'Difficulté',\n duration: 'Durée',\n length: 'Longueur',\n treks: 'randonnées',\n trek: 'randonnée',\n showList: 'Voir la liste',\n showMap: 'Voir la carte',\n showRoute: \"Voir l'itinéraire\",\n showDetails: 'Voir la fiche',\n downloads: 'Téléchargements',\n description: 'Description',\n departure: 'Départ',\n arrival: 'Arrivée',\n elevationProfile: 'Profil altimétrique',\n roadAccess: 'Accès routier',\n transport: 'Transport',\n recommendations: 'Recommandations',\n recommendedParking: 'Parking conseillé',\n equipments: 'Équipements',\n environmentalSensitiveAreas: 'Zones de sensibilité environnementale',\n informationPlaces: 'Lieux de renseignement',\n accessibility: 'Accessibilité',\n accessibilityLevel: \"Niveau d'accessibilité\",\n accessibilitySlope: 'Pente',\n accessibilityWidth: 'Largeur',\n accessibilitySignage: 'Signalisation',\n accessibilityCovering: 'Revêtement',\n accessibilityExposure: 'Exposition',\n accessibilityAdvices: 'Conseils',\n pois: (poisLength: number) => `Les ${poisLength} patrimoines à découvrir`,\n sources: 'Sources',\n cities: 'Communes traversées',\n options: {\n presentation: 'Présentation',\n description: 'Description',\n recommendations: 'Recommandations',\n environmentalSensitiveAreas: 'Zones sensibles',\n informationPlaces: \"Lieux d'informations\",\n pois: 'Patrimoines',\n },\n layers: {\n pointsReference: 'Points de référence',\n parking: 'Parking conseillé',\n sensitiveArea: 'Zones de sensibilité environnementale',\n informationPlaces: 'Lieux de renseignement',\n pois: 'Patrimoines',\n },\n themes: 'Thèmes',\n routes: 'Type de parcours',\n elevation: 'Denivelé positif',\n activities: 'Activités',\n districts: 'Secteurs',\n erase: 'Effacer',\n ok: 'Ok',\n location: 'Localisation',\n },\n en: {\n filter: 'Filter',\n practice: 'Practice',\n difficulty: 'Difficulty',\n duration: 'Duration',\n length: 'Length',\n treks: 'Hikes',\n trek: 'Hike',\n showList: 'Show the list',\n showMap: 'Show the map',\n showRoute: 'Show the route',\n showDetails: 'Show the details',\n downloads: 'Downloads',\n description: 'Description',\n departure: 'Departure',\n arrival: 'Arrival',\n elevationProfile: 'Elevation profile',\n roadAccess: 'Road acess',\n transport: 'Transport',\n recommendations: 'Recommendations',\n recommendedParking: 'Parking recommended',\n equipments: 'Equipements',\n environmentalSensitiveAreas: 'Areas of environmental sensitivity',\n informationPlaces: 'Information places',\n accessibility: 'Accessibility',\n accessibilityLevel: 'Accessibility level',\n accessibilitySlope: 'Slope',\n accessibilityWidth: 'Width',\n accessibilitySignage: 'Signage',\n accessibilityCovering: 'Covering',\n accessibilityExposure: 'Exposure',\n accessibilityAdvices: 'Advices',\n pois: (poisLength: number) => `${poisLength} points of interest`,\n sources: 'Sources',\n cities: 'Cities crossed',\n options: {\n presentation: 'Presentation',\n description: 'Description',\n recommendations: 'Recommendations',\n environmentalSensitiveAreas: 'Sensitive areas',\n informationPlaces: 'Information places',\n pois: 'Points of interest',\n },\n layers: {\n pointsReference: 'Reference points',\n parking: 'Parking',\n sensitiveArea: 'Sensitive areas',\n informationPlaces: 'Information places',\n pois: 'Points of interest',\n },\n themes: 'Themes',\n routes: 'Type of course',\n elevation: 'Positive elevation',\n activities: 'Activities',\n districts: 'Districts',\n erase: 'Erase',\n ok: 'Ok',\n location: 'Location',\n },\n};\n"]}

package/dist/esm/grw-app.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-82644551.js';
-import { t as translate } from './i18n-3554af6e.js';
+import { t as translate } from './i18n-edd08a35.js';
 import { o as onChange, s as state, r as reset } from './store-d82e965e.js';
 import { f as filters, h as handleFiltersAndSearch } from './utils-f5faa5c9.js';
@@ -193,7 +193,7 @@ const GrwApp = class {
         : translate[state.language].showRoute
       : this.showTreksMap
         ? translate[state.language].showList
-        : translate[state.language].showMap))))), !this.showTrek && this.showFilters && (h("div", { class: "options-container" }, h("div", { class: "filters-container" }, h("div", { class: "filters-options-container" }, state.treksWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.treksWithinBounds.length} ${state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, "Autres ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, "Th\u00E8mes ", state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, "Localisation ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { class: "segment-container" }, state['practices'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['difficulties'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), state['durations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['lengths'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['elevations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['routes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), state['accessibilities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['labels'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (h("div", { class: "segment-container" }, state['themes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].themes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].cities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))), h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" })))));
+        : translate[state.language].showMap))))), !this.showTrek && this.showFilters && (h("div", { class: "options-container" }, h("div", { class: "filters-container" }, h("div", { class: "filters-options-container" }, state.treksWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.treksWithinBounds.length} ${state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, translate[state.language].activities, " ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, translate[state.language].themes, " ", state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, translate[state.language].location, " ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { class: "segment-container" }, state['practices'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['difficulties'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), state['durations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['lengths'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['elevations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['routes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), state['accessibilities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['labels'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (h("div", { class: "segment-container" }, state['themes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].themes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].cities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))), h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" })))));
   }
   get appElement() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/grw-app.entry.js.br CHANGED Viewed

Binary file

package/dist/esm/grw-app.entry.js.gz CHANGED Viewed

Binary file

package/dist/esm/grw-app.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"grw-app.entry.js","mappings":"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","names":[],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols {\n font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\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 height: 64px;\n .arrow-back-container {\n display: flex;\n align-items: center;\n height: 100%;\n margin: 0px 16px;\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: 0px;\n text-align: left;\n }\n }\n}\n\n.options-container {\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 1100;\n top: 0px;\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 margin-left: 16px;\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 }\n }\n}\n\n.large-view-header-container {\n .handle-search-filters-container {\n justify-content: flex-start;\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 .segmented-buttons-container {\n display: flex;\n justify-content: center;\n width: calc(100% - 32px);\n height: 40px;\n margin: 16px;\n border: 1px solid var(--color-outline);\n border-radius: 20px;\n line-height: 20px;\n .segment {\n cursor: pointer;\n user-select: none;\n font-size: 14px;\n font-weight: 500;\n -webkit-tap-highlight-color: transparent;\n color: var(--color-on-surface-variant);\n background-color: transparent;\n border-radius: 0px;\n min-width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n &:first-child {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n }\n &:not(:last-child) {\n border-right: 1px solid var(--color-outline);\n }\n &:last-child {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n }\n }\n .selected-segment {\n color: var(--color-on-secondary-container);\n background-color: var(--color-secondary-container);\n }\n }\n}\n\n.filters-segment-container {\n overflow-y: scroll;\n padding-bottom: 32px;\n max-height: calc(100% - 64px - 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);\n background-color: var(--color-background);\n}\n\n.content-treks {\n height: calc(100% - 64px);\n}\n\n.content-trek {\n height: 100%;\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-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);\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-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 64px;\n margin: 0px 16px;\n .filters-options-buttons-container {\n display: flex;\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}\n\n.segment-container {\n margin-bottom: 64px;\n}\n\n.filter-container {\n &:not(:last-child) {\n &::after {\n content: '';\n display: block;\n margin: 16px;\n border-top: 1px solid var(--color-outline);\n }\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';\nimport { filters, handleFiltersAndSearch } from 'utils/utils';\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() selectedSegment = 'selectedActivitiesFilters';\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() center: string;\n @Prop() zoom: number;\n @Prop() nameLayer: string;\n @Prop() urlLayer: string;\n @Prop() attributionLayer: string;\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() colorSensitiveArea = '#4974a5';\n @Prop() colorPoiIcon = '#974c6e';\n @Prop() useGradient = false;\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 filters.forEach(filter => {\n state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n });\n state.selectedActivitiesFilters = 0;\n state.selectedThemesFilters = 0;\n state.selectedLocationFilters = 0;\n state.currentTreks = handleFiltersAndSearch();\n this.resetFilter.emit();\n }\n\n handleOkFilters() {\n this.handleFilters();\n }\n\n disconnectedCallback() {\n reset();\n window.removeEventListener('popstate', this.handlePopStateBind);\n }\n\n handleSelectedSegment(selectedSegment) {\n this.selectedSegment = selectedSegment;\n }\n\n handleSegment(segment) {\n return filters.filter(filter => filter.segment === segment).some(filter => state[filter.property] && state[filter.property].length > 0);\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 {!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 material-symbols-outlined margin-right-icon\">filter_list</span>\n {translate[state.language].filter}\n </button>\n </div>\n </div>\n ) : (\n <div class=\"arrow-back-container\">\n <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n <span class=\"material-symbols material-symbols-outlined\">arrow_back</span>\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 style={{\n visibility: (!this.showTrekMap && this.showTrek) \|\| this.isLargeView ? 'visible' : 'hidden',\n zIndex: !this.showTrekMap ? '1' : '0',\n }}\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 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 center={this.center}\n zoom={this.zoom}\n name-layer={this.nameLayer}\n url-layer={this.urlLayer}\n attribution-layer={this.attributionLayer}\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-sensitive-area={this.colorSensitiveArea}\n color-poi-icon={this.colorPoiIcon}\n is-large-view={this.isLargeView}\n use-gradient={this.useGradient}\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 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-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 <div class=\"filters-options-buttons-container\">\n <button class=\"filter-option-button\" onClick={() => this.handleEraseFilters()}>\n {translate[state.language].erase}\n </button>\n <button class=\"filter-option-button\" onClick={() => this.handleOkFilters()}>\n {translate[state.language].ok}\n </button>\n </div>\n </div>\n <div class=\"segmented-buttons-container\">\n {this.handleSegment('selectedActivitiesFilters') && (\n <label\n class={`segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`}\n onClick={() => this.handleSelectedSegment('selectedActivitiesFilters')}\n >\n Autres {state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`}\n </label>\n )}\n {this.handleSegment('selectedThemesFilters') && (\n <label\n class={`segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`}\n onClick={() => this.handleSelectedSegment('selectedThemesFilters')}\n >\n Thèmes {state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`}\n </label>\n )}\n {this.handleSegment('selectedLocationFilters') && (\n <label\n class={`segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`}\n onClick={() => this.handleSelectedSegment('selectedLocationFilters')}\n >\n Localisation {state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`}\n </label>\n )}\n </div>\n <div class=\"filters-segment-container\">\n {this.selectedSegment === 'selectedActivitiesFilters' && (\n <div class=\"segment-container\">\n {state['practices'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].practice}\n filterType=\"practices\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['difficulties'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].difficulty}\n filterType=\"difficulties\"\n filterNameProperty=\"label\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['durations'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].duration}\n filterType=\"durations\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['lengths'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n </div>\n )}\n {state['elevations'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].elevation}\n filterType=\"elevations\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['routes'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\" segment=\"selectedActivitiesFilters\"></grw-filter>\n </div>\n )}\n {state['accessibilities'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].accessibility}\n filterType=\"accessibilities\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['labels'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].activities}\n filterType=\"labels\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n </div>\n )}\n {this.selectedSegment === 'selectedThemesFilters' && (\n <div class=\"segment-container\">\n {state['themes'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter filterName={translate[state.language].themes} filterType=\"themes\" filterNameProperty=\"label\" segment=\"selectedThemesFilters\"></grw-filter>\n </div>\n )}\n </div>\n )}\n {this.selectedSegment === 'selectedLocationFilters' && (\n <div class=\"segment-container\">\n {state['districts'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].districts}\n filterType=\"districts\"\n filterNameProperty=\"name\"\n segment=\"selectedLocationFilters\"\n ></grw-filter>\n </div>\n )}\n {state['cities'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter filterName={translate[state.language].cities} filterType=\"cities\" filterNameProperty=\"name\" segment=\"selectedLocationFilters\"></grw-filter>\n </div>\n )}\n </div>\n )}\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}
1	+ {"file":"grw-app.entry.js","mappings":"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","names":[],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols {\n font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\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 height: 64px;\n .arrow-back-container {\n display: flex;\n align-items: center;\n height: 100%;\n margin: 0px 16px;\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: 0px;\n text-align: left;\n }\n }\n}\n\n.options-container {\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 1100;\n top: 0px;\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 margin-left: 16px;\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 }\n }\n}\n\n.large-view-header-container {\n .handle-search-filters-container {\n justify-content: flex-start;\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 .segmented-buttons-container {\n display: flex;\n justify-content: center;\n width: calc(100% - 32px);\n height: 40px;\n margin: 16px;\n border: 1px solid var(--color-outline);\n border-radius: 20px;\n line-height: 20px;\n .segment {\n cursor: pointer;\n user-select: none;\n font-size: 14px;\n font-weight: 500;\n -webkit-tap-highlight-color: transparent;\n color: var(--color-on-surface-variant);\n background-color: transparent;\n border-radius: 0px;\n min-width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n &:first-child {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n }\n &:not(:last-child) {\n border-right: 1px solid var(--color-outline);\n }\n &:last-child {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n }\n }\n .selected-segment {\n color: var(--color-on-secondary-container);\n background-color: var(--color-secondary-container);\n }\n }\n}\n\n.filters-segment-container {\n overflow-y: scroll;\n padding-bottom: 32px;\n max-height: calc(100% - 64px - 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);\n background-color: var(--color-background);\n}\n\n.content-treks {\n height: calc(100% - 64px);\n}\n\n.content-trek {\n height: 100%;\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-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);\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-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 64px;\n margin: 0px 16px;\n .filters-options-buttons-container {\n display: flex;\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}\n\n.segment-container {\n margin-bottom: 64px;\n}\n\n.filter-container {\n &:not(:last-child) {\n &::after {\n content: '';\n display: block;\n margin: 16px;\n border-top: 1px solid var(--color-outline);\n }\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';\nimport { filters, handleFiltersAndSearch } from 'utils/utils';\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() selectedSegment = 'selectedActivitiesFilters';\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() center: string;\n @Prop() zoom: number;\n @Prop() nameLayer: string;\n @Prop() urlLayer: string;\n @Prop() attributionLayer: string;\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() colorSensitiveArea = '#4974a5';\n @Prop() colorPoiIcon = '#974c6e';\n @Prop() useGradient = false;\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 filters.forEach(filter => {\n state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n });\n state.selectedActivitiesFilters = 0;\n state.selectedThemesFilters = 0;\n state.selectedLocationFilters = 0;\n state.currentTreks = handleFiltersAndSearch();\n this.resetFilter.emit();\n }\n\n handleOkFilters() {\n this.handleFilters();\n }\n\n disconnectedCallback() {\n reset();\n window.removeEventListener('popstate', this.handlePopStateBind);\n }\n\n handleSelectedSegment(selectedSegment) {\n this.selectedSegment = selectedSegment;\n }\n\n handleSegment(segment) {\n return filters.filter(filter => filter.segment === segment).some(filter => state[filter.property] && state[filter.property].length > 0);\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 {!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 material-symbols-outlined margin-right-icon\">filter_list</span>\n {translate[state.language].filter}\n </button>\n </div>\n </div>\n ) : (\n <div class=\"arrow-back-container\">\n <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n <span class=\"material-symbols material-symbols-outlined\">arrow_back</span>\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 style={{\n visibility: (!this.showTrekMap && this.showTrek) \|\| this.isLargeView ? 'visible' : 'hidden',\n zIndex: !this.showTrekMap ? '1' : '0',\n }}\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 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 center={this.center}\n zoom={this.zoom}\n name-layer={this.nameLayer}\n url-layer={this.urlLayer}\n attribution-layer={this.attributionLayer}\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-sensitive-area={this.colorSensitiveArea}\n color-poi-icon={this.colorPoiIcon}\n is-large-view={this.isLargeView}\n use-gradient={this.useGradient}\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 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-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 <div class=\"filters-options-buttons-container\">\n <button class=\"filter-option-button\" onClick={() => this.handleEraseFilters()}>\n {translate[state.language].erase}\n </button>\n <button class=\"filter-option-button\" onClick={() => this.handleOkFilters()}>\n {translate[state.language].ok}\n </button>\n </div>\n </div>\n <div class=\"segmented-buttons-container\">\n {this.handleSegment('selectedActivitiesFilters') && (\n <label\n class={`segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`}\n onClick={() => this.handleSelectedSegment('selectedActivitiesFilters')}\n >\n {translate[state.language].activities} {state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`}\n </label>\n )}\n {this.handleSegment('selectedThemesFilters') && (\n <label\n class={`segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`}\n onClick={() => this.handleSelectedSegment('selectedThemesFilters')}\n >\n {translate[state.language].themes} {state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`}\n </label>\n )}\n {this.handleSegment('selectedLocationFilters') && (\n <label\n class={`segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`}\n onClick={() => this.handleSelectedSegment('selectedLocationFilters')}\n >\n {translate[state.language].location} {state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`}\n </label>\n )}\n </div>\n <div class=\"filters-segment-container\">\n {this.selectedSegment === 'selectedActivitiesFilters' && (\n <div class=\"segment-container\">\n {state['practices'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].practice}\n filterType=\"practices\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['difficulties'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].difficulty}\n filterType=\"difficulties\"\n filterNameProperty=\"label\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['durations'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].duration}\n filterType=\"durations\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['lengths'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n </div>\n )}\n {state['elevations'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].elevation}\n filterType=\"elevations\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['routes'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\" segment=\"selectedActivitiesFilters\"></grw-filter>\n </div>\n )}\n {state['accessibilities'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].accessibility}\n filterType=\"accessibilities\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['labels'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].activities}\n filterType=\"labels\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n </div>\n )}\n {this.selectedSegment === 'selectedThemesFilters' && (\n <div class=\"segment-container\">\n {state['themes'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter filterName={translate[state.language].themes} filterType=\"themes\" filterNameProperty=\"label\" segment=\"selectedThemesFilters\"></grw-filter>\n </div>\n )}\n </div>\n )}\n {this.selectedSegment === 'selectedLocationFilters' && (\n <div class=\"segment-container\">\n {state['districts'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].districts}\n filterType=\"districts\"\n filterNameProperty=\"name\"\n segment=\"selectedLocationFilters\"\n ></grw-filter>\n </div>\n )}\n {state['cities'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter filterName={translate[state.language].cities} filterType=\"cities\" filterNameProperty=\"name\" segment=\"selectedLocationFilters\"></grw-filter>\n </div>\n )}\n </div>\n )}\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/esm/grw-filter_7.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, c as createEvent, i as getAssetPath, g as getElement } from './index-82644551.js';
 import { s as state, o as onChange, r as reset } from './store-d82e965e.js';
 import { f as filters, h as handleFiltersAndSearch, a as formatDuration, b as formatLength, c as formatAscent } from './utils-f5faa5c9.js';
-import { t as translate } from './i18n-3554af6e.js';
+import { t as translate } from './i18n-edd08a35.js';
 import { g as getWindow, n as nextTick, a as now, e as elementTransitionEnd, S as Swiper, N as Navigation, P as Pagination, K as Keyboard } from './pagination-24051620.js';
 const grwFilterCss = ".material-symbols{font-family:\"Material Symbols Outlined\"}.material-symbols-outlined{font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48}:host{font-family:\"Roboto\"}.filter-name{margin-left:8px;color:var(--color-on-surface);line-height:32px;letter-spacing:0px;font-size:24px;font-weight:400}.filter-button-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.filter-button-container .filter-button,.filter-button-container .selected-filter-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;margin:8px 0px 0px 8px;padding:8px 16px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border:1px solid var(--color-outline);border-radius:8px;-webkit-tap-highlight-color:transparent;line-height:20px;-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;min-width:100px;white-space:nowrap}.filter-button-container .filter-button:hover,.filter-button-container .selected-filter-button:hover{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.filter-button-container .filter-button{color:var(--color-on-surface-variant);background-color:transparent}.filter-button-container .selected-filter-button{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.filter-button-container .selected-filter-button span{font-size:24px;margin-right:8px;color:var(--color-on-secondary-container)}";

package/dist/esm/grw-filter_7.entry.js.br CHANGED Viewed

Binary file

package/dist/esm/grw-filter_7.entry.js.gz CHANGED Viewed

Binary file

package/dist/esm/{i18n-3554af6e.js → i18n-edd08a35.js} RENAMED Viewed

@@ -56,6 +56,7 @@ const translate = {
     districts: 'Secteurs',
     erase: 'Effacer',
     ok: 'Ok',
+    location: 'Localisation',
   },
   en: {
     filter: 'Filter',
@@ -114,9 +115,10 @@ const translate = {
     districts: 'Districts',
     erase: 'Erase',
     ok: 'Ok',
+    location: 'Location',
   },
 };
 export { translate as t };
-//# sourceMappingURL=i18n-3554af6e.js.map
+//# sourceMappingURL=i18n-edd08a35.js.map

package/dist/esm/i18n-edd08a35.js.br ADDED Viewed

Binary file

package/dist/esm/i18n-edd08a35.js.gz ADDED Viewed

Binary file

package/dist/esm/i18n-edd08a35.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/esm-es5/grw-app.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-82644551.js";import{t as translate}from"./i18n-3554af6e.js";import{o as onChange,s as state,r as reset}from"./store-d82e965e.js";import{f as filters,h as handleFiltersAndSearch}from"./utils-f5faa5c9.js";var grwAppCss='.material-symbols{font-family:"Material Symbols Outlined"}.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);height:64px}.header-container .arrow-back-container,.large-view-header-container .arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.header-container .arrow-back-container .arrow-back-icon,.large-view-header-container .arrow-back-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:0px;text-align:left}.options-container{height:100%;position:absolute;width:100%;z-index:1100;top:0px}.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{margin-left:16px;-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}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-container .segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.filters-container .segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.filters-container .segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.filters-container .segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.filters-container .segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.filters-container .segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.filters-segment-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 64px - 32px)}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:absolute;z-index:1099}.divider{margin:16px;border-top:1px solid var(--color-outline)}.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);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px)}.content-trek{height:100%}.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-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)}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-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:64px;margin:0px 16px}.filters-options-container .filters-options-buttons-container{display:-ms-flexbox;display:flex}.filters-options-container .filters-options-buttons-container .filter-option-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;margin:8px 0px 0px 8px;padding:8px 16px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:none;-webkit-tap-highlight-color:transparent;line-height:20px;color:var(--color-primary);background-color:transparent}.segment-container{margin-bottom:64px}.filter-container:not(:last-child)::after{content:"";display:block;margin:16px;border-top:1px solid var(--color-outline)}';var GrwApp=function(){function e(e){registerInstance(this,e);this.resetFilter=createEvent(this,"resetFilter",7);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTreksMap=false;this.showTrekMap=false;this.showFilters=false;this.isLargeView=false;this.selectedSegment="selectedActivitiesFilters";this.currentTrekId=undefined;this.appWidth="100%";this.appHeight="100vh";this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.center=undefined;this.zoom=undefined;this.nameLayer=undefined;this.urlLayer=undefined;this.attributionLayer=undefined;this.weather=false;this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false}e.prototype.onTrekCardPress=function(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;this.showTrekMap=false;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.onCenterOnMap=function(){if(!this.isLargeView){this.showTrekMap=true}};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.appElement.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&&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=Number(e.searchParams.get("trek"));if(t&&this.currentTrekId!==t){this.currentTrekId=t;this.showTrek=true}else if(!t){this.onTrekDetailsClose()}};e.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}};e.prototype.handleEraseFilters=function(){filters.forEach((function(e){state[e.property].forEach((function(e){return e.selected=false}))}));state.selectedActivitiesFilters=0;state.selectedThemesFilters=0;state.selectedLocationFilters=0;state.currentTreks=handleFiltersAndSearch();this.resetFilter.emit()};e.prototype.handleOkFilters=function(){this.handleFilters()};e.prototype.disconnectedCallback=function(){reset();window.removeEventListener("popstate",this.handlePopStateBind)};e.prototype.handleSelectedSegment=function(e){this.selectedSegment=e};e.prototype.handleSegment=function(e){return filters.filter((function(t){return t.segment===e})).some((function(e){return state[e.property]&&state[e.property].length>0}))};e.prototype.render=function(){var e=this;return h(Host,{style:{"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--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,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor,"--app-width":this.appWidth,"--app-height":this.appHeight}},!state.currentTreks&&!state.currentTrek&&h("div",{class:"init-loader-container"},h("span",{class:"loader"})),!this.showTrek&&!state.treks&&h("grw-treks-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals,routes:this.routes,practices:this.practices}),this.showTrek&&this.currentTrekId&&!state.currentTrek&&h("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(state.currentTreks||state.currentTrek)&&h("div",{class:"app-container"},h("div",{class:this.isLargeView?"large-view-header-container":"header-container"},!this.showTrek?h("div",{class:"handle-search-filters-container"},h("div",{class:"handle-search-container"},h("grw-search",null)),h("div",{class:"handle-filters-container"},h("button",{onClick:function(){return e.handleFilters()},class:"handle-filters-button"},h("span",{class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),translate[state.language].filter))):h("div",{class:"arrow-back-container"},h("button",{onClick:function(){return e.handleBackButton()},class:"arrow-back-icon"},h("span",{class:"material-symbols material-symbols-outlined"},"arrow_back")))),h("div",{class:"content-container ".concat(this.showTrek?"content-trek":"content-treks")},h("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek?"none":"flex",position:this.showTrek?"absolute":"relative"}},h("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),this.showTrek&&!state.currentTrek&&h("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},h("span",{class:"loader"})),state.currentTrek&&h("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},h("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView})),h("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"1":"0"},center:this.center,zoom:this.zoom,"name-layer":this.nameLayer,"url-layer":this.urlLayer,"attribution-layer":this.attributionLayer,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek||this.showTrek&&state.currentTrek)&&h("div",{class:"map-visibility-button-container"},h("button",{onClick:function(){return e.handleShowMap()},class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},h("span",{class:"material-symbols material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?translate[state.language].showDetails:translate[state.language].showRoute:this.showTreksMap?translate[state.language].showList:translate[state.language].showMap))),!this.showTrek&&this.showFilters&&h("div",{class:"options-container"},h("div",{class:"filters-container"},h("div",{class:"filters-options-container"},state.treksWithinBounds&&h("div",{class:"current-treks-within-bounds-length"},"".concat(state.treksWithinBounds.length," ").concat(state.treksWithinBounds.length>1?translate[state.language].treks:translate[state.language].trek)),h("div",{class:"filters-options-buttons-container"},h("button",{class:"filter-option-button",onClick:function(){return e.handleEraseFilters()}},translate[state.language].erase),h("button",{class:"filter-option-button",onClick:function(){return e.handleOkFilters()}},translate[state.language].ok))),h("div",{class:"segmented-buttons-container"},this.handleSegment("selectedActivitiesFilters")&&h("label",{class:"segment".concat(this.selectedSegment==="selectedActivitiesFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedActivitiesFilters")}},"Autres ",state.selectedActivitiesFilters!==0&&"(".concat(state.selectedActivitiesFilters,")")),this.handleSegment("selectedThemesFilters")&&h("label",{class:"segment".concat(this.selectedSegment==="selectedThemesFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedThemesFilters")}},"Thèmes ",state.selectedThemesFilters!==0&&"(".concat(state.selectedThemesFilters,")")),this.handleSegment("selectedLocationFilters")&&h("label",{class:"segment".concat(this.selectedSegment==="selectedLocationFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedLocationFilters")}},"Localisation ",state.selectedLocationFilters!==0&&"(".concat(state.selectedLocationFilters,")"))),h("div",{class:"filters-segment-container"},this.selectedSegment==="selectedActivitiesFilters"&&h("div",{class:"segment-container"},state["practices"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].practice,filterType:"practices",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),state["difficulties"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].difficulty,filterType:"difficulties",filterNameProperty:"label",segment:"selectedActivitiesFilters"})),state["durations"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].duration,filterType:"durations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),state["lengths"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].length,filterType:"lengths",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),state["elevations"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].elevation,filterType:"elevations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),state["routes"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].routes,filterType:"routes",filterNameProperty:"route",segment:"selectedActivitiesFilters"})),state["accessibilities"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].accessibility,filterType:"accessibilities",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),state["labels"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].activities,filterType:"labels",filterNameProperty:"name",segment:"selectedActivitiesFilters"}))),this.selectedSegment==="selectedThemesFilters"&&h("div",{class:"segment-container"},state["themes"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].themes,filterType:"themes",filterNameProperty:"label",segment:"selectedThemesFilters"}))),this.selectedSegment==="selectedLocationFilters"&&h("div",{class:"segment-container"},state["districts"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].districts,filterType:"districts",filterNameProperty:"name",segment:"selectedLocationFilters"})),state["cities"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].cities,filterType:"cities",filterNameProperty:"name",segment:"selectedLocationFilters"}))))),h("div",{onClick:function(){return e.handleFilters()},class:"back-filters-container"})))};Object.defineProperty(e.prototype,"appElement",{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};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-82644551.js";import{t as translate}from"./i18n-edd08a35.js";import{o as onChange,s as state,r as reset}from"./store-d82e965e.js";import{f as filters,h as handleFiltersAndSearch}from"./utils-f5faa5c9.js";var grwAppCss='.material-symbols{font-family:"Material Symbols Outlined"}.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);height:64px}.header-container .arrow-back-container,.large-view-header-container .arrow-back-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin:0px 16px}.header-container .arrow-back-container .arrow-back-icon,.large-view-header-container .arrow-back-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:0px;text-align:left}.options-container{height:100%;position:absolute;width:100%;z-index:1100;top:0px}.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{margin-left:16px;-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}.large-view-header-container .handle-search-filters-container{-ms-flex-pack:start;justify-content:flex-start}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-container .segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.filters-container .segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.filters-container .segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.filters-container .segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.filters-container .segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.filters-container .segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.filters-segment-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 64px - 32px)}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:absolute;z-index:1099}.divider{margin:16px;border-top:1px solid var(--color-outline)}.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);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px)}.content-trek{height:100%}.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-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)}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-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:64px;margin:0px 16px}.filters-options-container .filters-options-buttons-container{display:-ms-flexbox;display:flex}.filters-options-container .filters-options-buttons-container .filter-option-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;margin:8px 0px 0px 8px;padding:8px 16px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:none;-webkit-tap-highlight-color:transparent;line-height:20px;color:var(--color-primary);background-color:transparent}.segment-container{margin-bottom:64px}.filter-container:not(:last-child)::after{content:"";display:block;margin:16px;border-top:1px solid var(--color-outline)}';var GrwApp=function(){function e(e){registerInstance(this,e);this.resetFilter=createEvent(this,"resetFilter",7);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTreksMap=false;this.showTrekMap=false;this.showFilters=false;this.isLargeView=false;this.selectedSegment="selectedActivitiesFilters";this.currentTrekId=undefined;this.appWidth="100%";this.appHeight="100vh";this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.center=undefined;this.zoom=undefined;this.nameLayer=undefined;this.urlLayer=undefined;this.attributionLayer=undefined;this.weather=false;this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false}e.prototype.onTrekCardPress=function(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;this.showTrekMap=false;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.onCenterOnMap=function(){if(!this.isLargeView){this.showTrekMap=true}};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.appElement.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&&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=Number(e.searchParams.get("trek"));if(t&&this.currentTrekId!==t){this.currentTrekId=t;this.showTrek=true}else if(!t){this.onTrekDetailsClose()}};e.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}};e.prototype.handleEraseFilters=function(){filters.forEach((function(e){state[e.property].forEach((function(e){return e.selected=false}))}));state.selectedActivitiesFilters=0;state.selectedThemesFilters=0;state.selectedLocationFilters=0;state.currentTreks=handleFiltersAndSearch();this.resetFilter.emit()};e.prototype.handleOkFilters=function(){this.handleFilters()};e.prototype.disconnectedCallback=function(){reset();window.removeEventListener("popstate",this.handlePopStateBind)};e.prototype.handleSelectedSegment=function(e){this.selectedSegment=e};e.prototype.handleSegment=function(e){return filters.filter((function(t){return t.segment===e})).some((function(e){return state[e.property]&&state[e.property].length>0}))};e.prototype.render=function(){var e=this;return h(Host,{style:{"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--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,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor,"--app-width":this.appWidth,"--app-height":this.appHeight}},!state.currentTreks&&!state.currentTrek&&h("div",{class:"init-loader-container"},h("span",{class:"loader"})),!this.showTrek&&!state.treks&&h("grw-treks-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals,routes:this.routes,practices:this.practices}),this.showTrek&&this.currentTrekId&&!state.currentTrek&&h("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(state.currentTreks||state.currentTrek)&&h("div",{class:"app-container"},h("div",{class:this.isLargeView?"large-view-header-container":"header-container"},!this.showTrek?h("div",{class:"handle-search-filters-container"},h("div",{class:"handle-search-container"},h("grw-search",null)),h("div",{class:"handle-filters-container"},h("button",{onClick:function(){return e.handleFilters()},class:"handle-filters-button"},h("span",{class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),translate[state.language].filter))):h("div",{class:"arrow-back-container"},h("button",{onClick:function(){return e.handleBackButton()},class:"arrow-back-icon"},h("span",{class:"material-symbols material-symbols-outlined"},"arrow_back")))),h("div",{class:"content-container ".concat(this.showTrek?"content-trek":"content-treks")},h("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek?"none":"flex",position:this.showTrek?"absolute":"relative"}},h("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),this.showTrek&&!state.currentTrek&&h("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},h("span",{class:"loader"})),state.currentTrek&&h("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},h("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView})),h("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"1":"0"},center:this.center,zoom:this.zoom,"name-layer":this.nameLayer,"url-layer":this.urlLayer,"attribution-layer":this.attributionLayer,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek||this.showTrek&&state.currentTrek)&&h("div",{class:"map-visibility-button-container"},h("button",{onClick:function(){return e.handleShowMap()},class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},h("span",{class:"material-symbols material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?translate[state.language].showDetails:translate[state.language].showRoute:this.showTreksMap?translate[state.language].showList:translate[state.language].showMap))),!this.showTrek&&this.showFilters&&h("div",{class:"options-container"},h("div",{class:"filters-container"},h("div",{class:"filters-options-container"},state.treksWithinBounds&&h("div",{class:"current-treks-within-bounds-length"},"".concat(state.treksWithinBounds.length," ").concat(state.treksWithinBounds.length>1?translate[state.language].treks:translate[state.language].trek)),h("div",{class:"filters-options-buttons-container"},h("button",{class:"filter-option-button",onClick:function(){return e.handleEraseFilters()}},translate[state.language].erase),h("button",{class:"filter-option-button",onClick:function(){return e.handleOkFilters()}},translate[state.language].ok))),h("div",{class:"segmented-buttons-container"},this.handleSegment("selectedActivitiesFilters")&&h("label",{class:"segment".concat(this.selectedSegment==="selectedActivitiesFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedActivitiesFilters")}},translate[state.language].activities," ",state.selectedActivitiesFilters!==0&&"(".concat(state.selectedActivitiesFilters,")")),this.handleSegment("selectedThemesFilters")&&h("label",{class:"segment".concat(this.selectedSegment==="selectedThemesFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedThemesFilters")}},translate[state.language].themes," ",state.selectedThemesFilters!==0&&"(".concat(state.selectedThemesFilters,")")),this.handleSegment("selectedLocationFilters")&&h("label",{class:"segment".concat(this.selectedSegment==="selectedLocationFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedLocationFilters")}},translate[state.language].location," ",state.selectedLocationFilters!==0&&"(".concat(state.selectedLocationFilters,")"))),h("div",{class:"filters-segment-container"},this.selectedSegment==="selectedActivitiesFilters"&&h("div",{class:"segment-container"},state["practices"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].practice,filterType:"practices",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),state["difficulties"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].difficulty,filterType:"difficulties",filterNameProperty:"label",segment:"selectedActivitiesFilters"})),state["durations"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].duration,filterType:"durations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),state["lengths"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].length,filterType:"lengths",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),state["elevations"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].elevation,filterType:"elevations",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),state["routes"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].routes,filterType:"routes",filterNameProperty:"route",segment:"selectedActivitiesFilters"})),state["accessibilities"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].accessibility,filterType:"accessibilities",filterNameProperty:"name",segment:"selectedActivitiesFilters"})),state["labels"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].activities,filterType:"labels",filterNameProperty:"name",segment:"selectedActivitiesFilters"}))),this.selectedSegment==="selectedThemesFilters"&&h("div",{class:"segment-container"},state["themes"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].themes,filterType:"themes",filterNameProperty:"label",segment:"selectedThemesFilters"}))),this.selectedSegment==="selectedLocationFilters"&&h("div",{class:"segment-container"},state["districts"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].districts,filterType:"districts",filterNameProperty:"name",segment:"selectedLocationFilters"})),state["cities"].length>0&&h("div",{class:"filter-container"},h("grw-filter",{filterName:translate[state.language].cities,filterType:"cities",filterNameProperty:"name",segment:"selectedLocationFilters"}))))),h("div",{onClick:function(){return e.handleFilters()},class:"back-filters-container"})))};Object.defineProperty(e.prototype,"appElement",{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};
 //# sourceMappingURL=grw-app.entry.js.map

package/dist/esm-es5/grw-app.entry.js.br CHANGED Viewed

Binary file

package/dist/esm-es5/grw-app.entry.js.gz CHANGED Viewed

Binary file