npm - @geotrekce/geotrek-rando-widget - Versions diffs - 0.2.2 → 0.2.3 - Mend

@geotrekce/geotrek-rando-widget 0.2.2 → 0.2.3

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 (38) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","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","element","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","disconnectedCallback","reset","removeEventListener","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","currentTreks","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","target","href","linkTarget","linkName","length","treksWithinBounds","concat","translate","language","trek","filter","display","position","weather","zIndex","visibility","urlLayer","center","zoom","attribution","colorTrekLine","colorDepartureIcon","colorArrivalIcon","colorSensitiveArea","colorPoiIcon","showDetails","showRoute","showList","showMap","filterName","practice","filterType","filterNameProperty","difficulty","duration"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n line-height: initial;\n}\n\n.app-container {\n position: relative;\n width: 100%;\n height: 100%;\n font-family: 'Roboto';\n color: var(--color-on-surface);\n overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n background-color: var(--color-background);\n box-shadow: var(--elevation-2);\n .header-top {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n }\n .arrow-back-icon {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n color: var(--color-on-surface);\n border: none;\n background-color: var(--color-background);\n border-radius: 50%;\n height: 48px;\n width: 48px;\n padding: 12px;\n &:hover {\n box-shadow: var(--elevation-1);\n }\n }\n .header-left-container {\n margin-left: 8px;\n }\n .header-right-container {\n display: flex;\n align-items: center;\n margin-right: 8px;\n .margin-right-icon {\n margin-right: 8px;\n }\n }\n .attribution-container {\n a {\n font-size: 24px;\n font-weight: 400;\n line-height: 40px;\n color: var(--color-on-surface);\n text-decoration: none;\n }\n }\n}\n\n.options-container {\n height: calc(100% - 64px);\n position: absolute;\n width: 100%;\n z-index: 1100;\n top: 64px;\n}\n\n.handle-filters-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0px 16px;\n height: 64px;\n .handle-filters-button {\n user-select: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n background-color: var(--color-background);\n color: var(--color-on-surface);\n padding: 12px 24px;\n border-radius: 20px;\n box-sizing: border-box;\n position: relative;\n gap: 8px;\n white-space: nowrap;\n line-height: 20px;\n letter-spacing: 0.10000000149011612px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: var(--elevation-1);\n transition: box-shadow 0.2s ease-in-out 0s;\n span {\n font-size: 18px;\n font-family: 'Material Symbols Outlined';\n }\n }\n .current-treks-within-bounds-length {\n margin-left: 12px;\n color: var(--color-on-surface);\n }\n}\n\n.filters-container {\n background-color: var(--color-background);\n position: absolute;\n width: 100%;\n padding: 16px 0px 32px 0px;\n z-index: 1100;\n}\n\n.back-filters-container {\n background-color: rgba(0, 0, 0, 0.5);\n width: 100%;\n height: calc(100% - 64px);\n position: absolute;\n z-index: 1099;\n top: 64px;\n}\n\n.divider {\n margin: 16px;\n border-top: 1px solid var(--color-outline);\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n background-color: var(--color-background);\n .loader {\n width: 48px;\n height: 48px;\n border: 5px solid var(--color-primary-container);\n border-bottom-color: var(--color-on-primary-container);\n border-radius: 50%;\n display: inline-block;\n box-sizing: border-box;\n animation: rotation 1s linear infinite;\n }\n\n @keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n\n.content-container {\n position: relative;\n display: flex;\n height: calc(100% - 64px - 64px);\n background-color: var(--color-background);\n}\n\n.content-treks {\n height: calc(100% - 64px - 64px);\n}\n\n.content-trek {\n height: calc(100% - 64px);\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n width: 100%;\n height: 100%;\n}\n\n.map-visibility-button-container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n position: absolute;\n bottom: 24px;\n z-index: 4;\n .map-visibility-button {\n cursor: pointer;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n text-decoration: none;\n padding: 16px;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n box-shadow: var(--elevation-1);\n border-radius: 12px;\n height: 56px;\n font-size: 16px;\n width: unset;\n &:hover {\n box-shadow: var(--elevation-4);\n }\n span {\n font-family: 'Material Symbols Outlined';\n font-size: 24px;\n margin-right: 8px;\n color: var(--color-on-primary-container);\n }\n }\n}\n\n.init-loader-container,\n.loader-container {\n width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n width: 100%;\n}\n\n.app-map-container {\n width: 100%;\n position: absolute;\n}\n\n.large-view-loader-container {\n width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n width: 50%;\n}\n\n.large-view-app-map-container {\n position: relative;\n width: 50%;\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\n\n@Component({\n tag: 'grw-app',\n styleUrls: ['grw-app.scss'],\n shadow: false,\n})\nexport class GrwApp {\n @Element() element: HTMLElement;\n @State() showTrek = false;\n @State() showTreksMap = false;\n @State() showTrekMap = false;\n @State() showFilters = false;\n @State() isLargeView = false;\n @State() currentTrekId: number;\n @Prop() api: string;\n @Prop() languages = 'fr';\n @Prop() inBbox: string;\n @Prop() cities: string;\n @Prop() districts: string;\n @Prop() structures: string;\n @Prop() themes: string;\n @Prop() portals: string;\n @Prop() routes: string;\n @Prop() practices: string;\n @Prop() urlLayer: string;\n @Prop() center: string;\n @Prop() zoom: number;\n @Prop() attribution: string;\n @Prop() linkName = 'GEOTREK';\n @Prop() linkTarget = 'https://geotrek.fr';\n @Prop() weather = false;\n\n @Prop() colorPrimaryApp = '#6750a4';\n @Prop() colorOnPrimary = '#ffffff';\n @Prop() colorSurface = '#1c1b1f';\n @Prop() colorOnSurface = '#49454e';\n @Prop() colorSurfaceVariant = '#fef7ff';\n @Prop() colorOnSurfaceVariant = '#1c1b1f';\n @Prop() colorPrimaryContainer = '#eaddff';\n @Prop() colorOnPrimaryContainer = '#21005e';\n @Prop() colorSecondaryContainer = '#e8def8';\n @Prop() colorOnSecondaryContainer = '#1d192b';\n @Prop() colorBackground = '#fef7ff';\n @Prop() colorSurfaceContainerHigh = '#ece6f0';\n @Prop() colorSurfaceContainerLow = '#f7f2fa';\n @Prop() fabBackgroundColor = '#eaddff';\n @Prop() fabColor = '#21005d';\n\n @Prop() colorTrekLine = '#6b0030';\n @Prop() colorDepartureIcon = '#006b3b';\n @Prop() colorArrivalIcon = '#85003b';\n @Prop() colorSensitiveArea = '#4974a5';\n @Prop() colorPoiIcon = '#974c6e';\n\n largeViewSize = 1024;\n handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n @Listen('trekCardPress', { target: 'window' })\n onTrekCardPress(event: CustomEvent<number>) {\n this.currentTrekId = event.detail;\n this.showTrek = !this.showTrek;\n this.showTrekMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.set('trek', this.currentTrekId.toString());\n window.history.pushState({}, '', url);\n }\n\n @Listen('resize', { target: 'window' })\n onWindowResize() {\n this.handleView();\n }\n\n @Listen('centerOnMap', { target: 'window' })\n onCenterOnMap() {\n if (!this.isLargeView) {\n this.showTrekMap = true;\n }\n }\n\n @Watch('isLargeView')\n watchPropHandler() {\n window.dispatchEvent(new window.Event('resize'));\n }\n\n componentWillLoad() {\n const url = new URL(window.location.toString());\n const trekParam = url.searchParams.get('trek');\n if (trekParam) {\n window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\n this.currentTrekId = Number(trekParam);\n this.showTrek = !this.showTrek;\n }\n }\n\n componentDidLoad() {\n onChange('trekNetworkError', () => {\n if (state.trekNetworkError) {\n const urlRedirect = new URL(window.location.toString());\n urlRedirect.searchParams.delete('trek');\n window.history.replaceState({}, '', urlRedirect);\n this.onTrekDetailsClose();\n }\n });\n window.addEventListener('popstate', this.handlePopStateBind, false);\n this.handleView();\n }\n\n onTrekDetailsClose() {\n state.currentTrek = null;\n this.currentTrekId = null;\n this.showTrek = !this.showTrek;\n }\n\n handleView() {\n this.isLargeView = this.element.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 disconnectedCallback() {\n reset();\n window.removeEventListener('popstate', this.handlePopStateBind);\n }\n\n render() {\n return (\n <Host\n style={{\n '--color-primary-app': this.colorPrimaryApp,\n '--color-on-primary': this.colorOnPrimary,\n '--color-surface': this.colorSurface,\n '--color-on-surface': this.colorOnSurface,\n '--color-surface-variant': this.colorSurfaceVariant,\n '--color-on-surface-variant': this.colorOnSurfaceVariant,\n '--color-primary-container': this.colorPrimaryContainer,\n '--color-on-primary-container': this.colorOnPrimaryContainer,\n '--color-secondary-container': this.colorSecondaryContainer,\n '--color-on-secondary-container': this.colorOnSecondaryContainer,\n '--color-background': this.colorBackground,\n '--color-surface-container-high': this.colorSurfaceContainerHigh,\n '--color-surface-container-low': this.colorSurfaceContainerLow,\n '--fab-background-color': this.fabBackgroundColor,\n '--fab-color': this.fabColor,\n }}\n >\n {!state.currentTreks && !state.currentTrek && (\n <div class=\"init-loader-container\">\n <span class=\"loader\"></span>\n </div>\n )}\n {!this.showTrek && !state.treks && (\n <grw-treks-provider\n api={this.api}\n languages={this.languages}\n in-bbox={this.inBbox}\n cities={this.cities}\n districts={this.districts}\n structures={this.structures}\n themes={this.themes}\n portals={this.portals}\n routes={this.routes}\n practices={this.practices}\n ></grw-treks-provider>\n )}\n {this.showTrek && this.currentTrekId && !state.currentTrek && (\n <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n )}\n {(state.currentTreks \|\| state.currentTrek) && (\n <div class=\"app-container\">\n <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n <div class=\"header-top\">\n <div class=\"header-left-container\">\n {this.showTrek ? (\n <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n <span class=\"material-symbols-outlined\">arrow_back</span>\n </button>\n ) : (\n <div class=\"attribution-container\">\n <a target=\"_blank\" href={this.linkTarget}>\n {this.linkName}\n </a>\n </div>\n )}\n </div>\n <div class=\"header-right-container\">\n <span class=\"material-symbols-outlined margin-right-icon\">translate</span>\n {state.languages.length > 1 && <grw-select-language></grw-select-language>}\n </div>\n </div>\n {!this.showTrek && (\n <div class=\"handle-filters-container\">\n {state.treksWithinBounds && (\n <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n }`}</div>\n )}\n <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n <span class=\"material-symbols-outlined margin-right-icon\">filter_list</span>\n {translate[state.language].filter}\n </button>\n </div>\n )}\n </div>\n\n <div class={`content-container ${this.showTrek ? 'content-trek' : 'content-treks'}`}>\n <div\n class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n style={{ display: this.showTrek ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n >\n <grw-treks-list\n reset-store-on-disconnected=\"false\"\n is-large-view={this.isLargeView}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n ></grw-treks-list>\n </div>\n {this.showTrek && !state.currentTrek && (\n <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n <span class=\"loader\"></span>\n </div>\n )}\n {state.currentTrek && (\n <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n <grw-trek-detail\n reset-store-on-disconnected=\"false\"\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-background={this.colorBackground}\n weather={this.weather}\n style={{ zIndex: this.showTrekMap ? '0' : '1' }}\n is-large-view={this.isLargeView}\n ></grw-trek-detail>\n </div>\n )}\n <grw-map\n reset-store-on-disconnected=\"false\"\n class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n style={{\n visibility: (this.showTreksMap && !this.showTrek) \|\| (this.showTrekMap && this.showTrek) \|\| this.isLargeView ? 'visible' : 'hidden',\n zIndex: this.showTrekMap ? '1' : '0',\n }}\n url-layer={this.urlLayer}\n center={this.center}\n zoom={this.zoom}\n attribution={this.attribution}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-background={this.colorBackground}\n color-trek-line={this.colorTrekLine}\n color-departure-icon={this.colorDepartureIcon}\n color-arrival-icon={this.colorArrivalIcon}\n color-sensitive-area={this.colorSensitiveArea}\n color-poi-icon={this.colorPoiIcon}\n is-large-view={this.isLargeView}\n ></grw-map>\n </div>\n {(!this.showTrek \|\| (this.showTrek && state.currentTrek)) && (\n <div class=\"map-visibility-button-container\">\n <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n <span class=\"material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n {this.showTrek\n ? this.showTrekMap\n ? translate[state.language].showDetails\n : translate[state.language].showRoute\n : this.showTreksMap\n ? translate[state.language].showList\n : translate[state.language].showMap}\n </button>\n </div>\n )}\n </div>\n )}\n {!this.showTrek && this.showFilters && (\n <div class=\"options-container\">\n <div class=\"filters-container\">\n <grw-filter filterName={translate[state.language].practice} filterType=\"practices\" filterNameProperty=\"name\"></grw-filter>\n <div class=\"divider\"></div>\n <grw-filter filterName={translate[state.language].difficulty} filterType=\"difficulties\" filterNameProperty=\"label\"></grw-filter>\n <div class=\"divider\"></div>\n <grw-filter filterName={translate[state.language].duration} filterType=\"durations\" filterNameProperty=\"name\"></grw-filter>\n </div>\n <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","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","element","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","disconnectedCallback","reset","removeEventListener","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","currentTreks","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","target","href","linkTarget","linkName","length","treksWithinBounds","concat","translate","language","trek","filter","display","position","weather","zIndex","visibility","urlLayer","center","zoom","attribution","colorTrekLine","colorDepartureIcon","colorArrivalIcon","colorSensitiveArea","colorPoiIcon","showDetails","showRoute","showList","showMap","filterName","practice","filterType","filterNameProperty","difficulty","duration"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n position: relative;\n width: 100%;\n height: 100%;\n font-family: 'Roboto';\n color: var(--color-on-surface);\n overflow: hidden;\n line-height: initial;\n}\n\n.app-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n background-color: var(--color-background);\n box-shadow: var(--elevation-2);\n .header-top {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n }\n .arrow-back-icon {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n color: var(--color-on-surface);\n border: none;\n background-color: var(--color-background);\n border-radius: 50%;\n height: 48px;\n width: 48px;\n padding: 12px;\n &:hover {\n box-shadow: var(--elevation-1);\n }\n }\n .header-left-container {\n margin-left: 8px;\n }\n .header-right-container {\n display: flex;\n align-items: center;\n margin-right: 8px;\n .margin-right-icon {\n margin-right: 8px;\n }\n }\n .attribution-container {\n a {\n font-size: 24px;\n font-weight: 400;\n line-height: 40px;\n color: var(--color-on-surface);\n text-decoration: none;\n }\n }\n}\n\n.options-container {\n height: calc(100% - 64px);\n position: absolute;\n width: 100%;\n z-index: 1100;\n top: 64px;\n}\n\n.handle-filters-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0px 16px;\n height: 64px;\n .handle-filters-button {\n user-select: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n background-color: var(--color-background);\n color: var(--color-on-surface);\n padding: 12px 24px;\n border-radius: 20px;\n box-sizing: border-box;\n position: relative;\n gap: 8px;\n white-space: nowrap;\n line-height: 20px;\n letter-spacing: 0.10000000149011612px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: var(--elevation-1);\n transition: box-shadow 0.2s ease-in-out 0s;\n span {\n font-size: 18px;\n font-family: 'Material Symbols Outlined';\n }\n }\n .current-treks-within-bounds-length {\n margin-left: 12px;\n color: var(--color-on-surface);\n }\n}\n\n.filters-container {\n background-color: var(--color-background);\n position: absolute;\n width: 100%;\n padding: 16px 0px 32px 0px;\n z-index: 1100;\n}\n\n.back-filters-container {\n background-color: rgba(0, 0, 0, 0.5);\n width: 100%;\n height: calc(100% - 64px);\n position: absolute;\n z-index: 1099;\n top: 64px;\n}\n\n.divider {\n margin: 16px;\n border-top: 1px solid var(--color-outline);\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n background-color: var(--color-background);\n .loader {\n width: 48px;\n height: 48px;\n border: 5px solid var(--color-primary-container);\n border-bottom-color: var(--color-on-primary-container);\n border-radius: 50%;\n display: inline-block;\n box-sizing: border-box;\n animation: rotation 1s linear infinite;\n }\n\n @keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n\n.content-container {\n position: relative;\n display: flex;\n height: calc(100% - 64px - 64px);\n background-color: var(--color-background);\n}\n\n.content-treks {\n height: calc(100% - 64px - 64px);\n}\n\n.content-trek {\n height: calc(100% - 64px);\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n width: 100%;\n height: 100%;\n}\n\n.map-visibility-button-container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n position: absolute;\n bottom: 24px;\n z-index: 4;\n .map-visibility-button {\n cursor: pointer;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n text-decoration: none;\n padding: 16px;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n box-shadow: var(--elevation-1);\n border-radius: 12px;\n height: 56px;\n font-size: 16px;\n width: unset;\n &:hover {\n box-shadow: var(--elevation-4);\n }\n span {\n font-family: 'Material Symbols Outlined';\n font-size: 24px;\n margin-right: 8px;\n color: var(--color-on-primary-container);\n }\n }\n}\n\n.init-loader-container,\n.loader-container {\n width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n width: 100%;\n}\n\n.app-map-container {\n width: 100%;\n position: absolute;\n}\n\n.large-view-loader-container {\n width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n width: 50%;\n}\n\n.large-view-app-map-container {\n position: relative;\n width: 50%;\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\n\n@Component({\n tag: 'grw-app',\n styleUrls: ['grw-app.scss'],\n shadow: false,\n})\nexport class GrwApp {\n @Element() element: HTMLElement;\n @State() showTrek = false;\n @State() showTreksMap = false;\n @State() showTrekMap = false;\n @State() showFilters = false;\n @State() isLargeView = false;\n @State() currentTrekId: number;\n @Prop() api: string;\n @Prop() languages = 'fr';\n @Prop() inBbox: string;\n @Prop() cities: string;\n @Prop() districts: string;\n @Prop() structures: string;\n @Prop() themes: string;\n @Prop() portals: string;\n @Prop() routes: string;\n @Prop() practices: string;\n @Prop() urlLayer: string;\n @Prop() center: string;\n @Prop() zoom: number;\n @Prop() attribution: string;\n @Prop() linkName = 'GEOTREK';\n @Prop() linkTarget = 'https://geotrek.fr';\n @Prop() weather = false;\n\n @Prop() colorPrimaryApp = '#6750a4';\n @Prop() colorOnPrimary = '#ffffff';\n @Prop() colorSurface = '#1c1b1f';\n @Prop() colorOnSurface = '#49454e';\n @Prop() colorSurfaceVariant = '#fef7ff';\n @Prop() colorOnSurfaceVariant = '#1c1b1f';\n @Prop() colorPrimaryContainer = '#eaddff';\n @Prop() colorOnPrimaryContainer = '#21005e';\n @Prop() colorSecondaryContainer = '#e8def8';\n @Prop() colorOnSecondaryContainer = '#1d192b';\n @Prop() colorBackground = '#fef7ff';\n @Prop() colorSurfaceContainerHigh = '#ece6f0';\n @Prop() colorSurfaceContainerLow = '#f7f2fa';\n @Prop() fabBackgroundColor = '#eaddff';\n @Prop() fabColor = '#21005d';\n\n @Prop() colorTrekLine = '#6b0030';\n @Prop() colorDepartureIcon = '#006b3b';\n @Prop() colorArrivalIcon = '#85003b';\n @Prop() colorSensitiveArea = '#4974a5';\n @Prop() colorPoiIcon = '#974c6e';\n\n largeViewSize = 1024;\n handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n @Listen('trekCardPress', { target: 'window' })\n onTrekCardPress(event: CustomEvent<number>) {\n this.currentTrekId = event.detail;\n this.showTrek = !this.showTrek;\n this.showTrekMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.set('trek', this.currentTrekId.toString());\n window.history.pushState({}, '', url);\n }\n\n @Listen('resize', { target: 'window' })\n onWindowResize() {\n this.handleView();\n }\n\n @Listen('centerOnMap', { target: 'window' })\n onCenterOnMap() {\n if (!this.isLargeView) {\n this.showTrekMap = true;\n }\n }\n\n @Watch('isLargeView')\n watchPropHandler() {\n window.dispatchEvent(new window.Event('resize'));\n }\n\n componentWillLoad() {\n const url = new URL(window.location.toString());\n const trekParam = url.searchParams.get('trek');\n if (trekParam) {\n window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\n this.currentTrekId = Number(trekParam);\n this.showTrek = !this.showTrek;\n }\n }\n\n componentDidLoad() {\n onChange('trekNetworkError', () => {\n if (state.trekNetworkError) {\n const urlRedirect = new URL(window.location.toString());\n urlRedirect.searchParams.delete('trek');\n window.history.replaceState({}, '', urlRedirect);\n this.onTrekDetailsClose();\n }\n });\n window.addEventListener('popstate', this.handlePopStateBind, false);\n this.handleView();\n }\n\n onTrekDetailsClose() {\n state.currentTrek = null;\n this.currentTrekId = null;\n this.showTrek = !this.showTrek;\n }\n\n handleView() {\n this.isLargeView = this.element.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 disconnectedCallback() {\n reset();\n window.removeEventListener('popstate', this.handlePopStateBind);\n }\n\n render() {\n return (\n <Host\n style={{\n '--color-primary-app': this.colorPrimaryApp,\n '--color-on-primary': this.colorOnPrimary,\n '--color-surface': this.colorSurface,\n '--color-on-surface': this.colorOnSurface,\n '--color-surface-variant': this.colorSurfaceVariant,\n '--color-on-surface-variant': this.colorOnSurfaceVariant,\n '--color-primary-container': this.colorPrimaryContainer,\n '--color-on-primary-container': this.colorOnPrimaryContainer,\n '--color-secondary-container': this.colorSecondaryContainer,\n '--color-on-secondary-container': this.colorOnSecondaryContainer,\n '--color-background': this.colorBackground,\n '--color-surface-container-high': this.colorSurfaceContainerHigh,\n '--color-surface-container-low': this.colorSurfaceContainerLow,\n '--fab-background-color': this.fabBackgroundColor,\n '--fab-color': this.fabColor,\n }}\n >\n {!state.currentTreks && !state.currentTrek && (\n <div class=\"init-loader-container\">\n <span class=\"loader\"></span>\n </div>\n )}\n {!this.showTrek && !state.treks && (\n <grw-treks-provider\n api={this.api}\n languages={this.languages}\n in-bbox={this.inBbox}\n cities={this.cities}\n districts={this.districts}\n structures={this.structures}\n themes={this.themes}\n portals={this.portals}\n routes={this.routes}\n practices={this.practices}\n ></grw-treks-provider>\n )}\n {this.showTrek && this.currentTrekId && !state.currentTrek && (\n <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n )}\n {(state.currentTreks \|\| state.currentTrek) && (\n <div class=\"app-container\">\n <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n <div class=\"header-top\">\n <div class=\"header-left-container\">\n {this.showTrek ? (\n <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n <span class=\"material-symbols-outlined\">arrow_back</span>\n </button>\n ) : (\n <div class=\"attribution-container\">\n <a target=\"_blank\" href={this.linkTarget}>\n {this.linkName}\n </a>\n </div>\n )}\n </div>\n <div class=\"header-right-container\">\n <span class=\"material-symbols-outlined margin-right-icon\">translate</span>\n {state.languages.length > 1 && <grw-select-language></grw-select-language>}\n </div>\n </div>\n {!this.showTrek && (\n <div class=\"handle-filters-container\">\n {state.treksWithinBounds && (\n <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n }`}</div>\n )}\n <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n <span class=\"material-symbols-outlined margin-right-icon\">filter_list</span>\n {translate[state.language].filter}\n </button>\n </div>\n )}\n </div>\n\n <div class={`content-container ${this.showTrek ? 'content-trek' : 'content-treks'}`}>\n <div\n class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n style={{ display: this.showTrek ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n >\n <grw-treks-list\n reset-store-on-disconnected=\"false\"\n is-large-view={this.isLargeView}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n ></grw-treks-list>\n </div>\n {this.showTrek && !state.currentTrek && (\n <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n <span class=\"loader\"></span>\n </div>\n )}\n {state.currentTrek && (\n <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n <grw-trek-detail\n reset-store-on-disconnected=\"false\"\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-background={this.colorBackground}\n weather={this.weather}\n style={{ zIndex: this.showTrekMap ? '0' : '1' }}\n is-large-view={this.isLargeView}\n ></grw-trek-detail>\n </div>\n )}\n <grw-map\n reset-store-on-disconnected=\"false\"\n class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n style={{\n visibility: (this.showTreksMap && !this.showTrek) \|\| (this.showTrekMap && this.showTrek) \|\| this.isLargeView ? 'visible' : 'hidden',\n zIndex: this.showTrekMap ? '1' : '0',\n }}\n url-layer={this.urlLayer}\n center={this.center}\n zoom={this.zoom}\n attribution={this.attribution}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-background={this.colorBackground}\n color-trek-line={this.colorTrekLine}\n color-departure-icon={this.colorDepartureIcon}\n color-arrival-icon={this.colorArrivalIcon}\n color-sensitive-area={this.colorSensitiveArea}\n color-poi-icon={this.colorPoiIcon}\n is-large-view={this.isLargeView}\n ></grw-map>\n </div>\n {(!this.showTrek \|\| (this.showTrek && state.currentTrek)) && (\n <div class=\"map-visibility-button-container\">\n <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n <span class=\"material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n {this.showTrek\n ? this.showTrekMap\n ? translate[state.language].showDetails\n : translate[state.language].showRoute\n : this.showTreksMap\n ? translate[state.language].showList\n : translate[state.language].showMap}\n </button>\n </div>\n )}\n </div>\n )}\n {!this.showTrek && this.showFilters && (\n <div class=\"options-container\">\n <div class=\"filters-container\">\n <grw-filter filterName={translate[state.language].practice} filterType=\"practices\" filterNameProperty=\"name\"></grw-filter>\n <div class=\"divider\"></div>\n <grw-filter filterName={translate[state.language].difficulty} filterType=\"difficulties\" filterNameProperty=\"label\"></grw-filter>\n <div class=\"divider\"></div>\n <grw-filter filterName={translate[state.language].duration} filterType=\"durations\" filterNameProperty=\"name\"></grw-filter>\n </div>\n <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as r,w as o,d as e,N as n,a as c,b as i}from"./p-4f746b28.js";export{s as setNonce}from"./p-4f746b28.js";function a(r){var o,e,n;return(n=(e=(o=r.head)===null||o===void 0?void 0:o.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&n!==void 0?n:undefined}const t=r=>`__sc_import_${r.replace(/\s|-/g,"_")}`;const l=()=>{{r.o=o.__cssshim}const i=Array.from(e.querySelectorAll("script")).find((r=>new RegExp(`/${n}(\\.esm)?\\.js($|\\?|#)`).test(r.src)||r.getAttribute("data-stencil-namespace")===n));const a=(i||{})["data-opts"]||{};if("onbeforeload"in i&&!history.scrollRestoration){return{then(){}}}{a.resourcesUrl=new URL(".",new URL(i.getAttribute("data-resources-url")||i.src,o.location.href)).href;{p(a.resourcesUrl,i)}if(!o.customElements){return __sc_import_geotrek_rando_widget("./p-b5fc5b41.js").then((()=>a))}}return c(a)};const p=(c,i)=>{const s=t(n);try{o[s]=new Function("w",`return import(w);//${Math.random()}`)}catch(l){const n=new Map;o[s]=t=>{var l;const p=new URL(t,c).href;let d=n.get(p);if(!d){const c=e.createElement("script");c.type="module";c.crossOrigin=i.crossOrigin;c.src=URL.createObjectURL(new Blob([`import * as m from '${p}'; window.${s}.m = m;`],{type:"application/javascript"}));const t=(l=r.i)!==null&&l!==void 0?l:a(e);if(t!=null){c.setAttribute("nonce",t)}d=new Promise((r=>{c.onload=()=>{r(o[s].m);c.remove()}}));n.set(p,d);e.head.appendChild(c)}return d}}};l().then((r=>i([["p-f3de5419",[[1,"grw-trek-card",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],departureCity:[32]}]]],["p-718dfb75",[[1,"grw-information-desk-detail",{informationDesk:[16],displayShortDescription:[32]}],[1,"grw-poi-detail",{poi:[16],displayShortDescription:[32],displayFullscreen:[32]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}]]],["p-3471da6b",[[0,"grw-trek-detail",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],weather:[4],isLargeView:[4,"is-large-view"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],labels:[32],sources:[32],accessibilities:[32],accessibilityLevel:[32],displayFullscreen:[32],cities:[32],options:[32]}],[1,"grw-treks-list",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],treksToDisplay:[32]}],[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterNameProperty:[1,"filter-name-property"]}],[0,"grw-map",{urlLayer:[1,"url-layer"],attribution:[1],center:[1],zoom:[2],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorBackground:[1,"color-background"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isLargeView:[4,"is-large-view"],mapIsReady:[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"descriptionReferenceIsInViewport","descriptionReferenceIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"]]],[1,"grw-select-language"],[1,"grw-trek-provider",{languages:[1],api:[1],trekId:[1,"trek-id"]}],[1,"grw-treks-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1]}]]],["p-63744020",[[0,"grw-app",{api:[1],languages:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],urlLayer:[1,"url-layer"],center:[1],zoom:[2],attribution:[1],linkName:[1,"link-name"],linkTarget:[1,"link-target"],weather:[4],colorPrimaryApp:[1,"color-primary-app"],colorOnPrimary:[1,"color-on-primary"],colorSurface:[1,"color-surface"],colorOnSurface:[1,"color-on-surface"],colorSurfaceVariant:[1,"color-surface-variant"],colorOnSurfaceVariant:[1,"color-on-surface-variant"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],colorSurfaceContainerHigh:[1,"color-surface-container-high"],colorSurfaceContainerLow:[1,"color-surface-container-low"],fabBackgroundColor:[1,"fab-background-color"],fabColor:[1,"fab-color"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],showTrek:[32],showTreksMap:[32],showTrekMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32]},[[8,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]]],r)));
+import{p as r,w as o,d as e,N as n,a as c,b as i}from"./p-4f746b28.js";export{s as setNonce}from"./p-4f746b28.js";function a(r){var o,e,n;return(n=(e=(o=r.head)===null||o===void 0?void 0:o.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&n!==void 0?n:undefined}const t=r=>`__sc_import_${r.replace(/\s|-/g,"_")}`;const l=()=>{{r.o=o.__cssshim}const i=Array.from(e.querySelectorAll("script")).find((r=>new RegExp(`/${n}(\\.esm)?\\.js($|\\?|#)`).test(r.src)||r.getAttribute("data-stencil-namespace")===n));const a=(i||{})["data-opts"]||{};if("onbeforeload"in i&&!history.scrollRestoration){return{then(){}}}{a.resourcesUrl=new URL(".",new URL(i.getAttribute("data-resources-url")||i.src,o.location.href)).href;{p(a.resourcesUrl,i)}if(!o.customElements){return __sc_import_geotrek_rando_widget("./p-b5fc5b41.js").then((()=>a))}}return c(a)};const p=(c,i)=>{const s=t(n);try{o[s]=new Function("w",`return import(w);//${Math.random()}`)}catch(l){const n=new Map;o[s]=t=>{var l;const p=new URL(t,c).href;let d=n.get(p);if(!d){const c=e.createElement("script");c.type="module";c.crossOrigin=i.crossOrigin;c.src=URL.createObjectURL(new Blob([`import * as m from '${p}'; window.${s}.m = m;`],{type:"application/javascript"}));const t=(l=r.i)!==null&&l!==void 0?l:a(e);if(t!=null){c.setAttribute("nonce",t)}d=new Promise((r=>{c.onload=()=>{r(o[s].m);c.remove()}}));n.set(p,d);e.head.appendChild(c)}return d}}};l().then((r=>i([["p-f3de5419",[[1,"grw-trek-card",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],departureCity:[32]}]]],["p-718dfb75",[[1,"grw-information-desk-detail",{informationDesk:[16],displayShortDescription:[32]}],[1,"grw-poi-detail",{poi:[16],displayShortDescription:[32],displayFullscreen:[32]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}]]],["p-3471da6b",[[0,"grw-trek-detail",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],weather:[4],isLargeView:[4,"is-large-view"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],labels:[32],sources:[32],accessibilities:[32],accessibilityLevel:[32],displayFullscreen:[32],cities:[32],options:[32]}],[1,"grw-treks-list",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],treksToDisplay:[32]}],[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterNameProperty:[1,"filter-name-property"]}],[0,"grw-map",{urlLayer:[1,"url-layer"],attribution:[1],center:[1],zoom:[2],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorBackground:[1,"color-background"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isLargeView:[4,"is-large-view"],mapIsReady:[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"descriptionReferenceIsInViewport","descriptionReferenceIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"]]],[1,"grw-select-language"],[1,"grw-trek-provider",{languages:[1],api:[1],trekId:[1,"trek-id"]}],[1,"grw-treks-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1]}]]],["p-ce3e1d4a",[[0,"grw-app",{api:[1],languages:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],urlLayer:[1,"url-layer"],center:[1],zoom:[2],attribution:[1],linkName:[1,"link-name"],linkTarget:[1,"link-target"],weather:[4],colorPrimaryApp:[1,"color-primary-app"],colorOnPrimary:[1,"color-on-primary"],colorSurface:[1,"color-surface"],colorOnSurface:[1,"color-on-surface"],colorSurfaceVariant:[1,"color-surface-variant"],colorOnSurfaceVariant:[1,"color-on-surface-variant"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],colorSurfaceContainerHigh:[1,"color-surface-container-high"],colorSurfaceContainerLow:[1,"color-surface-container-low"],fabBackgroundColor:[1,"fab-background-color"],fabColor:[1,"fab-color"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],showTrek:[32],showTreksMap:[32],showTrekMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32]},[[8,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]]],r)));
 //# sourceMappingURL=geotrek-rando-widget.esm.js.map

package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.br CHANGED Viewed

Binary file

package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.gz CHANGED Viewed

Binary file

package/dist/geotrek-rando-widget/p-272fd685.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-d5094323.system.js","./p-dc91249a.system.js","./p-758bdb7e.system.js"],(function(e){"use strict";var r,t,i,o,n,a,s,c;return{setters:[function(e){r=e.r;t=e.h;i=e.H;o=e.g},function(e){n=e.t},function(e){a=e.o;s=e.s;c=e.r}],execute:function(){var l='.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{position:relative;width:100%;height:100%;font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.header-container .header-top,.large-view-header-container .header-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:64px}.header-container .arrow-back-icon,.large-view-header-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:12px}.header-container .arrow-back-icon:hover,.large-view-header-container .arrow-back-icon:hover{-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}.header-container .header-left-container,.large-view-header-container .header-left-container{margin-left:8px}.header-container .header-right-container,.large-view-header-container .header-right-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:8px}.header-container .header-right-container .margin-right-icon,.large-view-header-container .header-right-container .margin-right-icon{margin-right:8px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{font-size:24px;font-weight:400;line-height:40px;color:var(--color-on-surface);text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.handle-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-filters-container .handle-filters-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-filters-container .handle-filters-button span{font-size:18px;font-family:"Material Symbols Outlined"}.handle-filters-container .current-treks-within-bounds-length{margin-left:12px;color:var(--color-on-surface)}.filters-container{background-color:var(--color-background);position:absolute;width:100%;padding:16px 0px 32px 0px;z-index:1100}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:calc(100% - 64px);position:absolute;z-index:1099;top:64px}.divider{margin:16px;border-top:1px solid var(--color-outline)}.init-loader-container,.loader-container,.large-view-loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - 64px - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px - 64px)}.content-trek{height:calc(100% - 64px)}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-family:"Material Symbols Outlined";font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}.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%}';var h=e("grw_app",function(){function e(e){r(this,e);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.currentTrekId=undefined;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.urlLayer=undefined;this.center=undefined;this.zoom=undefined;this.attribution=undefined;this.linkName="GEOTREK";this.linkTarget="https://geotrek.fr";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.colorDepartureIcon="#006b3b";this.colorArrivalIcon="#85003b";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e"}e.prototype.onTrekCardPress=function(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;this.showTrekMap=false;var r=new URL(window.location.toString());r.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",r)};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 r=e.searchParams.get("trek");if(r){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(r);this.showTrek=!this.showTrek}};e.prototype.componentDidLoad=function(){var e=this;a("trekNetworkError",(function(){if(s.trekNetworkError){var r=new URL(window.location.toString());r.searchParams.delete("trek");window.history.replaceState({},"",r);e.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};e.prototype.onTrekDetailsClose=function(){s.currentTrek=null;this.currentTrekId=null;this.showTrek=!this.showTrek};e.prototype.handleView=function(){this.isLargeView=this.element.getBoundingClientRect().width>=this.largeViewSize;this.showTreksMap=this.isLargeView;this.showTrekMap=this.isLargeView};e.prototype.handleFilters=function(){this.showFilters=!this.showFilters};e.prototype.handleBackButton=function(){if(window.history.state&&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 r=Number(e.searchParams.get("trek"));if(r&&this.currentTrekId!==r){this.currentTrekId=r;this.showTrek=true}else if(!r){this.onTrekDetailsClose()}};e.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}};e.prototype.disconnectedCallback=function(){c();window.removeEventListener("popstate",this.handlePopStateBind)};e.prototype.render=function(){var e=this;return t(i,{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}},!s.currentTreks&&!s.currentTrek&&t("div",{class:"init-loader-container"},t("span",{class:"loader"})),!this.showTrek&&!s.treks&&t("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&&!s.currentTrek&&t("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(s.currentTreks\|\|s.currentTrek)&&t("div",{class:"app-container"},t("div",{class:this.isLargeView?"large-view-header-container":"header-container"},t("div",{class:"header-top"},t("div",{class:"header-left-container"},this.showTrek?t("button",{onClick:function(){return e.handleBackButton()},class:"arrow-back-icon"},t("span",{class:"material-symbols-outlined"},"arrow_back")):t("div",{class:"attribution-container"},t("a",{target:"_blank",href:this.linkTarget},this.linkName))),t("div",{class:"header-right-container"},t("span",{class:"material-symbols-outlined margin-right-icon"},"translate"),s.languages.length>1&&t("grw-select-language",null))),!this.showTrek&&t("div",{class:"handle-filters-container"},s.treksWithinBounds&&t("div",{class:"current-treks-within-bounds-length"},"".concat(s.treksWithinBounds.length," ").concat(s.treksWithinBounds.length>1?n[s.language].treks:n[s.language].trek)),t("button",{onClick:function(){return e.handleFilters()},class:"handle-filters-button"},t("span",{class:"material-symbols-outlined margin-right-icon"},"filter_list"),n[s.language].filter))),t("div",{class:"content-container ".concat(this.showTrek?"content-trek":"content-treks")},t("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek?"none":"flex",position:this.showTrek?"absolute":"relative"}},t("grw-treks-list",{"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&&!s.currentTrek&&t("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},t("span",{class:"loader"})),s.currentTrek&&t("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},t("grw-trek-detail",{"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-background":this.colorBackground,weather:this.weather,style:{zIndex:this.showTrekMap?"0":"1"},"is-large-view":this.isLargeView})),t("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek\|\|this.showTrekMap&&this.showTrek\|\|this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"1":"0"},"url-layer":this.urlLayer,center:this.center,zoom:this.zoom,attribution:this.attribution,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-departure-icon":this.colorDepartureIcon,"color-arrival-icon":this.colorArrivalIcon,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView})),(!this.showTrek\|\|this.showTrek&&s.currentTrek)&&t("div",{class:"map-visibility-button-container"},t("button",{onClick:function(){return e.handleShowMap()},class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},t("span",{class:"material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?n[s.language].showDetails:n[s.language].showRoute:this.showTreksMap?n[s.language].showList:n[s.language].showMap))),!this.showTrek&&this.showFilters&&t("div",{class:"options-container"},t("div",{class:"filters-container"},t("grw-filter",{filterName:n[s.language].practice,filterType:"practices",filterNameProperty:"name"}),t("div",{class:"divider"}),t("grw-filter",{filterName:n[s.language].difficulty,filterType:"difficulties",filterNameProperty:"label"}),t("div",{class:"divider"}),t("grw-filter",{filterName:n[s.language].duration,filterType:"durations",filterNameProperty:"name"})),t("div",{onClick:function(){return e.handleFilters()},class:"back-filters-container"})))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return e}());h.style=l}}}));
2	+ //# sourceMappingURL=p-272fd685.system.entry.js.map

package/dist/geotrek-rando-widget/p-272fd685.system.entry.js.br ADDED Viewed

Binary file

package/dist/geotrek-rando-widget/p-272fd685.system.entry.js.gz ADDED Viewed

Binary file

package/dist/geotrek-rando-widget/p-272fd685.system.entry.js.map ADDED Viewed

@@ -0,0 +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","element","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","disconnectedCallback","reset","removeEventListener","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","currentTreks","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","target","href","linkTarget","linkName","length","treksWithinBounds","concat","translate","language","trek","filter","display","position","weather","zIndex","visibility","urlLayer","center","zoom","attribution","colorTrekLine","colorDepartureIcon","colorArrivalIcon","colorSensitiveArea","colorPoiIcon","showDetails","showRoute","showList","showMap","filterName","practice","filterType","filterNameProperty","difficulty","duration"],"sources":["src/components/grw-app/grw-app.scss?tag=grw-app","src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n position: relative;\n width: 100%;\n height: 100%;\n font-family: 'Roboto';\n color: var(--color-on-surface);\n overflow: hidden;\n line-height: initial;\n}\n\n.app-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n background-color: var(--color-background);\n box-shadow: var(--elevation-2);\n .header-top {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n }\n .arrow-back-icon {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n color: var(--color-on-surface);\n border: none;\n background-color: var(--color-background);\n border-radius: 50%;\n height: 48px;\n width: 48px;\n padding: 12px;\n &:hover {\n box-shadow: var(--elevation-1);\n }\n }\n .header-left-container {\n margin-left: 8px;\n }\n .header-right-container {\n display: flex;\n align-items: center;\n margin-right: 8px;\n .margin-right-icon {\n margin-right: 8px;\n }\n }\n .attribution-container {\n a {\n font-size: 24px;\n font-weight: 400;\n line-height: 40px;\n color: var(--color-on-surface);\n text-decoration: none;\n }\n }\n}\n\n.options-container {\n height: calc(100% - 64px);\n position: absolute;\n width: 100%;\n z-index: 1100;\n top: 64px;\n}\n\n.handle-filters-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0px 16px;\n height: 64px;\n .handle-filters-button {\n user-select: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n background-color: var(--color-background);\n color: var(--color-on-surface);\n padding: 12px 24px;\n border-radius: 20px;\n box-sizing: border-box;\n position: relative;\n gap: 8px;\n white-space: nowrap;\n line-height: 20px;\n letter-spacing: 0.10000000149011612px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: var(--elevation-1);\n transition: box-shadow 0.2s ease-in-out 0s;\n span {\n font-size: 18px;\n font-family: 'Material Symbols Outlined';\n }\n }\n .current-treks-within-bounds-length {\n margin-left: 12px;\n color: var(--color-on-surface);\n }\n}\n\n.filters-container {\n background-color: var(--color-background);\n position: absolute;\n width: 100%;\n padding: 16px 0px 32px 0px;\n z-index: 1100;\n}\n\n.back-filters-container {\n background-color: rgba(0, 0, 0, 0.5);\n width: 100%;\n height: calc(100% - 64px);\n position: absolute;\n z-index: 1099;\n top: 64px;\n}\n\n.divider {\n margin: 16px;\n border-top: 1px solid var(--color-outline);\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n background-color: var(--color-background);\n .loader {\n width: 48px;\n height: 48px;\n border: 5px solid var(--color-primary-container);\n border-bottom-color: var(--color-on-primary-container);\n border-radius: 50%;\n display: inline-block;\n box-sizing: border-box;\n animation: rotation 1s linear infinite;\n }\n\n @keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n\n.content-container {\n position: relative;\n display: flex;\n height: calc(100% - 64px - 64px);\n background-color: var(--color-background);\n}\n\n.content-treks {\n height: calc(100% - 64px - 64px);\n}\n\n.content-trek {\n height: calc(100% - 64px);\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n width: 100%;\n height: 100%;\n}\n\n.map-visibility-button-container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n position: absolute;\n bottom: 24px;\n z-index: 4;\n .map-visibility-button {\n cursor: pointer;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n text-decoration: none;\n padding: 16px;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n box-shadow: var(--elevation-1);\n border-radius: 12px;\n height: 56px;\n font-size: 16px;\n width: unset;\n &:hover {\n box-shadow: var(--elevation-4);\n }\n span {\n font-family: 'Material Symbols Outlined';\n font-size: 24px;\n margin-right: 8px;\n color: var(--color-on-primary-container);\n }\n }\n}\n\n.init-loader-container,\n.loader-container {\n width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n width: 100%;\n}\n\n.app-map-container {\n width: 100%;\n position: absolute;\n}\n\n.large-view-loader-container {\n width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n width: 50%;\n}\n\n.large-view-app-map-container {\n position: relative;\n width: 50%;\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\n\n@Component({\n tag: 'grw-app',\n styleUrls: ['grw-app.scss'],\n shadow: false,\n})\nexport class GrwApp {\n @Element() element: HTMLElement;\n @State() showTrek = false;\n @State() showTreksMap = false;\n @State() showTrekMap = false;\n @State() showFilters = false;\n @State() isLargeView = false;\n @State() currentTrekId: number;\n @Prop() api: string;\n @Prop() languages = 'fr';\n @Prop() inBbox: string;\n @Prop() cities: string;\n @Prop() districts: string;\n @Prop() structures: string;\n @Prop() themes: string;\n @Prop() portals: string;\n @Prop() routes: string;\n @Prop() practices: string;\n @Prop() urlLayer: string;\n @Prop() center: string;\n @Prop() zoom: number;\n @Prop() attribution: string;\n @Prop() linkName = 'GEOTREK';\n @Prop() linkTarget = 'https://geotrek.fr';\n @Prop() weather = false;\n\n @Prop() colorPrimaryApp = '#6750a4';\n @Prop() colorOnPrimary = '#ffffff';\n @Prop() colorSurface = '#1c1b1f';\n @Prop() colorOnSurface = '#49454e';\n @Prop() colorSurfaceVariant = '#fef7ff';\n @Prop() colorOnSurfaceVariant = '#1c1b1f';\n @Prop() colorPrimaryContainer = '#eaddff';\n @Prop() colorOnPrimaryContainer = '#21005e';\n @Prop() colorSecondaryContainer = '#e8def8';\n @Prop() colorOnSecondaryContainer = '#1d192b';\n @Prop() colorBackground = '#fef7ff';\n @Prop() colorSurfaceContainerHigh = '#ece6f0';\n @Prop() colorSurfaceContainerLow = '#f7f2fa';\n @Prop() fabBackgroundColor = '#eaddff';\n @Prop() fabColor = '#21005d';\n\n @Prop() colorTrekLine = '#6b0030';\n @Prop() colorDepartureIcon = '#006b3b';\n @Prop() colorArrivalIcon = '#85003b';\n @Prop() colorSensitiveArea = '#4974a5';\n @Prop() colorPoiIcon = '#974c6e';\n\n largeViewSize = 1024;\n handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n @Listen('trekCardPress', { target: 'window' })\n onTrekCardPress(event: CustomEvent<number>) {\n this.currentTrekId = event.detail;\n this.showTrek = !this.showTrek;\n this.showTrekMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.set('trek', this.currentTrekId.toString());\n window.history.pushState({}, '', url);\n }\n\n @Listen('resize', { target: 'window' })\n onWindowResize() {\n this.handleView();\n }\n\n @Listen('centerOnMap', { target: 'window' })\n onCenterOnMap() {\n if (!this.isLargeView) {\n this.showTrekMap = true;\n }\n }\n\n @Watch('isLargeView')\n watchPropHandler() {\n window.dispatchEvent(new window.Event('resize'));\n }\n\n componentWillLoad() {\n const url = new URL(window.location.toString());\n const trekParam = url.searchParams.get('trek');\n if (trekParam) {\n window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\n this.currentTrekId = Number(trekParam);\n this.showTrek = !this.showTrek;\n }\n }\n\n componentDidLoad() {\n onChange('trekNetworkError', () => {\n if (state.trekNetworkError) {\n const urlRedirect = new URL(window.location.toString());\n urlRedirect.searchParams.delete('trek');\n window.history.replaceState({}, '', urlRedirect);\n this.onTrekDetailsClose();\n }\n });\n window.addEventListener('popstate', this.handlePopStateBind, false);\n this.handleView();\n }\n\n onTrekDetailsClose() {\n state.currentTrek = null;\n this.currentTrekId = null;\n this.showTrek = !this.showTrek;\n }\n\n handleView() {\n this.isLargeView = this.element.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 disconnectedCallback() {\n reset();\n window.removeEventListener('popstate', this.handlePopStateBind);\n }\n\n render() {\n return (\n <Host\n style={{\n '--color-primary-app': this.colorPrimaryApp,\n '--color-on-primary': this.colorOnPrimary,\n '--color-surface': this.colorSurface,\n '--color-on-surface': this.colorOnSurface,\n '--color-surface-variant': this.colorSurfaceVariant,\n '--color-on-surface-variant': this.colorOnSurfaceVariant,\n '--color-primary-container': this.colorPrimaryContainer,\n '--color-on-primary-container': this.colorOnPrimaryContainer,\n '--color-secondary-container': this.colorSecondaryContainer,\n '--color-on-secondary-container': this.colorOnSecondaryContainer,\n '--color-background': this.colorBackground,\n '--color-surface-container-high': this.colorSurfaceContainerHigh,\n '--color-surface-container-low': this.colorSurfaceContainerLow,\n '--fab-background-color': this.fabBackgroundColor,\n '--fab-color': this.fabColor,\n }}\n >\n {!state.currentTreks && !state.currentTrek && (\n <div class=\"init-loader-container\">\n <span class=\"loader\"></span>\n </div>\n )}\n {!this.showTrek && !state.treks && (\n <grw-treks-provider\n api={this.api}\n languages={this.languages}\n in-bbox={this.inBbox}\n cities={this.cities}\n districts={this.districts}\n structures={this.structures}\n themes={this.themes}\n portals={this.portals}\n routes={this.routes}\n practices={this.practices}\n ></grw-treks-provider>\n )}\n {this.showTrek && this.currentTrekId && !state.currentTrek && (\n <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n )}\n {(state.currentTreks || state.currentTrek) && (\n <div class=\"app-container\">\n <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n <div class=\"header-top\">\n <div class=\"header-left-container\">\n {this.showTrek ? (\n <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n <span class=\"material-symbols-outlined\">arrow_back</span>\n </button>\n ) : (\n <div class=\"attribution-container\">\n <a target=\"_blank\" href={this.linkTarget}>\n {this.linkName}\n </a>\n </div>\n )}\n </div>\n <div class=\"header-right-container\">\n <span class=\"material-symbols-outlined margin-right-icon\">translate</span>\n {state.languages.length > 1 && <grw-select-language></grw-select-language>}\n </div>\n </div>\n {!this.showTrek && (\n <div class=\"handle-filters-container\">\n {state.treksWithinBounds && (\n <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n }`}</div>\n )}\n <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n <span class=\"material-symbols-outlined margin-right-icon\">filter_list</span>\n {translate[state.language].filter}\n </button>\n </div>\n )}\n </div>\n\n <div class={`content-container ${this.showTrek ? 'content-trek' : 'content-treks'}`}>\n <div\n class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n style={{ display: this.showTrek ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n >\n <grw-treks-list\n reset-store-on-disconnected=\"false\"\n is-large-view={this.isLargeView}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n ></grw-treks-list>\n </div>\n {this.showTrek && !state.currentTrek && (\n <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n <span class=\"loader\"></span>\n </div>\n )}\n {state.currentTrek && (\n <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n <grw-trek-detail\n reset-store-on-disconnected=\"false\"\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-background={this.colorBackground}\n weather={this.weather}\n style={{ zIndex: this.showTrekMap ? '0' : '1' }}\n is-large-view={this.isLargeView}\n ></grw-trek-detail>\n </div>\n )}\n <grw-map\n reset-store-on-disconnected=\"false\"\n class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n style={{\n visibility: (this.showTreksMap && !this.showTrek) || (this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n zIndex: this.showTrekMap ? '1' : '0',\n }}\n url-layer={this.urlLayer}\n center={this.center}\n zoom={this.zoom}\n attribution={this.attribution}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-background={this.colorBackground}\n color-trek-line={this.colorTrekLine}\n color-departure-icon={this.colorDepartureIcon}\n color-arrival-icon={this.colorArrivalIcon}\n color-sensitive-area={this.colorSensitiveArea}\n color-poi-icon={this.colorPoiIcon}\n is-large-view={this.isLargeView}\n ></grw-map>\n </div>\n {(!this.showTrek || (this.showTrek && state.currentTrek)) && (\n <div class=\"map-visibility-button-container\">\n <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n <span class=\"material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n {this.showTrek\n ? this.showTrekMap\n ? translate[state.language].showDetails\n : translate[state.language].showRoute\n : this.showTreksMap\n ? translate[state.language].showList\n : translate[state.language].showMap}\n </button>\n </div>\n )}\n </div>\n )}\n {!this.showTrek && this.showFilters && (\n <div class=\"options-container\">\n <div class=\"filters-container\">\n <grw-filter filterName={translate[state.language].practice} filterType=\"practices\" filterNameProperty=\"name\"></grw-filter>\n <div class=\"divider\"></div>\n <grw-filter filterName={translate[state.language].difficulty} filterType=\"difficulties\" filterNameProperty=\"label\"></grw-filter>\n <div class=\"divider\"></div>\n <grw-filter filterName={translate[state.language].duration} filterType=\"durations\" filterNameProperty=\"name\"></grw-filter>\n </div>\n <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-8e38db57.system.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["./p-d5094323.system.js"],(function(r,o){"use strict";var e,n,c,i,t,a;return{setters:[function(o){e=o.p;n=o.w;c=o.d;i=o.N;t=o.a;a=o.b;r("setNonce",o.s)}],execute:function(){function r(r){var o,e,n;return(n=(e=(o=r.head)===null||o===void 0?void 0:o.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&n!==void 0?n:undefined}var s=function(r){return"__sc_import_".concat(r.replace(/\s|-/g,"_"))};var l=function(){{e.$cssShim$=n.__cssshim}var r=Array.from(c.querySelectorAll("script")).find((function(r){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(r.src)||r.getAttribute("data-stencil-namespace")===i}));var a=(r||{})["data-opts"]||{};if("onbeforeload"in r&&!history.scrollRestoration){return{then:function(){}}}{a.resourcesUrl=new URL(".",new URL(r.getAttribute("data-resources-url")||r.src,n.location.href)).href;{p(a.resourcesUrl,r)}if(!n.customElements){return o.import("./p-2a99981a.system.js").then((function(){return a}))}}return t(a)};var p=function(o,t){var a=s(i);try{n[a]=new Function("w","return import(w);//".concat(Math.random()))}catch(p){var l=new Map;n[a]=function(i){var s;var p=new URL(i,o).href;var u=l.get(p);if(!u){var d=c.createElement("script");d.type="module";d.crossOrigin=t.crossOrigin;d.src=URL.createObjectURL(new Blob(["import * as m from '".concat(p,"'; window.").concat(a,".m = m;")],{type:"application/javascript"}));var f=(s=e.$nonce$)!==null&&s!==void 0?s:r(c);if(f!=null){d.setAttribute("nonce",f)}u=new Promise((function(r){d.onload=function(){r(n[a].m);d.remove()}}));l.set(p,u);c.head.appendChild(d)}return u}}};l().then((function(r){return a([["p-631e4237.system",[[1,"grw-trek-card",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],departureCity:[32]}]]],["p-a6e9f1a8.system",[[1,"grw-information-desk-detail",{informationDesk:[16],displayShortDescription:[32]}],[1,"grw-poi-detail",{poi:[16],displayShortDescription:[32],displayFullscreen:[32]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}]]],["p-fc1b1be0.system",[[0,"grw-trek-detail",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],weather:[4],isLargeView:[4,"is-large-view"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],labels:[32],sources:[32],accessibilities:[32],accessibilityLevel:[32],displayFullscreen:[32],cities:[32],options:[32]}],[1,"grw-treks-list",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],treksToDisplay:[32]}],[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterNameProperty:[1,"filter-name-property"]}],[0,"grw-map",{urlLayer:[1,"url-layer"],attribution:[1],center:[1],zoom:[2],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorBackground:[1,"color-background"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isLargeView:[4,"is-large-view"],mapIsReady:[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"descriptionReferenceIsInViewport","descriptionReferenceIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"]]],[1,"grw-select-language"],[1,"grw-trek-provider",{languages:[1],api:[1],trekId:[1,"trek-id"]}],[1,"grw-treks-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1]}]]],["p-9c541a0b.system",[[0,"grw-app",{api:[1],languages:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],urlLayer:[1,"url-layer"],center:[1],zoom:[2],attribution:[1],linkName:[1,"link-name"],linkTarget:[1,"link-target"],weather:[4],colorPrimaryApp:[1,"color-primary-app"],colorOnPrimary:[1,"color-on-primary"],colorSurface:[1,"color-surface"],colorOnSurface:[1,"color-on-surface"],colorSurfaceVariant:[1,"color-surface-variant"],colorOnSurfaceVariant:[1,"color-on-surface-variant"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],colorSurfaceContainerHigh:[1,"color-surface-container-high"],colorSurfaceContainerLow:[1,"color-surface-container-low"],fabBackgroundColor:[1,"fab-background-color"],fabColor:[1,"fab-color"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],showTrek:[32],showTreksMap:[32],showTrekMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32]},[[8,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]]],r)}))}}}));
+System.register(["./p-d5094323.system.js"],(function(r,o){"use strict";var e,n,c,i,t,a;return{setters:[function(o){e=o.p;n=o.w;c=o.d;i=o.N;t=o.a;a=o.b;r("setNonce",o.s)}],execute:function(){function r(r){var o,e,n;return(n=(e=(o=r.head)===null||o===void 0?void 0:o.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&n!==void 0?n:undefined}var s=function(r){return"__sc_import_".concat(r.replace(/\s|-/g,"_"))};var l=function(){{e.$cssShim$=n.__cssshim}var r=Array.from(c.querySelectorAll("script")).find((function(r){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(r.src)||r.getAttribute("data-stencil-namespace")===i}));var a=(r||{})["data-opts"]||{};if("onbeforeload"in r&&!history.scrollRestoration){return{then:function(){}}}{a.resourcesUrl=new URL(".",new URL(r.getAttribute("data-resources-url")||r.src,n.location.href)).href;{p(a.resourcesUrl,r)}if(!n.customElements){return o.import("./p-2a99981a.system.js").then((function(){return a}))}}return t(a)};var p=function(o,t){var a=s(i);try{n[a]=new Function("w","return import(w);//".concat(Math.random()))}catch(p){var l=new Map;n[a]=function(i){var s;var p=new URL(i,o).href;var u=l.get(p);if(!u){var d=c.createElement("script");d.type="module";d.crossOrigin=t.crossOrigin;d.src=URL.createObjectURL(new Blob(["import * as m from '".concat(p,"'; window.").concat(a,".m = m;")],{type:"application/javascript"}));var f=(s=e.$nonce$)!==null&&s!==void 0?s:r(c);if(f!=null){d.setAttribute("nonce",f)}u=new Promise((function(r){d.onload=function(){r(n[a].m);d.remove()}}));l.set(p,u);c.head.appendChild(d)}return u}}};l().then((function(r){return a([["p-631e4237.system",[[1,"grw-trek-card",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],departureCity:[32]}]]],["p-a6e9f1a8.system",[[1,"grw-information-desk-detail",{informationDesk:[16],displayShortDescription:[32]}],[1,"grw-poi-detail",{poi:[16],displayShortDescription:[32],displayFullscreen:[32]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}]]],["p-fc1b1be0.system",[[0,"grw-trek-detail",{trek:[16],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],weather:[4],isLargeView:[4,"is-large-view"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],labels:[32],sources:[32],accessibilities:[32],accessibilityLevel:[32],displayFullscreen:[32],cities:[32],options:[32]}],[1,"grw-treks-list",{colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorSurfaceContainerLow:[1,"color-surface-container-low"],isLargeView:[4,"is-large-view"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],treksToDisplay:[32]}],[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterNameProperty:[1,"filter-name-property"]}],[0,"grw-map",{urlLayer:[1,"url-layer"],attribution:[1],center:[1],zoom:[2],colorPrimaryApp:[1,"color-primary-app"],colorOnSurface:[1,"color-on-surface"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorBackground:[1,"color-background"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isLargeView:[4,"is-large-view"],mapIsReady:[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"descriptionReferenceIsInViewport","descriptionReferenceIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"]]],[1,"grw-select-language"],[1,"grw-trek-provider",{languages:[1],api:[1],trekId:[1,"trek-id"]}],[1,"grw-treks-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1]}]]],["p-272fd685.system",[[0,"grw-app",{api:[1],languages:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],urlLayer:[1,"url-layer"],center:[1],zoom:[2],attribution:[1],linkName:[1,"link-name"],linkTarget:[1,"link-target"],weather:[4],colorPrimaryApp:[1,"color-primary-app"],colorOnPrimary:[1,"color-on-primary"],colorSurface:[1,"color-surface"],colorOnSurface:[1,"color-on-surface"],colorSurfaceVariant:[1,"color-surface-variant"],colorOnSurfaceVariant:[1,"color-on-surface-variant"],colorPrimaryContainer:[1,"color-primary-container"],colorOnPrimaryContainer:[1,"color-on-primary-container"],colorSecondaryContainer:[1,"color-secondary-container"],colorOnSecondaryContainer:[1,"color-on-secondary-container"],colorBackground:[1,"color-background"],colorSurfaceContainerHigh:[1,"color-surface-container-high"],colorSurfaceContainerLow:[1,"color-surface-container-low"],fabBackgroundColor:[1,"fab-background-color"],fabColor:[1,"fab-color"],colorTrekLine:[1,"color-trek-line"],colorDepartureIcon:[1,"color-departure-icon"],colorArrivalIcon:[1,"color-arrival-icon"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],showTrek:[32],showTreksMap:[32],showTrekMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32]},[[8,"trekCardPress","onTrekCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]]],r)}))}}}));
 //# sourceMappingURL=p-8e38db57.system.js.map

package/dist/geotrek-rando-widget/p-8e38db57.system.js.br CHANGED Viewed

Binary file

package/dist/geotrek-rando-widget/p-8e38db57.system.js.gz CHANGED Viewed

Binary file

package/dist/geotrek-rando-widget/p-ce3e1d4a.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as i,H as t,g as r}from"./p-4f746b28.js";import{t as o}from"./p-0773c38f.js";import{o as n,s as a,r as s}from"./p-58cf0dd0.js";const l='.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{position:relative;width:100%;height:100%;font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.header-container .header-top,.large-view-header-container .header-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:64px}.header-container .arrow-back-icon,.large-view-header-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:12px}.header-container .arrow-back-icon:hover,.large-view-header-container .arrow-back-icon:hover{-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}.header-container .header-left-container,.large-view-header-container .header-left-container{margin-left:8px}.header-container .header-right-container,.large-view-header-container .header-right-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:8px}.header-container .header-right-container .margin-right-icon,.large-view-header-container .header-right-container .margin-right-icon{margin-right:8px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{font-size:24px;font-weight:400;line-height:40px;color:var(--color-on-surface);text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.handle-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-filters-container .handle-filters-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-filters-container .handle-filters-button span{font-size:18px;font-family:"Material Symbols Outlined"}.handle-filters-container .current-treks-within-bounds-length{margin-left:12px;color:var(--color-on-surface)}.filters-container{background-color:var(--color-background);position:absolute;width:100%;padding:16px 0px 32px 0px;z-index:1100}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:calc(100% - 64px);position:absolute;z-index:1099;top:64px}.divider{margin:16px;border-top:1px solid var(--color-outline)}.init-loader-container,.loader-container,.large-view-loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - 64px - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px - 64px)}.content-trek{height:calc(100% - 64px)}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-family:"Material Symbols Outlined";font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}';const c=class{constructor(i){e(this,i);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.currentTrekId=undefined;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.urlLayer=undefined;this.center=undefined;this.zoom=undefined;this.attribution=undefined;this.linkName="GEOTREK";this.linkTarget="https://geotrek.fr";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.colorDepartureIcon="#006b3b";this.colorArrivalIcon="#85003b";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e"}onTrekCardPress(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;this.showTrekMap=false;const i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",i)}onWindowResize(){this.handleView()}onCenterOnMap(){if(!this.isLargeView){this.showTrekMap=true}}watchPropHandler(){window.dispatchEvent(new window.Event("resize"))}componentWillLoad(){const e=new URL(window.location.toString());const i=e.searchParams.get("trek");if(i){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(i);this.showTrek=!this.showTrek}}componentDidLoad(){n("trekNetworkError",(()=>{if(a.trekNetworkError){const e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.replaceState({},"",e);this.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()}onTrekDetailsClose(){a.currentTrek=null;this.currentTrekId=null;this.showTrek=!this.showTrek}handleView(){this.isLargeView=this.element.getBoundingClientRect().width>=this.largeViewSize;this.showTreksMap=this.isLargeView;this.showTrekMap=this.isLargeView}handleFilters(){this.showFilters=!this.showFilters}handleBackButton(){if(window.history.state&&window.history.state.isInitialHistoryWithTrek){this.onTrekDetailsClose();const e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.pushState({},"",e)}else{window.history.back()}}handlePopState(){const e=new URL(window.location.toString());const i=Number(e.searchParams.get("trek"));if(i&&this.currentTrekId!==i){this.currentTrekId=i;this.showTrek=true}else if(!i){this.onTrekDetailsClose()}}handleShowMap(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}}disconnectedCallback(){s();window.removeEventListener("popstate",this.handlePopStateBind)}render(){return i(t,{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}},!a.currentTreks&&!a.currentTrek&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),!this.showTrek&&!a.treks&&i("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&&!a.currentTrek&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(a.currentTreks\|\|a.currentTrek)&&i("div",{class:"app-container"},i("div",{class:this.isLargeView?"large-view-header-container":"header-container"},i("div",{class:"header-top"},i("div",{class:"header-left-container"},this.showTrek?i("button",{onClick:()=>this.handleBackButton(),class:"arrow-back-icon"},i("span",{class:"material-symbols-outlined"},"arrow_back")):i("div",{class:"attribution-container"},i("a",{target:"_blank",href:this.linkTarget},this.linkName))),i("div",{class:"header-right-container"},i("span",{class:"material-symbols-outlined margin-right-icon"},"translate"),a.languages.length>1&&i("grw-select-language",null))),!this.showTrek&&i("div",{class:"handle-filters-container"},a.treksWithinBounds&&i("div",{class:"current-treks-within-bounds-length"},`${a.treksWithinBounds.length} ${a.treksWithinBounds.length>1?o[a.language].treks:o[a.language].trek}`),i("button",{onClick:()=>this.handleFilters(),class:"handle-filters-button"},i("span",{class:"material-symbols-outlined margin-right-icon"},"filter_list"),o[a.language].filter))),i("div",{class:`content-container ${this.showTrek?"content-trek":"content-treks"}`},i("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"}},i("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&&!a.currentTrek&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),a.currentTrek&&i("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},i("grw-trek-detail",{"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-background":this.colorBackground,weather:this.weather,style:{zIndex:this.showTrekMap?"0":"1"},"is-large-view":this.isLargeView})),i("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek\|\|this.showTrekMap&&this.showTrek\|\|this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"1":"0"},"url-layer":this.urlLayer,center:this.center,zoom:this.zoom,attribution:this.attribution,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-departure-icon":this.colorDepartureIcon,"color-arrival-icon":this.colorArrivalIcon,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView})),(!this.showTrek\|\|this.showTrek&&a.currentTrek)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:()=>this.handleShowMap(),class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{class:"material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?o[a.language].showDetails:o[a.language].showRoute:this.showTreksMap?o[a.language].showList:o[a.language].showMap))),!this.showTrek&&this.showFilters&&i("div",{class:"options-container"},i("div",{class:"filters-container"},i("grw-filter",{filterName:o[a.language].practice,filterType:"practices",filterNameProperty:"name"}),i("div",{class:"divider"}),i("grw-filter",{filterName:o[a.language].difficulty,filterType:"difficulties",filterNameProperty:"label"}),i("div",{class:"divider"}),i("grw-filter",{filterName:o[a.language].duration,filterType:"durations",filterNameProperty:"name"})),i("div",{onClick:()=>this.handleFilters(),class:"back-filters-container"})))}get element(){return r(this)}static get watchers(){return{isLargeView:["watchPropHandler"]}}};c.style=l;export{c as grw_app};
2	+ //# sourceMappingURL=p-ce3e1d4a.entry.js.map

package/dist/geotrek-rando-widget/p-ce3e1d4a.entry.js.br ADDED Viewed

Binary file

package/dist/geotrek-rando-widget/p-ce3e1d4a.entry.js.gz ADDED Viewed

Binary file

package/dist/geotrek-rando-widget/p-ce3e1d4a.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","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","onChange","state","trekNetworkError","urlRedirect","delete","onTrekDetailsClose","addEventListener","currentTrek","element","getBoundingClientRect","width","showTreksMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","disconnectedCallback","reset","removeEventListener","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","currentTreks","class","treks","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","onClick","target","href","linkTarget","linkName","length","treksWithinBounds","translate","language","trek","filter","display","position","weather","zIndex","visibility","urlLayer","center","zoom","attribution","colorTrekLine","colorDepartureIcon","colorArrivalIcon","colorSensitiveArea","colorPoiIcon","showDetails","showRoute","showList","showMap","filterName","practice","filterType","filterNameProperty","difficulty","duration"],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n position: relative;\n width: 100%;\n height: 100%;\n font-family: 'Roboto';\n color: var(--color-on-surface);\n overflow: hidden;\n line-height: initial;\n}\n\n.app-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.header-container,\n.large-view-header-container {\n background-color: var(--color-background);\n box-shadow: var(--elevation-2);\n .header-top {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n }\n .arrow-back-icon {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n color: var(--color-on-surface);\n border: none;\n background-color: var(--color-background);\n border-radius: 50%;\n height: 48px;\n width: 48px;\n padding: 12px;\n &:hover {\n box-shadow: var(--elevation-1);\n }\n }\n .header-left-container {\n margin-left: 8px;\n }\n .header-right-container {\n display: flex;\n align-items: center;\n margin-right: 8px;\n .margin-right-icon {\n margin-right: 8px;\n }\n }\n .attribution-container {\n a {\n font-size: 24px;\n font-weight: 400;\n line-height: 40px;\n color: var(--color-on-surface);\n text-decoration: none;\n }\n }\n}\n\n.options-container {\n height: calc(100% - 64px);\n position: absolute;\n width: 100%;\n z-index: 1100;\n top: 64px;\n}\n\n.handle-filters-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0px 16px;\n height: 64px;\n .handle-filters-button {\n user-select: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n background-color: var(--color-background);\n color: var(--color-on-surface);\n padding: 12px 24px;\n border-radius: 20px;\n box-sizing: border-box;\n position: relative;\n gap: 8px;\n white-space: nowrap;\n line-height: 20px;\n letter-spacing: 0.10000000149011612px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: var(--elevation-1);\n transition: box-shadow 0.2s ease-in-out 0s;\n span {\n font-size: 18px;\n font-family: 'Material Symbols Outlined';\n }\n }\n .current-treks-within-bounds-length {\n margin-left: 12px;\n color: var(--color-on-surface);\n }\n}\n\n.filters-container {\n background-color: var(--color-background);\n position: absolute;\n width: 100%;\n padding: 16px 0px 32px 0px;\n z-index: 1100;\n}\n\n.back-filters-container {\n background-color: rgba(0, 0, 0, 0.5);\n width: 100%;\n height: calc(100% - 64px);\n position: absolute;\n z-index: 1099;\n top: 64px;\n}\n\n.divider {\n margin: 16px;\n border-top: 1px solid var(--color-outline);\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n background-color: var(--color-background);\n .loader {\n width: 48px;\n height: 48px;\n border: 5px solid var(--color-primary-container);\n border-bottom-color: var(--color-on-primary-container);\n border-radius: 50%;\n display: inline-block;\n box-sizing: border-box;\n animation: rotation 1s linear infinite;\n }\n\n @keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n\n.content-container {\n position: relative;\n display: flex;\n height: calc(100% - 64px - 64px);\n background-color: var(--color-background);\n}\n\n.content-treks {\n height: calc(100% - 64px - 64px);\n}\n\n.content-trek {\n height: calc(100% - 64px);\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n width: 100%;\n height: 100%;\n}\n\n.map-visibility-button-container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n position: absolute;\n bottom: 24px;\n z-index: 4;\n .map-visibility-button {\n cursor: pointer;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border: none;\n text-decoration: none;\n padding: 16px;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n box-shadow: var(--elevation-1);\n border-radius: 12px;\n height: 56px;\n font-size: 16px;\n width: unset;\n &:hover {\n box-shadow: var(--elevation-4);\n }\n span {\n font-family: 'Material Symbols Outlined';\n font-size: 24px;\n margin-right: 8px;\n color: var(--color-on-primary-container);\n }\n }\n}\n\n.init-loader-container,\n.loader-container {\n width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n width: 100%;\n}\n\n.app-map-container {\n width: 100%;\n position: absolute;\n}\n\n.large-view-loader-container {\n width: 50%;\n}\n\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n width: 50%;\n}\n\n.large-view-app-map-container {\n position: relative;\n width: 50%;\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\n\n@Component({\n tag: 'grw-app',\n styleUrls: ['grw-app.scss'],\n shadow: false,\n})\nexport class GrwApp {\n @Element() element: HTMLElement;\n @State() showTrek = false;\n @State() showTreksMap = false;\n @State() showTrekMap = false;\n @State() showFilters = false;\n @State() isLargeView = false;\n @State() currentTrekId: number;\n @Prop() api: string;\n @Prop() languages = 'fr';\n @Prop() inBbox: string;\n @Prop() cities: string;\n @Prop() districts: string;\n @Prop() structures: string;\n @Prop() themes: string;\n @Prop() portals: string;\n @Prop() routes: string;\n @Prop() practices: string;\n @Prop() urlLayer: string;\n @Prop() center: string;\n @Prop() zoom: number;\n @Prop() attribution: string;\n @Prop() linkName = 'GEOTREK';\n @Prop() linkTarget = 'https://geotrek.fr';\n @Prop() weather = false;\n\n @Prop() colorPrimaryApp = '#6750a4';\n @Prop() colorOnPrimary = '#ffffff';\n @Prop() colorSurface = '#1c1b1f';\n @Prop() colorOnSurface = '#49454e';\n @Prop() colorSurfaceVariant = '#fef7ff';\n @Prop() colorOnSurfaceVariant = '#1c1b1f';\n @Prop() colorPrimaryContainer = '#eaddff';\n @Prop() colorOnPrimaryContainer = '#21005e';\n @Prop() colorSecondaryContainer = '#e8def8';\n @Prop() colorOnSecondaryContainer = '#1d192b';\n @Prop() colorBackground = '#fef7ff';\n @Prop() colorSurfaceContainerHigh = '#ece6f0';\n @Prop() colorSurfaceContainerLow = '#f7f2fa';\n @Prop() fabBackgroundColor = '#eaddff';\n @Prop() fabColor = '#21005d';\n\n @Prop() colorTrekLine = '#6b0030';\n @Prop() colorDepartureIcon = '#006b3b';\n @Prop() colorArrivalIcon = '#85003b';\n @Prop() colorSensitiveArea = '#4974a5';\n @Prop() colorPoiIcon = '#974c6e';\n\n largeViewSize = 1024;\n handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n @Listen('trekCardPress', { target: 'window' })\n onTrekCardPress(event: CustomEvent<number>) {\n this.currentTrekId = event.detail;\n this.showTrek = !this.showTrek;\n this.showTrekMap = false;\n const url = new URL(window.location.toString());\n url.searchParams.set('trek', this.currentTrekId.toString());\n window.history.pushState({}, '', url);\n }\n\n @Listen('resize', { target: 'window' })\n onWindowResize() {\n this.handleView();\n }\n\n @Listen('centerOnMap', { target: 'window' })\n onCenterOnMap() {\n if (!this.isLargeView) {\n this.showTrekMap = true;\n }\n }\n\n @Watch('isLargeView')\n watchPropHandler() {\n window.dispatchEvent(new window.Event('resize'));\n }\n\n componentWillLoad() {\n const url = new URL(window.location.toString());\n const trekParam = url.searchParams.get('trek');\n if (trekParam) {\n window.history.replaceState({ isInitialHistoryWithTrek: true }, '', url);\n this.currentTrekId = Number(trekParam);\n this.showTrek = !this.showTrek;\n }\n }\n\n componentDidLoad() {\n onChange('trekNetworkError', () => {\n if (state.trekNetworkError) {\n const urlRedirect = new URL(window.location.toString());\n urlRedirect.searchParams.delete('trek');\n window.history.replaceState({}, '', urlRedirect);\n this.onTrekDetailsClose();\n }\n });\n window.addEventListener('popstate', this.handlePopStateBind, false);\n this.handleView();\n }\n\n onTrekDetailsClose() {\n state.currentTrek = null;\n this.currentTrekId = null;\n this.showTrek = !this.showTrek;\n }\n\n handleView() {\n this.isLargeView = this.element.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 disconnectedCallback() {\n reset();\n window.removeEventListener('popstate', this.handlePopStateBind);\n }\n\n render() {\n return (\n <Host\n style={{\n '--color-primary-app': this.colorPrimaryApp,\n '--color-on-primary': this.colorOnPrimary,\n '--color-surface': this.colorSurface,\n '--color-on-surface': this.colorOnSurface,\n '--color-surface-variant': this.colorSurfaceVariant,\n '--color-on-surface-variant': this.colorOnSurfaceVariant,\n '--color-primary-container': this.colorPrimaryContainer,\n '--color-on-primary-container': this.colorOnPrimaryContainer,\n '--color-secondary-container': this.colorSecondaryContainer,\n '--color-on-secondary-container': this.colorOnSecondaryContainer,\n '--color-background': this.colorBackground,\n '--color-surface-container-high': this.colorSurfaceContainerHigh,\n '--color-surface-container-low': this.colorSurfaceContainerLow,\n '--fab-background-color': this.fabBackgroundColor,\n '--fab-color': this.fabColor,\n }}\n >\n {!state.currentTreks && !state.currentTrek && (\n <div class=\"init-loader-container\">\n <span class=\"loader\"></span>\n </div>\n )}\n {!this.showTrek && !state.treks && (\n <grw-treks-provider\n api={this.api}\n languages={this.languages}\n in-bbox={this.inBbox}\n cities={this.cities}\n districts={this.districts}\n structures={this.structures}\n themes={this.themes}\n portals={this.portals}\n routes={this.routes}\n practices={this.practices}\n ></grw-treks-provider>\n )}\n {this.showTrek && this.currentTrekId && !state.currentTrek && (\n <grw-trek-provider api={this.api} languages={this.languages} trek-id={this.currentTrekId}></grw-trek-provider>\n )}\n {(state.currentTreks || state.currentTrek) && (\n <div class=\"app-container\">\n <div class={this.isLargeView ? 'large-view-header-container' : 'header-container'}>\n <div class=\"header-top\">\n <div class=\"header-left-container\">\n {this.showTrek ? (\n <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n <span class=\"material-symbols-outlined\">arrow_back</span>\n </button>\n ) : (\n <div class=\"attribution-container\">\n <a target=\"_blank\" href={this.linkTarget}>\n {this.linkName}\n </a>\n </div>\n )}\n </div>\n <div class=\"header-right-container\">\n <span class=\"material-symbols-outlined margin-right-icon\">translate</span>\n {state.languages.length > 1 && <grw-select-language></grw-select-language>}\n </div>\n </div>\n {!this.showTrek && (\n <div class=\"handle-filters-container\">\n {state.treksWithinBounds && (\n <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n }`}</div>\n )}\n <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n <span class=\"material-symbols-outlined margin-right-icon\">filter_list</span>\n {translate[state.language].filter}\n </button>\n </div>\n )}\n </div>\n\n <div class={`content-container ${this.showTrek ? 'content-trek' : 'content-treks'}`}>\n <div\n class={this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container'}\n style={{ display: this.showTrek ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n >\n <grw-treks-list\n reset-store-on-disconnected=\"false\"\n is-large-view={this.isLargeView}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-surface-container-low={this.colorSurfaceContainerLow}\n ></grw-treks-list>\n </div>\n {this.showTrek && !state.currentTrek && (\n <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n <span class=\"loader\"></span>\n </div>\n )}\n {state.currentTrek && (\n <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n <grw-trek-detail\n reset-store-on-disconnected=\"false\"\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-secondary-container={this.colorSecondaryContainer}\n color-on-secondary-container={this.colorOnSecondaryContainer}\n color-background={this.colorBackground}\n weather={this.weather}\n style={{ zIndex: this.showTrekMap ? '0' : '1' }}\n is-large-view={this.isLargeView}\n ></grw-trek-detail>\n </div>\n )}\n <grw-map\n reset-store-on-disconnected=\"false\"\n class={this.isLargeView ? 'large-view-app-map-container' : 'app-map-container'}\n style={{\n visibility: (this.showTreksMap && !this.showTrek) || (this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n zIndex: this.showTrekMap ? '1' : '0',\n }}\n url-layer={this.urlLayer}\n center={this.center}\n zoom={this.zoom}\n attribution={this.attribution}\n color-primary-app={this.colorPrimaryApp}\n color-on-surface={this.colorOnSurface}\n color-primary-container={this.colorPrimaryContainer}\n color-on-primary-container={this.colorOnPrimaryContainer}\n color-background={this.colorBackground}\n color-trek-line={this.colorTrekLine}\n color-departure-icon={this.colorDepartureIcon}\n color-arrival-icon={this.colorArrivalIcon}\n color-sensitive-area={this.colorSensitiveArea}\n color-poi-icon={this.colorPoiIcon}\n is-large-view={this.isLargeView}\n ></grw-map>\n </div>\n {(!this.showTrek || (this.showTrek && state.currentTrek)) && (\n <div class=\"map-visibility-button-container\">\n <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n <span class=\"material-symbols-outlined\">{this.showTrek ? (this.showTrekMap ? 'summarize' : 'map') : this.showTreksMap ? 'list' : 'map'}</span>\n {this.showTrek\n ? this.showTrekMap\n ? translate[state.language].showDetails\n : translate[state.language].showRoute\n : this.showTreksMap\n ? translate[state.language].showList\n : translate[state.language].showMap}\n </button>\n </div>\n )}\n </div>\n )}\n {!this.showTrek && this.showFilters && (\n <div class=\"options-container\">\n <div class=\"filters-container\">\n <grw-filter filterName={translate[state.language].practice} filterType=\"practices\" filterNameProperty=\"name\"></grw-filter>\n <div class=\"divider\"></div>\n <grw-filter filterName={translate[state.language].difficulty} filterType=\"difficulties\" filterNameProperty=\"label\"></grw-filter>\n <div class=\"divider\"></div>\n <grw-filter filterName={translate[state.language].duration} filterType=\"durations\" filterNameProperty=\"name\"></grw-filter>\n </div>\n <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@geotrekce/geotrek-rando-widget",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Geotrek rando widget",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/geotrek-rando-widget/p-63744020.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as i,H as t,g as r}from"./p-4f746b28.js";import{t as o}from"./p-0773c38f.js";import{o as n,s as a,r as s}from"./p-58cf0dd0.js";const l='.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}:host{line-height:initial}.app-container{position:relative;width:100%;height:100%;font-family:"Roboto";color:var(--color-on-surface);overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.header-container .header-top,.large-view-header-container .header-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:64px}.header-container .arrow-back-icon,.large-view-header-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:12px}.header-container .arrow-back-icon:hover,.large-view-header-container .arrow-back-icon:hover{-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}.header-container .header-left-container,.large-view-header-container .header-left-container{margin-left:8px}.header-container .header-right-container,.large-view-header-container .header-right-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:8px}.header-container .header-right-container .margin-right-icon,.large-view-header-container .header-right-container .margin-right-icon{margin-right:8px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{font-size:24px;font-weight:400;line-height:40px;color:var(--color-on-surface);text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.handle-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-filters-container .handle-filters-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-filters-container .handle-filters-button span{font-size:18px;font-family:"Material Symbols Outlined"}.handle-filters-container .current-treks-within-bounds-length{margin-left:12px;color:var(--color-on-surface)}.filters-container{background-color:var(--color-background);position:absolute;width:100%;padding:16px 0px 32px 0px;z-index:1100}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:calc(100% - 64px);position:absolute;z-index:1099;top:64px}.divider{margin:16px;border-top:1px solid var(--color-outline)}.init-loader-container,.loader-container,.large-view-loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - 64px - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px - 64px)}.content-trek{height:calc(100% - 64px)}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-family:"Material Symbols Outlined";font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}';const c=class{constructor(i){e(this,i);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.currentTrekId=undefined;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.urlLayer=undefined;this.center=undefined;this.zoom=undefined;this.attribution=undefined;this.linkName="GEOTREK";this.linkTarget="https://geotrek.fr";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.colorDepartureIcon="#006b3b";this.colorArrivalIcon="#85003b";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e"}onTrekCardPress(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;this.showTrekMap=false;const i=new URL(window.location.toString());i.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",i)}onWindowResize(){this.handleView()}onCenterOnMap(){if(!this.isLargeView){this.showTrekMap=true}}watchPropHandler(){window.dispatchEvent(new window.Event("resize"))}componentWillLoad(){const e=new URL(window.location.toString());const i=e.searchParams.get("trek");if(i){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(i);this.showTrek=!this.showTrek}}componentDidLoad(){n("trekNetworkError",(()=>{if(a.trekNetworkError){const e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.replaceState({},"",e);this.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()}onTrekDetailsClose(){a.currentTrek=null;this.currentTrekId=null;this.showTrek=!this.showTrek}handleView(){this.isLargeView=this.element.getBoundingClientRect().width>=this.largeViewSize;this.showTreksMap=this.isLargeView;this.showTrekMap=this.isLargeView}handleFilters(){this.showFilters=!this.showFilters}handleBackButton(){if(window.history.state&&window.history.state.isInitialHistoryWithTrek){this.onTrekDetailsClose();const e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.pushState({},"",e)}else{window.history.back()}}handlePopState(){const e=new URL(window.location.toString());const i=Number(e.searchParams.get("trek"));if(i&&this.currentTrekId!==i){this.currentTrekId=i;this.showTrek=true}else if(!i){this.onTrekDetailsClose()}}handleShowMap(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}}disconnectedCallback(){s();window.removeEventListener("popstate",this.handlePopStateBind)}render(){return i(t,{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}},!a.currentTreks&&!a.currentTrek&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),!this.showTrek&&!a.treks&&i("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&&!a.currentTrek&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(a.currentTreks\|\|a.currentTrek)&&i("div",{class:"app-container"},i("div",{class:this.isLargeView?"large-view-header-container":"header-container"},i("div",{class:"header-top"},i("div",{class:"header-left-container"},this.showTrek?i("button",{onClick:()=>this.handleBackButton(),class:"arrow-back-icon"},i("span",{class:"material-symbols-outlined"},"arrow_back")):i("div",{class:"attribution-container"},i("a",{target:"_blank",href:this.linkTarget},this.linkName))),i("div",{class:"header-right-container"},i("span",{class:"material-symbols-outlined margin-right-icon"},"translate"),a.languages.length>1&&i("grw-select-language",null))),!this.showTrek&&i("div",{class:"handle-filters-container"},a.treksWithinBounds&&i("div",{class:"current-treks-within-bounds-length"},`${a.treksWithinBounds.length} ${a.treksWithinBounds.length>1?o[a.language].treks:o[a.language].trek}`),i("button",{onClick:()=>this.handleFilters(),class:"handle-filters-button"},i("span",{class:"material-symbols-outlined margin-right-icon"},"filter_list"),o[a.language].filter))),i("div",{class:`content-container ${this.showTrek?"content-trek":"content-treks"}`},i("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"}},i("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&&!a.currentTrek&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),a.currentTrek&&i("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},i("grw-trek-detail",{"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-background":this.colorBackground,weather:this.weather,style:{zIndex:this.showTrekMap?"0":"1"},"is-large-view":this.isLargeView})),i("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek\|\|this.showTrekMap&&this.showTrek\|\|this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"1":"0"},"url-layer":this.urlLayer,center:this.center,zoom:this.zoom,attribution:this.attribution,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-departure-icon":this.colorDepartureIcon,"color-arrival-icon":this.colorArrivalIcon,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView})),(!this.showTrek\|\|this.showTrek&&a.currentTrek)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:()=>this.handleShowMap(),class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{class:"material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?o[a.language].showDetails:o[a.language].showRoute:this.showTreksMap?o[a.language].showList:o[a.language].showMap))),!this.showTrek&&this.showFilters&&i("div",{class:"options-container"},i("div",{class:"filters-container"},i("grw-filter",{filterName:o[a.language].practice,filterType:"practices",filterNameProperty:"name"}),i("div",{class:"divider"}),i("grw-filter",{filterName:o[a.language].difficulty,filterType:"difficulties",filterNameProperty:"label"}),i("div",{class:"divider"}),i("grw-filter",{filterName:o[a.language].duration,filterType:"durations",filterNameProperty:"name"})),i("div",{onClick:()=>this.handleFilters(),class:"back-filters-container"})))}get element(){return r(this)}static get watchers(){return{isLargeView:["watchPropHandler"]}}};c.style=l;export{c as grw_app};
2	- //# sourceMappingURL=p-63744020.entry.js.map

package/dist/geotrek-rando-widget/p-63744020.entry.js.br DELETED Viewed

Binary file

package/dist/geotrek-rando-widget/p-63744020.entry.js.gz DELETED Viewed

Binary file