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/geotrek-rando-widget/{p-dc700e75.system.entry.js.map → p-4d2165f1.system.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["grwAppCss","GrwApp","exports","this","largeViewSize","handlePopStateBind","handlePopState","bind","class_1","prototype","onTrekCardPress","event","currentTrekId","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","trekParam","get","replaceState","isInitialHistoryWithTrek","Number","componentDidLoad","_this","onChange","state","trekNetworkError","urlRedirect","delete","onTrekDetailsClose","addEventListener","currentTrek","appElement","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","handleEraseFilters","filters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","currentTreks","handleFiltersAndSearch","resetFilter","emit","handleOkFilters","disconnectedCallback","reset","removeEventListener","handleSelectedSegment","selectedSegment","handleSegment","segment","some","length","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","translate","language","concat","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","showDetails","showRoute","showList","showMap","treksWithinBounds","trek","erase","ok","filterName","practice","filterType","filterNameProperty","difficulty","duration","elevation","accessibility","activities"],"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"],"mappings":"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"}
1	+ {"version":3,"names":["grwAppCss","GrwApp","exports","this","largeViewSize","handlePopStateBind","handlePopState","bind","class_1","prototype","onTrekCardPress","event","currentTrekId","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","trekParam","get","replaceState","isInitialHistoryWithTrek","Number","componentDidLoad","_this","onChange","state","trekNetworkError","urlRedirect","delete","onTrekDetailsClose","addEventListener","currentTrek","appElement","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","handleEraseFilters","filters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","currentTreks","handleFiltersAndSearch","resetFilter","emit","handleOkFilters","disconnectedCallback","reset","removeEventListener","handleSelectedSegment","selectedSegment","handleSegment","segment","some","length","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","translate","language","concat","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient","showDetails","showRoute","showList","showMap","treksWithinBounds","trek","erase","ok","activities","filterName","practice","filterType","filterNameProperty","difficulty","duration","elevation","accessibility"],"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"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-81aa2a54.js ADDED Viewed

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

package/dist/geotrek-rando-widget/p-81aa2a54.js.br ADDED Viewed

Binary file

package/dist/geotrek-rando-widget/p-81aa2a54.js.gz ADDED Viewed

Binary file

package/dist/geotrek-rando-widget/p-81aa2a54.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["translate","fr","filter","practice","difficulty","duration","length","treks","trek","showList","showMap","showRoute","showDetails","downloads","description","departure","arrival","elevationProfile","roadAccess","transport","recommendations","recommendedParking","equipments","environmentalSensitiveAreas","informationPlaces","accessibility","accessibilityLevel","accessibilitySlope","accessibilityWidth","accessibilitySignage","accessibilityCovering","accessibilityExposure","accessibilityAdvices","pois","poisLength","sources","cities","options","presentation","layers","pointsReference","parking","sensitiveArea","themes","routes","elevation","activities","districts","erase","ok","location","en"],"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"],"mappings":"MAiEaA,EAAmC,CAC9CC,GAAI,CACFC,OAAQ,UACRC,SAAU,WACVC,WAAY,aACZC,SAAU,QACVC,OAAQ,WACRC,MAAO,aACPC,KAAM,YACNC,SAAU,gBACVC,QAAS,gBACTC,UAAW,oBACXC,YAAa,gBACbC,UAAW,kBACXC,YAAa,cACbC,UAAW,SACXC,QAAS,UACTC,iBAAkB,sBAClBC,WAAY,gBACZC,UAAW,YACXC,gBAAiB,kBACjBC,mBAAoB,oBACpBC,WAAY,cACZC,4BAA6B,wCAC7BC,kBAAmB,yBACnBC,cAAe,gBACfC,mBAAoB,yBACpBC,mBAAoB,QACpBC,mBAAoB,UACpBC,qBAAsB,gBACtBC,sBAAuB,aACvBC,sBAAuB,aACvBC,qBAAsB,WACtBC,KAAOC,GAAuB,OAAOA,4BACrCC,QAAS,UACTC,OAAQ,sBACRC,QAAS,CACPC,aAAc,eACdxB,YAAa,cACbM,gBAAiB,kBACjBG,4BAA6B,kBAC7BC,kBAAmB,uBACnBS,KAAM,eAERM,OAAQ,CACNC,gBAAiB,sBACjBC,QAAS,oBACTC,cAAe,wCACflB,kBAAmB,yBACnBS,KAAM,eAERU,OAAQ,SACRC,OAAQ,mBACRC,UAAW,mBACXC,WAAY,YACZC,UAAW,WACXC,MAAO,UACPC,GAAI,KACJC,SAAU,gBAEZC,GAAI,CACFjD,OAAQ,SACRC,SAAU,WACVC,WAAY,aACZC,SAAU,WACVC,OAAQ,SACRC,MAAO,QACPC,KAAM,OACNC,SAAU,gBACVC,QAAS,eACTC,UAAW,iBACXC,YAAa,mBACbC,UAAW,YACXC,YAAa,cACbC,UAAW,YACXC,QAAS,UACTC,iBAAkB,oBAClBC,WAAY,aACZC,UAAW,YACXC,gBAAiB,kBACjBC,mBAAoB,sBACpBC,WAAY,cACZC,4BAA6B,qCAC7BC,kBAAmB,qBACnBC,cAAe,gBACfC,mBAAoB,sBACpBC,mBAAoB,QACpBC,mBAAoB,QACpBC,qBAAsB,UACtBC,sBAAuB,WACvBC,sBAAuB,WACvBC,qBAAsB,UACtBC,KAAOC,GAAuB,GAAGA,uBACjCC,QAAS,UACTC,OAAQ,iBACRC,QAAS,CACPC,aAAc,eACdxB,YAAa,cACbM,gBAAiB,kBACjBG,4BAA6B,kBAC7BC,kBAAmB,qBACnBS,KAAM,sBAERM,OAAQ,CACNC,gBAAiB,mBACjBC,QAAS,UACTC,cAAe,kBACflB,kBAAmB,qBACnBS,KAAM,sBAERU,OAAQ,SACRC,OAAQ,iBACRC,UAAW,qBACXC,WAAY,aACZC,UAAW,YACXC,MAAO,QACPC,GAAI,KACJC,SAAU,oB"}