@geotrekce/geotrek-rando-widget 0.4.5 → 0.4.6

package/dist/geotrek-rando-widget/{p-8e1be176.entry.js.map → p-1cfb837f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","onTrekCardPress","event","currentTouristicContentId","showTouristicContent","state","currentTouristicContent","currentTouristicEventId","showTouristicEvent","currentTouristicEvent","parentTrek","parentTrekId","currentTrekSteps","currentTrekId","currentTrek","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onParentTrekPress","delete","onTouristicContentCardPress","showTouristicContentMap","onTouristiceEventCardPress","showTouristicEventMap","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","treks","mode","touristicContents","touristicEvents","trekParam","get","touristicContentParam","touristicEventParam","replaceState","isInitialHistoryWithDetails","Number","componentDidLoad","onChange","trekNetworkError","urlRedirect","onDetailsClose","addEventListener","appElement","getBoundingClientRect","width","showHomeMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","getMapVisibilityIconButton","mapIconButton","getMapVisibilityLabelButton","mapLabelButton","translate","language","showDetails","showRoute","showMap","showList","disconnectedCallback","reset","removeEventListener","changeMode","searchValue","currentTreks","treksFilters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","handleTreksFiltersAndSearch","currentTouristicContents","touristicContentsFilters","handleTouristicContentsFiltersAndSearch","currentTouristicEvents","touristicEventsFilters","handleTouristicEventsFiltersAndSearch","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","length","onClick","home","segment","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient"],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  font-family: 'Roboto';\n  color: var(--color-on-surface);\n  overflow: hidden;\n  line-height: initial;\n  max-width: 100dvw;\n  max-height: 100dvh;\n}\n\n.app-container {\n  position: relative;\n  background-color: var(--color-background);\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.languages-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 16px 16px 0px 0px;\n}\n\n.header-container,\n.large-view-header-container {\n  background-color: var(--color-background);\n  height: var(--header-height);\n  .arrow-back-container {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    margin: 0px 16px;\n    .arrow-back-icon {\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n      color: var(--color-on-surface);\n      border: none;\n      background-color: var(--color-background);\n      border-radius: 50%;\n      height: 48px;\n      width: 48px;\n      padding: 0px;\n      text-align: left;\n    }\n  }\n}\n\n.handle-search-filters-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0px 16px;\n  height: 64px;\n\n  .handle-search-container {\n    width: calc(50% + 48px);\n    max-width: 220px;\n  }\n\n  .handle-filters-button {\n    margin-left: 16px;\n    user-select: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background-color: var(--color-background);\n    color: var(--color-on-surface);\n    padding: 12px 24px;\n    border-radius: 20px;\n    box-sizing: border-box;\n    position: relative;\n    gap: 8px;\n    white-space: nowrap;\n    line-height: 20px;\n    letter-spacing: 0.10000000149011612px;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: var(--elevation-1);\n    transition: box-shadow 0.2s ease-in-out 0s;\n    span {\n      font-size: 18px;\n    }\n  }\n}\n\n.header-detail {\n  height: 64px;\n}\n\n.large-view-header-container {\n  .handle-search-filters-container {\n    justify-content: flex-start;\n  }\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n  position: absolute;\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% - var(--header-height));\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - var(--header-height));\n}\n\n.content-trek {\n  height: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.app-touristic-content-detail-container,\n.app-touristic-event-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  max-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  z-index: 4;\n  .map-visibility-button {\n    cursor: pointer;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    text-decoration: none;\n    padding: 16px;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    box-shadow: var(--elevation-1);\n    border-radius: 12px;\n    height: 56px;\n    font-size: 16px;\n    width: unset;\n    &:hover {\n      box-shadow: var(--elevation-4);\n    }\n    span {\n      font-size: 24px;\n      margin-right: 8px;\n      color: var(--color-on-primary-container);\n    }\n  }\n}\n\n.init-loader-container,\n.loader-container {\n  width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n  width: 100%;\n}\n\ngrw-treks-list,\ngrw-touristic-contents-list {\n  max-height: calc(100vh - var(--header-height));\n}\n\ngrw-trek-detail,\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\n  max-height: calc(100vh - 64px);\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.large-view-app-touristic-content-detail-container,\n.large-view-app-touristic-event-detail-container {\n  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.segmented-buttons-container {\n  display: flex;\n  justify-content: center;\n  width: calc(100% - 32px);\n  height: 40px;\n  margin: 16px;\n  border: 1px solid var(--color-outline);\n  border-radius: 20px;\n  line-height: 20px;\n  .segment {\n    cursor: pointer;\n    user-select: none;\n    font-size: 14px;\n    font-weight: 500;\n    -webkit-tap-highlight-color: transparent;\n    color: var(--color-on-surface-variant);\n    background-color: transparent;\n    border-radius: 0px;\n    min-width: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    &:first-child {\n      border-top-left-radius: 20px;\n      border-bottom-left-radius: 20px;\n    }\n    &:not(:last-child) {\n      border-right: 1px solid var(--color-outline);\n    }\n    &:last-child {\n      border-top-right-radius: 20px;\n      border-bottom-right-radius: 20px;\n    }\n  }\n  .selected-segment {\n    color: var(--color-on-secondary-container);\n    background-color: var(--color-secondary-container);\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\nimport { mode } from 'types/types';\nimport {\n  handleTouristicContentsFiltersAndSearch,\n  handleTouristicEventsFiltersAndSearch,\n  handleTreksFiltersAndSearch,\n  touristicContentsFilters,\n  touristicEventsFilters,\n  treksFilters,\n} from 'utils/utils';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() appElement: HTMLElement;\n  @State() showTrek = false;\n  @State() showTouristicContent = false;\n  @State() showTouristicEvent = false;\n  @State() showHomeMap = false;\n  @State() showTrekMap = false;\n  @State() showTouristicContentMap = false;\n  @State() showTouristicEventMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() currentTrekId: number;\n  @State() currentTouristicContentId: number;\n  @State() currentTouristicEventId: number;\n  @Prop() appWidth: string = '100%';\n  @Prop() appHeight: string = '100vh';\n  @Prop() api: string;\n  @Prop() languages = 'fr';\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() nameLayer: string;\n  @Prop() urlLayer: string;\n  @Prop() attributionLayer: string;\n  @Prop() weather = false;\n\n  @Prop() colorPrimaryApp = '#6750a4';\n  @Prop() colorOnPrimary = '#ffffff';\n  @Prop() colorSurface = '#1c1b1f';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSurfaceVariant = '#fef7ff';\n  @Prop() colorOnSurfaceVariant = '#1c1b1f';\n  @Prop() colorPrimaryContainer = '#eaddff';\n  @Prop() colorOnPrimaryContainer = '#21005e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorBackground = '#fef7ff';\n  @Prop() colorSurfaceContainerHigh = '#ece6f0';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n\n  @Prop() colorTrekLine = '#6b0030';\n  @Prop() colorSensitiveArea = '#4974a5';\n  @Prop() colorPoiIcon = '#974c6e';\n  @Prop() useGradient = false;\n\n  @Prop() treks = true;\n  @Prop() touristicContents = false;\n  @Prop() touristicEvents = false;\n\n  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\n    this.currentTouristicContentId = null;\n    this.showTouristicContent = false;\n    state.currentTouristicContent = null;\n    this.currentTouristicEventId = null;\n    this.showTouristicEvent = false;\n    state.currentTouristicEvent = null;\n    const parentTrek = state.parentTrekId ? state.parentTrekId : state.currentTrekSteps ? this.currentTrekId : null;\n    state.currentTrek = null;\n    this.currentTrekId = event.detail;\n    this.showTrek = true;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    if (state.currentTrekSteps) {\n      url.searchParams.set('parenttrek', parentTrek.toString());\n    }\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('parentTrekPress', { target: 'window' })\n  onParentTrekPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = event.detail;\n    this.showTrek = true;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    url.searchParams.delete('parenttrek');\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('touristicContentCardPress', { target: 'window' })\n  onTouristicContentCardPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n    this.currentTouristicContentId = event.detail;\n    this.showTouristicContent = true;\n    this.showTouristicContentMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.delete('trek');\n    url.searchParams.set('touristiccontent', this.currentTouristicContentId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('touristicEventCardPress', { target: 'window' })\n  onTouristiceEventCardPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n    this.currentTouristicEventId = event.detail;\n    this.showTouristicEvent = true;\n    this.showTouristicEventMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.delete('trek');\n    url.searchParams.set('touristicevent', this.currentTouristicEventId.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    if (this.treks) {\n      state.mode = 'treks';\n    } else if (this.touristicContents) {\n      state.mode = 'touristicContents';\n    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\n    }\n    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    const parentTrekId = url.searchParams.get('parenttrek');\n    const touristicContentParam = url.searchParams.get('touristiccontent');\n    const touristicEventParam = url.searchParams.get('touristicevent');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      state.parentTrekId = parentTrekId ? Number(parentTrekId) : null;\n      this.currentTrekId = Number(trekParam);\n      this.showTrek = true;\n    } else if (touristicContentParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      this.currentTouristicContentId = Number(touristicContentParam);\n      this.showTouristicContent = true;\n    } else if (touristicEventParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      this.currentTouristicEventId = Number(touristicEventParam);\n      this.showTouristicEvent = true;\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        urlRedirect.searchParams.delete('parenttrek');\n        urlRedirect.searchParams.delete('touristiccontent');\n        urlRedirect.searchParams.delete('touristicevent');\n        window.history.replaceState({}, '', urlRedirect);\n        this.onDetailsClose();\n      }\n    });\n    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onDetailsClose() {\n    if (this.treks) {\n      state.mode = 'treks';\n    } else if (this.touristicContents) {\n      state.mode = 'touristicContents';\n    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\n    }\n    this.currentTouristicContentId = null;\n    this.showTouristicContent = false;\n    this.showTouristicContentMap = false;\n    this.showTouristicEvent = false;\n    this.showTouristicEventMap = false;\n    state.currentTouristicContent = null;\n    state.currentTouristicEvent = null;\n\n    state.currentTrek = null;\n    state.currentTrekSteps = null;\n    state.parentTrekId = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n  }\n\n  handleView() {\n    this.isLargeView = this.appElement.getBoundingClientRect().width >= this.largeViewSize;\n    this.showHomeMap = 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.isInitialHistoryWithDetails) {\n      this.onDetailsClose();\n      const url = new URL(window.location.toString());\n      url.searchParams.delete('trek');\n      url.searchParams.delete('touristiccontent');\n      url.searchParams.delete('touristicevent');\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    const touristicContentParam = url.searchParams.get('touristiccontent');\n    const touristicEventParam = url.searchParams.get('touristicevent');\n    if (trekParam && this.currentTrekId !== trekParam) {\n      this.currentTouristicContentId = null;\n      this.showTouristicContent = false;\n      this.showTouristicEvent = false;\n      state.currentTouristicContent = null;\n      state.currentTouristicEvent = null;\n      state.currentTrek = null;\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam && !touristicContentParam && !touristicEventParam) {\n      this.onDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else if (this.showTouristicContent) {\n      this.showTouristicContentMap = !this.showTouristicContentMap;\n    } else if (this.showTouristicEvent) {\n      this.showTouristicEventMap = !this.showTouristicEventMap;\n    } else {\n      this.showHomeMap = !this.showHomeMap;\n    }\n  }\n\n  getMapVisibilityIconButton() {\n    let mapIconButton: string;\n\n    if (this.showTrek) {\n      mapIconButton = this.showTrekMap ? 'summarize' : 'map';\n    } else if (this.showTouristicContent) {\n      mapIconButton = this.showTouristicContentMap ? 'summarize' : 'map';\n    } else if (this.showTouristicEvent) {\n      mapIconButton = this.showTouristicEventMap ? 'summarize' : 'map';\n    } else {\n      mapIconButton = this.showHomeMap ? 'list' : 'map';\n    }\n\n    return mapIconButton;\n  }\n\n  getMapVisibilityLabelButton() {\n    let mapLabelButton: string;\n\n    if (this.showTrek) {\n      mapLabelButton = this.showTrekMap ? translate[state.language].showDetails : translate[state.language].showRoute;\n    } else if (this.showTouristicContent) {\n      mapLabelButton = this.showTouristicContentMap ? translate[state.language].showDetails : translate[state.language].showMap;\n    } else if (this.showTouristicEvent) {\n      mapLabelButton = this.showTouristicEventMap ? translate[state.language].showDetails : translate[state.language].showMap;\n    } else {\n      mapLabelButton = this.showHomeMap ? translate[state.language].showList : translate[state.language].showMap;\n    }\n\n    return mapLabelButton;\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  changeMode(mode: mode) {\n    state.searchValue = '';\n    if (mode === 'treks' && state.currentTreks) {\n      treksFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedThemesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTreks = handleTreksFiltersAndSearch();\n    } else if (mode === 'touristicContents' && state.currentTouristicContents) {\n      touristicContentsFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTouristicContents = handleTouristicContentsFiltersAndSearch();\n    } else if (mode === 'touristicEvents' && state.currentTouristicEvents) {\n      touristicEventsFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTouristicEvents = handleTouristicEventsFiltersAndSearch();\n    }\n    state.mode = mode;\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-primary': this.colorOnPrimary,\n          '--color-surface': this.colorSurface,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-surface-variant': this.colorSurfaceVariant,\n          '--color-on-surface-variant': this.colorOnSurfaceVariant,\n          '--color-primary-container': this.colorPrimaryContainer,\n          '--color-on-primary-container': this.colorOnPrimaryContainer,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-background': this.colorBackground,\n          '--color-surface-container-high': this.colorSurfaceContainerHigh,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n          '--fab-background-color': this.fabBackgroundColor,\n          '--fab-color': this.fabColor,\n          '--app-width': this.appWidth,\n          '--app-height': this.appHeight,\n          '--header-height': Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 ? '136px' : '64px',\n        }}\n      >\n        {!state.currentTreks &&\n          !state.currentTrek &&\n          !state.currentTouristicContent &&\n          !state.currentTouristicEvent &&\n          !state.currentTouristicContents &&\n          !state.currentTouristicEvents && (\n            <div class=\"init-loader-container\">\n              <span class=\"loader\"></span>\n            </div>\n          )}\n        {this.treks && state.mode === 'treks' && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !state.currentTreks && (\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} portals={this.portals}></grw-trek-provider>\n        )}\n        {this.showTouristicContent && this.currentTouristicContentId && (\n          <grw-touristic-content-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-content-id={this.currentTouristicContentId}\n            portals={this.portals}\n          ></grw-touristic-content-provider>\n        )}\n        {this.showTouristicEvent && this.currentTouristicEventId && (\n          <grw-touristic-event-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-event-id={this.currentTouristicEventId}\n            portals={this.portals}\n          ></grw-touristic-event-provider>\n        )}\n        {this.touristicContents && state.mode === 'touristicContents' && !state.currentTouristicContents && !this.showTouristicContent && (\n          <grw-touristic-contents-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          ></grw-touristic-contents-provider>\n        )}\n        {this.touristicEvents && state.mode === 'touristicEvents' && !state.currentTouristicEvents && !this.showTouristicEvent && (\n          <grw-touristic-events-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          ></grw-touristic-events-provider>\n        )}\n        {(state.currentTreks || state.currentTrek || state.touristicContents || state.touristicEvents || state.currentTouristicContent || state.currentTouristicEvent) && (\n          <div class=\"app-container\">\n            {state.languages && state.languages.length > 1 && (\n              <div class=\"languages-container\">\n                <grw-select-language></grw-select-language>\n              </div>\n            )}\n            <div\n              class={`${this.isLargeView ? 'large-view-header-container' : 'header-container'}${\n                this.showTrek || this.showTouristicContent || this.showTouristicEvent ? ' header-detail' : ''\n              }`}\n            >\n              {Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && (\n                <div class=\"segmented-buttons-container\">\n                  {this.treks && (\n                    <label class={`segment${state.mode === 'treks' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('treks')}>\n                      {translate[state.language].home.segment.treks}\n                    </label>\n                  )}\n                  {this.touristicContents && (\n                    <label class={`segment${state.mode === 'touristicContents' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('touristicContents')}>\n                      {translate[state.language].home.segment.touristicContents}\n                    </label>\n                  )}\n                  {this.touristicContents && (\n                    <label class={`segment${state.mode === 'touristicEvents' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('touristicEvents')}>\n                      {translate[state.language].home.segment.touristicEvents}\n                    </label>\n                  )}\n                </div>\n              )}\n              {!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (\n                <div class=\"handle-search-filters-container\">\n                  <div class=\"handle-search-container\">\n                    <grw-search></grw-search>\n                  </div>\n                  <div class=\"handle-filters-container\">\n                    <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n                      {/* @ts-ignore */}\n                      <span translate={false} class=\"material-symbols material-symbols-outlined margin-right-icon\">\n                        filter_list\n                      </span>\n                      {translate[state.language].filter}\n                    </button>\n                  </div>\n                </div>\n              ) : (\n                <div class=\"arrow-back-container\">\n                  <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                    {/* @ts-ignore */}\n                    <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                      arrow_back\n                    </span>\n                  </button>\n                </div>\n              )}\n            </div>\n\n            <div class={`content-container ${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? '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 || this.showTouristicContent || this.showTouristicEvent ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\n                {state.mode === 'treks' && this.treks && (\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                )}\n                {state.mode === 'touristicContents' && this.touristicContents && (\n                  <grw-touristic-contents-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-touristic-contents-list>\n                )}\n                {state.mode === 'touristicEvents' && this.touristicEvents && (\n                  <grw-touristic-events-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-touristic-events-list>\n                )}\n              </div>\n              {(this.showTrek && !state.currentTrek) ||\n                (this.showTouristicContent && !state.currentTouristicContent) ||\n                (this.showTouristicEvent && !state.currentTouristicEvent) ||\n                (!state.currentTreks && state.mode === 'treks') ||\n                (!state.touristicContents && state.mode === 'touristicContents' && (\n                  <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n                    <span class=\"loader\"></span>\n                  </div>\n                ))}\n              {state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n                  <grw-trek-detail\n                    style={{\n                      visibility: (!this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTrekMap ? '1' : '0',\n                    }}\n                    reset-store-on-disconnected={'false'}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    weather={this.weather}\n                    is-large-view={this.isLargeView}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              {this.showTouristicContent && (\n                <div class={this.isLargeView ? 'large-view-app-touristic-content-detail-container' : 'app-touristic-content-detail-container'}>\n                  <grw-touristic-content-detail\n                    style={{\n                      visibility: !this.showTouristicContentMap || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTouristicContentMap ? '1' : '0',\n                    }}\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-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    is-large-view={this.isLargeView}\n                  ></grw-touristic-content-detail>\n                </div>\n              )}\n              {this.showTouristicEvent && (\n                <div class={this.isLargeView ? 'large-view-app-touristic-event-detail-container' : 'app-touristic-event-detail-container'}>\n                  <grw-touristic-event-detail\n                    style={{\n                      visibility: !this.showTouristicEventMap || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTouristicEventMap ? '1' : '0',\n                    }}\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-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    is-large-view={this.isLargeView}\n                  ></grw-touristic-event-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:\n                    (this.showHomeMap && !this.showTrek) ||\n                    (this.showTrekMap && this.showTrek) ||\n                    (this.showTouristicContentMap && this.showTouristicContent) ||\n                    (this.showTouristicEventMap && this.showTouristicEvent) ||\n                    this.isLargeView\n                      ? 'visible'\n                      : 'hidden',\n                  zIndex: this.showHomeMap || this.showTrekMap || this.showTouristicContentMap || this.showTouristicEventMap ? '1' : '0',\n                }}\n                center={this.center}\n                zoom={this.zoom}\n                name-layer={this.nameLayer}\n                url-layer={this.urlLayer}\n                attribution-layer={this.attributionLayer}\n                color-primary-app={this.colorPrimaryApp}\n                color-on-surface={this.colorOnSurface}\n                color-primary-container={this.colorPrimaryContainer}\n                color-on-primary-container={this.colorOnPrimaryContainer}\n                color-background={this.colorBackground}\n                color-trek-line={this.colorTrekLine}\n                color-sensitive-area={this.colorSensitiveArea}\n                color-poi-icon={this.colorPoiIcon}\n                is-large-view={this.isLargeView}\n                use-gradient={this.useGradient}\n              ></grw-map>\n            </div>\n            {((!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent) ||\n              (this.showTrek && state.currentTrek) ||\n              (this.showTouristicContent && state.currentTouristicContent) ||\n              (this.showTouristicEvent && state.currentTouristicEvent)) && (\n              <div class=\"map-visibility-button-container\">\n                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  {/* @ts-ignore */}\n                  <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                    {this.getMapVisibilityIconButton()}\n                  </span>\n                  {this.getMapVisibilityLabelButton()}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && <grw-filters handleFilters={() => this.handleFilters()}></grw-filters>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["grwAppCss","GrwApp","this","largeViewSize","handlePopStateBind","handlePopState","bind","onTrekCardPress","event","currentTouristicContentId","showTouristicContent","state","currentTouristicContent","currentTouristicEventId","showTouristicEvent","currentTouristicEvent","parentTrek","parentTrekId","currentTrekSteps","currentTrekId","currentTrek","detail","showTrek","showTrekMap","url","URL","window","location","toString","searchParams","set","history","pushState","onParentTrekPress","delete","onTouristicContentCardPress","showTouristicContentMap","onTouristiceEventCardPress","showTouristicEventMap","onWindowResize","handleView","onCenterOnMap","isLargeView","watchPropHandler","dispatchEvent","Event","componentWillLoad","treks","mode","touristicContents","touristicEvents","trekParam","get","touristicContentParam","touristicEventParam","replaceState","isInitialHistoryWithDetails","Number","componentDidLoad","onChange","trekNetworkError","urlRedirect","onDetailsClose","addEventListener","appElement","getBoundingClientRect","width","showHomeMap","handleFilters","showFilters","handleBackButton","back","handleShowMap","getMapVisibilityIconButton","mapIconButton","getMapVisibilityLabelButton","mapLabelButton","translate","language","showDetails","showRoute","showMap","showList","disconnectedCallback","reset","removeEventListener","changeMode","searchValue","currentTreks","treksFilters","forEach","filter","property","currentFilter","selected","selectedActivitiesFilters","selectedThemesFilters","selectedLocationFilters","handleTreksFiltersAndSearch","currentTouristicContents","touristicContentsFilters","handleTouristicContentsFiltersAndSearch","currentTouristicEvents","touristicEventsFilters","handleTouristicEventsFiltersAndSearch","render","h","Host","style","colorPrimaryApp","colorOnPrimary","colorSurface","colorOnSurface","colorSurfaceVariant","colorOnSurfaceVariant","colorPrimaryContainer","colorOnPrimaryContainer","colorSecondaryContainer","colorOnSecondaryContainer","colorBackground","colorSurfaceContainerHigh","colorSurfaceContainerLow","fabBackgroundColor","fabColor","appWidth","appHeight","class","api","languages","inBbox","cities","districts","structures","themes","portals","routes","practices","length","onClick","home","segment","display","position","visibility","zIndex","weather","center","zoom","nameLayer","urlLayer","attributionLayer","colorTrekLine","colorSensitiveArea","colorPoiIcon","useGradient"],"sources":["./src/components/grw-app/grw-app.scss?tag=grw-app","./src/components/grw-app/grw-app.tsx"],"sourcesContent":[".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\ngrw-app {\n  display: block;\n  position: relative;\n  width: var(--app-width);\n  height: var(--app-height);\n  font-family: 'Roboto';\n  color: var(--color-on-surface);\n  overflow: hidden;\n  line-height: initial;\n  max-width: 100dvw;\n  max-height: 100dvh;\n}\n\n.app-container {\n  position: relative;\n  background-color: var(--color-background);\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.languages-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 16px 16px 0px 0px;\n}\n\n.header-container,\n.large-view-header-container {\n  background-color: var(--color-background);\n  height: var(--header-height);\n  .arrow-back-container {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    margin: 0px 16px;\n    .arrow-back-icon {\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n      color: var(--color-on-surface);\n      border: none;\n      background-color: var(--color-background);\n      border-radius: 50%;\n      height: 48px;\n      width: 48px;\n      padding: 0px;\n      text-align: left;\n    }\n  }\n}\n\n.handle-search-filters-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0px 16px;\n  height: 64px;\n\n  .handle-search-container {\n    width: calc(50% + 48px);\n    max-width: 220px;\n  }\n\n  .handle-filters-button {\n    margin-left: 16px;\n    user-select: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background-color: var(--color-background);\n    color: var(--color-on-surface);\n    padding: 12px 24px;\n    border-radius: 20px;\n    box-sizing: border-box;\n    position: relative;\n    gap: 8px;\n    white-space: nowrap;\n    line-height: 20px;\n    letter-spacing: 0.10000000149011612px;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: var(--elevation-1);\n    transition: box-shadow 0.2s ease-in-out 0s;\n    span {\n      font-size: 18px;\n    }\n  }\n}\n\n.header-detail {\n  height: 64px;\n}\n\n.large-view-header-container {\n  .handle-search-filters-container {\n    justify-content: flex-start;\n  }\n}\n\n.init-loader-container,\n.loader-container,\n.large-view-loader-container {\n  position: absolute;\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% - var(--header-height));\n  background-color: var(--color-background);\n}\n\n.content-treks {\n  height: calc(100% - var(--header-height));\n}\n\n.content-trek {\n  height: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container,\n.app-touristic-content-detail-container,\n.app-touristic-event-detail-container,\n.large-view-app-treks-list-container,\n.large-view-app-trek-detail-container {\n  max-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.app-map-container,\n.large-view-app-map-container {\n  width: 100%;\n  height: 100%;\n}\n\n.map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: absolute;\n  bottom: 24px;\n  z-index: 4;\n  .map-visibility-button {\n    cursor: pointer;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    text-decoration: none;\n    padding: 16px;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    box-shadow: var(--elevation-1);\n    border-radius: 12px;\n    height: 56px;\n    font-size: 16px;\n    width: unset;\n    &:hover {\n      box-shadow: var(--elevation-4);\n    }\n    span {\n      font-size: 24px;\n      margin-right: 8px;\n      color: var(--color-on-primary-container);\n    }\n  }\n}\n\n.init-loader-container,\n.loader-container {\n  width: 100%;\n}\n\n.app-treks-list-container,\n.app-trek-detail-container {\n  width: 100%;\n}\n\ngrw-treks-list,\ngrw-touristic-contents-list {\n  max-height: calc(100vh - var(--header-height));\n}\n\ngrw-trek-detail,\ngrw-touristic-content-detail,\ngrw-touristic-event-detail {\n  max-height: calc(100vh - 64px);\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.large-view-app-touristic-content-detail-container,\n.large-view-app-touristic-event-detail-container {\n  width: 50%;\n}\n\n.large-view-app-map-container {\n  position: relative;\n  width: 50%;\n}\n\n.segmented-buttons-container {\n  display: flex;\n  justify-content: center;\n  width: calc(100% - 32px);\n  height: 40px;\n  margin: 16px;\n  border: 1px solid var(--color-outline);\n  border-radius: 20px;\n  line-height: 20px;\n  .segment {\n    cursor: pointer;\n    user-select: none;\n    font-size: 14px;\n    font-weight: 500;\n    -webkit-tap-highlight-color: transparent;\n    color: var(--color-on-surface-variant);\n    background-color: transparent;\n    border-radius: 0px;\n    min-width: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    &:first-child {\n      border-top-left-radius: 20px;\n      border-bottom-left-radius: 20px;\n    }\n    &:not(:last-child) {\n      border-right: 1px solid var(--color-outline);\n    }\n    &:last-child {\n      border-top-right-radius: 20px;\n      border-bottom-right-radius: 20px;\n    }\n  }\n  .selected-segment {\n    color: var(--color-on-secondary-container);\n    background-color: var(--color-secondary-container);\n  }\n}\n","import { Component, Host, h, Listen, State, Prop, Element, Watch } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state, { onChange, reset } from 'store/store';\nimport { mode } from 'types/types';\nimport {\n  handleTouristicContentsFiltersAndSearch,\n  handleTouristicEventsFiltersAndSearch,\n  handleTreksFiltersAndSearch,\n  touristicContentsFilters,\n  touristicEventsFilters,\n  treksFilters,\n} from 'utils/utils';\n\n@Component({\n  tag: 'grw-app',\n  styleUrls: ['grw-app.scss'],\n  shadow: false,\n})\nexport class GrwApp {\n  @Element() appElement: HTMLElement;\n  @State() showTrek = false;\n  @State() showTouristicContent = false;\n  @State() showTouristicEvent = false;\n  @State() showHomeMap = false;\n  @State() showTrekMap = false;\n  @State() showTouristicContentMap = false;\n  @State() showTouristicEventMap = false;\n  @State() showFilters = false;\n  @State() isLargeView = false;\n  @State() currentTrekId: number;\n  @State() currentTouristicContentId: number;\n  @State() currentTouristicEventId: number;\n  @Prop() appWidth: string = '100%';\n  @Prop() appHeight: string = '100vh';\n  @Prop() api: string;\n  @Prop() languages = 'fr';\n  @Prop() inBbox: string;\n  @Prop() cities: string;\n  @Prop() districts: string;\n  @Prop() structures: string;\n  @Prop() themes: string;\n  @Prop() portals: string;\n  @Prop() routes: string;\n  @Prop() practices: string;\n  @Prop() center: string;\n  @Prop() zoom: number;\n  @Prop() nameLayer: string;\n  @Prop() urlLayer: string;\n  @Prop() attributionLayer: string;\n  @Prop() weather = false;\n\n  @Prop() colorPrimaryApp = '#6750a4';\n  @Prop() colorOnPrimary = '#ffffff';\n  @Prop() colorSurface = '#1c1b1f';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSurfaceVariant = '#fef7ff';\n  @Prop() colorOnSurfaceVariant = '#1c1b1f';\n  @Prop() colorPrimaryContainer = '#eaddff';\n  @Prop() colorOnPrimaryContainer = '#21005e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorBackground = '#fef7ff';\n  @Prop() colorSurfaceContainerHigh = '#ece6f0';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n\n  @Prop() colorTrekLine = '#6b0030';\n  @Prop() colorSensitiveArea = '#4974a5';\n  @Prop() colorPoiIcon = '#974c6e';\n  @Prop() useGradient = false;\n\n  @Prop() treks = true;\n  @Prop() touristicContents = false;\n  @Prop() touristicEvents = false;\n\n  largeViewSize = 1024;\n  handlePopStateBind: (event: any) => void = this.handlePopState.bind(this);\n\n  @Listen('trekCardPress', { target: 'window' })\n  onTrekCardPress(event: CustomEvent<number>) {\n    this.currentTouristicContentId = null;\n    this.showTouristicContent = false;\n    state.currentTouristicContent = null;\n    this.currentTouristicEventId = null;\n    this.showTouristicEvent = false;\n    state.currentTouristicEvent = null;\n    const parentTrek = state.parentTrekId ? state.parentTrekId : state.currentTrekSteps ? this.currentTrekId : null;\n    state.currentTrek = null;\n    this.currentTrekId = event.detail;\n    this.showTrek = true;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    if (state.currentTrekSteps) {\n      url.searchParams.set('parenttrek', parentTrek.toString());\n    }\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('parentTrekPress', { target: 'window' })\n  onParentTrekPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = event.detail;\n    this.showTrek = true;\n    this.showTrekMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('trek', this.currentTrekId.toString());\n    url.searchParams.delete('parenttrek');\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('touristicContentCardPress', { target: 'window' })\n  onTouristicContentCardPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n    this.currentTouristicContentId = event.detail;\n    this.showTouristicContent = true;\n    this.showTouristicContentMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.delete('trek');\n    url.searchParams.set('touristiccontent', this.currentTouristicContentId.toString());\n    window.history.pushState({}, '', url);\n  }\n\n  @Listen('touristicEventCardPress', { target: 'window' })\n  onTouristiceEventCardPress(event: CustomEvent<number>) {\n    state.currentTrek = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n    this.currentTouristicEventId = event.detail;\n    this.showTouristicEvent = true;\n    this.showTouristicEventMap = false;\n    const url = new URL(window.location.toString());\n    url.searchParams.delete('trek');\n    url.searchParams.set('touristicevent', this.currentTouristicEventId.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    if (this.treks) {\n      state.mode = 'treks';\n    } else if (this.touristicContents) {\n      state.mode = 'touristicContents';\n    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\n    }\n    const url = new URL(window.location.toString());\n    const trekParam = url.searchParams.get('trek');\n    const parentTrekId = url.searchParams.get('parenttrek');\n    const touristicContentParam = url.searchParams.get('touristiccontent');\n    const touristicEventParam = url.searchParams.get('touristicevent');\n    if (trekParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      state.parentTrekId = parentTrekId ? Number(parentTrekId) : null;\n      this.currentTrekId = Number(trekParam);\n      this.showTrek = true;\n    } else if (touristicContentParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      this.currentTouristicContentId = Number(touristicContentParam);\n      this.showTouristicContent = true;\n    } else if (touristicEventParam) {\n      window.history.replaceState({ isInitialHistoryWithDetails: true }, '', url);\n      this.currentTouristicEventId = Number(touristicEventParam);\n      this.showTouristicEvent = true;\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        urlRedirect.searchParams.delete('parenttrek');\n        urlRedirect.searchParams.delete('touristiccontent');\n        urlRedirect.searchParams.delete('touristicevent');\n        window.history.replaceState({}, '', urlRedirect);\n        this.onDetailsClose();\n      }\n    });\n    window.addEventListener('popstate', this.handlePopStateBind, false);\n    this.handleView();\n  }\n\n  onDetailsClose() {\n    if (this.treks) {\n      state.mode = 'treks';\n    } else if (this.touristicContents) {\n      state.mode = 'touristicContents';\n    } else if (this.touristicEvents) {\n      state.mode = 'touristicEvents';\n    }\n    this.currentTouristicContentId = null;\n    this.showTouristicContent = false;\n    this.showTouristicContentMap = false;\n    this.showTouristicEvent = false;\n    this.showTouristicEventMap = false;\n    state.currentTouristicContent = null;\n    state.currentTouristicEvent = null;\n\n    state.currentTrek = null;\n    state.currentTrekSteps = null;\n    state.parentTrekId = null;\n    this.currentTrekId = null;\n    this.showTrek = false;\n  }\n\n  handleView() {\n    this.isLargeView = this.appElement.getBoundingClientRect().width >= this.largeViewSize;\n    this.showHomeMap = 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.isInitialHistoryWithDetails) {\n      this.onDetailsClose();\n      const url = new URL(window.location.toString());\n      url.searchParams.delete('trek');\n      url.searchParams.delete('touristiccontent');\n      url.searchParams.delete('touristicevent');\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    const touristicContentParam = url.searchParams.get('touristiccontent');\n    const touristicEventParam = url.searchParams.get('touristicevent');\n    if (trekParam && this.currentTrekId !== trekParam) {\n      this.currentTouristicContentId = null;\n      this.showTouristicContent = false;\n      this.showTouristicEvent = false;\n      state.currentTouristicContent = null;\n      state.currentTouristicEvent = null;\n      state.currentTrek = null;\n      this.currentTrekId = trekParam;\n      this.showTrek = true;\n    } else if (!trekParam && !touristicContentParam && !touristicEventParam) {\n      this.onDetailsClose();\n    }\n  }\n\n  handleShowMap() {\n    if (this.currentTrekId) {\n      this.showTrekMap = !this.showTrekMap;\n    } else if (this.showTouristicContent) {\n      this.showTouristicContentMap = !this.showTouristicContentMap;\n    } else if (this.showTouristicEvent) {\n      this.showTouristicEventMap = !this.showTouristicEventMap;\n    } else {\n      this.showHomeMap = !this.showHomeMap;\n    }\n  }\n\n  getMapVisibilityIconButton() {\n    let mapIconButton: string;\n\n    if (this.showTrek) {\n      mapIconButton = this.showTrekMap ? 'summarize' : 'map';\n    } else if (this.showTouristicContent) {\n      mapIconButton = this.showTouristicContentMap ? 'summarize' : 'map';\n    } else if (this.showTouristicEvent) {\n      mapIconButton = this.showTouristicEventMap ? 'summarize' : 'map';\n    } else {\n      mapIconButton = this.showHomeMap ? 'list' : 'map';\n    }\n\n    return mapIconButton;\n  }\n\n  getMapVisibilityLabelButton() {\n    let mapLabelButton: string;\n\n    if (this.showTrek) {\n      mapLabelButton = this.showTrekMap ? translate[state.language].showDetails : translate[state.language].showRoute;\n    } else if (this.showTouristicContent) {\n      mapLabelButton = this.showTouristicContentMap ? translate[state.language].showDetails : translate[state.language].showMap;\n    } else if (this.showTouristicEvent) {\n      mapLabelButton = this.showTouristicEventMap ? translate[state.language].showDetails : translate[state.language].showMap;\n    } else {\n      mapLabelButton = this.showHomeMap ? translate[state.language].showList : translate[state.language].showMap;\n    }\n\n    return mapLabelButton;\n  }\n\n  disconnectedCallback() {\n    reset();\n    window.removeEventListener('popstate', this.handlePopStateBind);\n  }\n\n  changeMode(mode: mode) {\n    state.searchValue = '';\n    if (mode === 'treks' && state.currentTreks) {\n      treksFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedThemesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTreks = handleTreksFiltersAndSearch();\n    } else if (mode === 'touristicContents' && state.currentTouristicContents) {\n      touristicContentsFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTouristicContents = handleTouristicContentsFiltersAndSearch();\n    } else if (mode === 'touristicEvents' && state.currentTouristicEvents) {\n      touristicEventsFilters.forEach(filter => {\n        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n      });\n      state.selectedActivitiesFilters = 0;\n      state.selectedLocationFilters = 0;\n      state.currentTouristicEvents = handleTouristicEventsFiltersAndSearch();\n    }\n    state.mode = mode;\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-primary': this.colorOnPrimary,\n          '--color-surface': this.colorSurface,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-surface-variant': this.colorSurfaceVariant,\n          '--color-on-surface-variant': this.colorOnSurfaceVariant,\n          '--color-primary-container': this.colorPrimaryContainer,\n          '--color-on-primary-container': this.colorOnPrimaryContainer,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-background': this.colorBackground,\n          '--color-surface-container-high': this.colorSurfaceContainerHigh,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n          '--fab-background-color': this.fabBackgroundColor,\n          '--fab-color': this.fabColor,\n          '--app-width': this.appWidth,\n          '--app-height': this.appHeight,\n          '--header-height': Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 ? '136px' : '64px',\n        }}\n      >\n        {!state.currentTreks &&\n          !state.currentTrek &&\n          !state.currentTouristicContent &&\n          !state.currentTouristicEvent &&\n          !state.currentTouristicContents &&\n          !state.currentTouristicEvents && (\n            <div class=\"init-loader-container\">\n              <span class=\"loader\"></span>\n            </div>\n          )}\n        {this.treks && state.mode === 'treks' && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !state.currentTreks && (\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} portals={this.portals}></grw-trek-provider>\n        )}\n        {this.showTouristicContent && this.currentTouristicContentId && (\n          <grw-touristic-content-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-content-id={this.currentTouristicContentId}\n            portals={this.portals}\n          ></grw-touristic-content-provider>\n        )}\n        {this.showTouristicEvent && this.currentTouristicEventId && (\n          <grw-touristic-event-provider\n            api={this.api}\n            languages={this.languages}\n            touristic-event-id={this.currentTouristicEventId}\n            portals={this.portals}\n          ></grw-touristic-event-provider>\n        )}\n        {this.touristicContents && state.mode === 'touristicContents' && !state.currentTouristicContents && !this.showTouristicContent && (\n          <grw-touristic-contents-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          ></grw-touristic-contents-provider>\n        )}\n        {this.touristicEvents && state.mode === 'touristicEvents' && !state.currentTouristicEvents && !this.showTouristicEvent && (\n          <grw-touristic-events-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          ></grw-touristic-events-provider>\n        )}\n        {(state.currentTreks || state.currentTrek || state.touristicContents || state.touristicEvents || state.currentTouristicContent || state.currentTouristicEvent) && (\n          <div class=\"app-container\">\n            {state.languages && state.languages.length > 1 && (\n              <div class=\"languages-container\">\n                <grw-select-language></grw-select-language>\n              </div>\n            )}\n            <div\n              class={`${this.isLargeView ? 'large-view-header-container' : 'header-container'}${\n                this.showTrek || this.showTouristicContent || this.showTouristicEvent ? ' header-detail' : ''\n              }`}\n            >\n              {Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && (\n                <div class=\"segmented-buttons-container\">\n                  {this.treks && (\n                    <label class={`segment${state.mode === 'treks' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('treks')}>\n                      {translate[state.language].home.segment.treks}\n                    </label>\n                  )}\n                  {this.touristicContents && (\n                    <label class={`segment${state.mode === 'touristicContents' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('touristicContents')}>\n                      {translate[state.language].home.segment.touristicContents}\n                    </label>\n                  )}\n                  {this.touristicEvents && (\n                    <label class={`segment${state.mode === 'touristicEvents' ? ' selected-segment' : ''}`} onClick={() => this.changeMode('touristicEvents')}>\n                      {translate[state.language].home.segment.touristicEvents}\n                    </label>\n                  )}\n                </div>\n              )}\n              {!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (\n                <div class=\"handle-search-filters-container\">\n                  <div class=\"handle-search-container\">\n                    <grw-search></grw-search>\n                  </div>\n                  <div class=\"handle-filters-container\">\n                    <button onClick={() => this.handleFilters()} class=\"handle-filters-button\">\n                      {/* @ts-ignore */}\n                      <span translate={false} class=\"material-symbols material-symbols-outlined margin-right-icon\">\n                        filter_list\n                      </span>\n                      {translate[state.language].filter}\n                    </button>\n                  </div>\n                </div>\n              ) : (\n                <div class=\"arrow-back-container\">\n                  <button onClick={() => this.handleBackButton()} class=\"arrow-back-icon\">\n                    {/* @ts-ignore */}\n                    <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                      arrow_back\n                    </span>\n                  </button>\n                </div>\n              )}\n            </div>\n\n            <div class={`content-container ${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? '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 || this.showTouristicContent || this.showTouristicEvent ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' }}\n              >\n                {state.mode === 'treks' && this.treks && (\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                )}\n                {state.mode === 'touristicContents' && this.touristicContents && (\n                  <grw-touristic-contents-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-touristic-contents-list>\n                )}\n                {state.mode === 'touristicEvents' && this.touristicEvents && (\n                  <grw-touristic-events-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-touristic-events-list>\n                )}\n              </div>\n              {(this.showTrek && !state.currentTrek) ||\n                (this.showTouristicContent && !state.currentTouristicContent) ||\n                (this.showTouristicEvent && !state.currentTouristicEvent) ||\n                (!state.currentTreks && state.mode === 'treks') ||\n                (!state.touristicContents && state.mode === 'touristicContents' && (\n                  <div class={this.isLargeView ? 'large-view-loader-container' : 'loader-container'}>\n                    <span class=\"loader\"></span>\n                  </div>\n                ))}\n              {state.currentTrek && (\n                <div class={this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container'}>\n                  <grw-trek-detail\n                    style={{\n                      visibility: (!this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTrekMap ? '1' : '0',\n                    }}\n                    reset-store-on-disconnected={'false'}\n                    color-primary-app={this.colorPrimaryApp}\n                    color-on-surface={this.colorOnSurface}\n                    color-primary-container={this.colorPrimaryContainer}\n                    color-on-primary-container={this.colorOnPrimaryContainer}\n                    color-secondary-container={this.colorSecondaryContainer}\n                    color-on-secondary-container={this.colorOnSecondaryContainer}\n                    color-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    weather={this.weather}\n                    is-large-view={this.isLargeView}\n                  ></grw-trek-detail>\n                </div>\n              )}\n              {this.showTouristicContent && (\n                <div class={this.isLargeView ? 'large-view-app-touristic-content-detail-container' : 'app-touristic-content-detail-container'}>\n                  <grw-touristic-content-detail\n                    style={{\n                      visibility: !this.showTouristicContentMap || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTouristicContentMap ? '1' : '0',\n                    }}\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-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    is-large-view={this.isLargeView}\n                  ></grw-touristic-content-detail>\n                </div>\n              )}\n              {this.showTouristicEvent && (\n                <div class={this.isLargeView ? 'large-view-app-touristic-event-detail-container' : 'app-touristic-event-detail-container'}>\n                  <grw-touristic-event-detail\n                    style={{\n                      visibility: !this.showTouristicEventMap || this.isLargeView ? 'visible' : 'hidden',\n                      zIndex: !this.showTouristicEventMap ? '1' : '0',\n                    }}\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-surface-container-low={this.colorSurfaceContainerLow}\n                    color-background={this.colorBackground}\n                    is-large-view={this.isLargeView}\n                  ></grw-touristic-event-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:\n                    (this.showHomeMap && !this.showTrek) ||\n                    (this.showTrekMap && this.showTrek) ||\n                    (this.showTouristicContentMap && this.showTouristicContent) ||\n                    (this.showTouristicEventMap && this.showTouristicEvent) ||\n                    this.isLargeView\n                      ? 'visible'\n                      : 'hidden',\n                  zIndex: this.showHomeMap || this.showTrekMap || this.showTouristicContentMap || this.showTouristicEventMap ? '1' : '0',\n                }}\n                center={this.center}\n                zoom={this.zoom}\n                name-layer={this.nameLayer}\n                url-layer={this.urlLayer}\n                attribution-layer={this.attributionLayer}\n                color-primary-app={this.colorPrimaryApp}\n                color-on-surface={this.colorOnSurface}\n                color-primary-container={this.colorPrimaryContainer}\n                color-on-primary-container={this.colorOnPrimaryContainer}\n                color-background={this.colorBackground}\n                color-trek-line={this.colorTrekLine}\n                color-sensitive-area={this.colorSensitiveArea}\n                color-poi-icon={this.colorPoiIcon}\n                is-large-view={this.isLargeView}\n                use-gradient={this.useGradient}\n              ></grw-map>\n            </div>\n            {((!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent) ||\n              (this.showTrek && state.currentTrek) ||\n              (this.showTouristicContent && state.currentTouristicContent) ||\n              (this.showTouristicEvent && state.currentTouristicEvent)) && (\n              <div class=\"map-visibility-button-container\">\n                <button onClick={() => this.handleShowMap()} class=\"map-visibility-button\" style={{ display: this.isLargeView ? 'none' : 'flex' }}>\n                  {/* @ts-ignore */}\n                  <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                    {this.getMapVisibilityIconButton()}\n                  </span>\n                  {this.getMapVisibilityLabelButton()}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n        {!this.showTrek && this.showFilters && <grw-filters handleFilters={() => this.handleFilters()}></grw-filters>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oLAAA,MAAMA,EAAY,w9N,MCkBLC,EAAM,M,yBA0DjBC,KAAAC,cAAgB,KAChBD,KAAAE,mBAA2CF,KAAKG,eAAeC,KAAKJ,M,cAzDhD,M,0BACY,M,wBACF,M,iBACP,M,iBACA,M,6BACY,M,2BACF,M,iBACV,M,iBACA,M,2HAII,O,eACC,Q,kCAER,K,mUAcF,M,qBAEQ,U,oBACD,U,kBACF,U,oBACE,U,yBACK,U,2BACE,U,2BACA,U,6BACE,U,6BACA,U,+BACE,U,qBACV,U,+BACU,U,8BACD,U,wBACN,U,cACV,U,mBAEK,U,wBACK,U,kBACN,U,iBACD,M,WAEN,K,uBACY,M,qBACF,K,CAM1BK,gBAAgBC,GACdN,KAAKO,0BAA4B,KACjCP,KAAKQ,qBAAuB,MAC5BC,EAAMC,wBAA0B,KAChCV,KAAKW,wBAA0B,KAC/BX,KAAKY,mBAAqB,MAC1BH,EAAMI,sBAAwB,KAC9B,MAAMC,EAAaL,EAAMM,aAAeN,EAAMM,aAAeN,EAAMO,iBAAmBhB,KAAKiB,cAAgB,KAC3GR,EAAMS,YAAc,KACpBlB,KAAKiB,cAAgBX,EAAMa,OAC3BnB,KAAKoB,SAAW,KAChBpB,KAAKqB,YAAc,MACnB,MAAMC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaC,IAAI,OAAQ5B,KAAKiB,cAAcS,YAChD,GAAIjB,EAAMO,iBAAkB,CAC1BM,EAAIK,aAAaC,IAAI,aAAcd,EAAWY,W,CAEhDF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,CAInCS,kBAAkBzB,GAChBG,EAAMS,YAAc,KACpBlB,KAAKiB,cAAgBX,EAAMa,OAC3BnB,KAAKoB,SAAW,KAChBpB,KAAKqB,YAAc,MACnB,MAAMC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaC,IAAI,OAAQ5B,KAAKiB,cAAcS,YAChDJ,EAAIK,aAAaK,OAAO,cACxBR,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,CAInCW,4BAA4B3B,GAC1BG,EAAMS,YAAc,KACpBlB,KAAKiB,cAAgB,KACrBjB,KAAKoB,SAAW,MAChBpB,KAAKO,0BAA4BD,EAAMa,OACvCnB,KAAKQ,qBAAuB,KAC5BR,KAAKkC,wBAA0B,MAC/B,MAAMZ,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaC,IAAI,mBAAoB5B,KAAKO,0BAA0BmB,YACxEF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,CAInCa,2BAA2B7B,GACzBG,EAAMS,YAAc,KACpBlB,KAAKiB,cAAgB,KACrBjB,KAAKoB,SAAW,MAChBpB,KAAKW,wBAA0BL,EAAMa,OACrCnB,KAAKY,mBAAqB,KAC1BZ,KAAKoC,sBAAwB,MAC7B,MAAMd,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaC,IAAI,iBAAkB5B,KAAKW,wBAAwBe,YACpEF,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,CAInCe,iBACErC,KAAKsC,Y,CAIPC,gBACE,IAAKvC,KAAKwC,YAAa,CACrBxC,KAAKqB,YAAc,I,EAKvBoB,mBACEjB,OAAOkB,cAAc,IAAIlB,OAAOmB,MAAM,U,CAGxCC,oBACE,GAAI5C,KAAK6C,MAAO,CACdpC,EAAMqC,KAAO,O,MACR,GAAI9C,KAAK+C,kBAAmB,CACjCtC,EAAMqC,KAAO,mB,MACR,GAAI9C,KAAKgD,gBAAiB,CAC/BvC,EAAMqC,KAAO,iB,CAEf,MAAMxB,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpC,MAAMuB,EAAY3B,EAAIK,aAAauB,IAAI,QACvC,MAAMnC,EAAeO,EAAIK,aAAauB,IAAI,cAC1C,MAAMC,EAAwB7B,EAAIK,aAAauB,IAAI,oBACnD,MAAME,EAAsB9B,EAAIK,aAAauB,IAAI,kBACjD,GAAID,EAAW,CACbzB,OAAOK,QAAQwB,aAAa,CAAEC,4BAA6B,MAAQ,GAAIhC,GACvEb,EAAMM,aAAeA,EAAewC,OAAOxC,GAAgB,KAC3Df,KAAKiB,cAAgBsC,OAAON,GAC5BjD,KAAKoB,SAAW,I,MACX,GAAI+B,EAAuB,CAChC3B,OAAOK,QAAQwB,aAAa,CAAEC,4BAA6B,MAAQ,GAAIhC,GACvEtB,KAAKO,0BAA4BgD,OAAOJ,GACxCnD,KAAKQ,qBAAuB,I,MACvB,GAAI4C,EAAqB,CAC9B5B,OAAOK,QAAQwB,aAAa,CAAEC,4BAA6B,MAAQ,GAAIhC,GACvEtB,KAAKW,wBAA0B4C,OAAOH,GACtCpD,KAAKY,mBAAqB,I,EAI9B4C,mBACEC,EAAS,oBAAoB,KAC3B,GAAIhD,EAAMiD,iBAAkB,CAC1B,MAAMC,EAAc,IAAIpC,IAAIC,OAAOC,SAASC,YAC5CiC,EAAYhC,aAAaK,OAAO,QAChC2B,EAAYhC,aAAaK,OAAO,cAChC2B,EAAYhC,aAAaK,OAAO,oBAChC2B,EAAYhC,aAAaK,OAAO,kBAChCR,OAAOK,QAAQwB,aAAa,GAAI,GAAIM,GACpC3D,KAAK4D,gB,KAGTpC,OAAOqC,iBAAiB,WAAY7D,KAAKE,mBAAoB,OAC7DF,KAAKsC,Y,CAGPsB,iBACE,GAAI5D,KAAK6C,MAAO,CACdpC,EAAMqC,KAAO,O,MACR,GAAI9C,KAAK+C,kBAAmB,CACjCtC,EAAMqC,KAAO,mB,MACR,GAAI9C,KAAKgD,gBAAiB,CAC/BvC,EAAMqC,KAAO,iB,CAEf9C,KAAKO,0BAA4B,KACjCP,KAAKQ,qBAAuB,MAC5BR,KAAKkC,wBAA0B,MAC/BlC,KAAKY,mBAAqB,MAC1BZ,KAAKoC,sBAAwB,MAC7B3B,EAAMC,wBAA0B,KAChCD,EAAMI,sBAAwB,KAE9BJ,EAAMS,YAAc,KACpBT,EAAMO,iBAAmB,KACzBP,EAAMM,aAAe,KACrBf,KAAKiB,cAAgB,KACrBjB,KAAKoB,SAAW,K,CAGlBkB,aACEtC,KAAKwC,YAAcxC,KAAK8D,WAAWC,wBAAwBC,OAAShE,KAAKC,cACzED,KAAKiE,YAAcjE,KAAKwC,YACxBxC,KAAKqB,YAAcrB,KAAKwC,W,CAG1B0B,gBACElE,KAAKmE,aAAenE,KAAKmE,W,CAG3BC,mBACE,GAAI5C,OAAOK,QAAQpB,OAASe,OAAOK,QAAQpB,MAAM6C,4BAA6B,CAC5EtD,KAAK4D,iBACL,MAAMtC,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpCJ,EAAIK,aAAaK,OAAO,QACxBV,EAAIK,aAAaK,OAAO,oBACxBV,EAAIK,aAAaK,OAAO,kBACxBR,OAAOK,QAAQC,UAAU,GAAI,GAAIR,E,KAC5B,CACLE,OAAOK,QAAQwC,M,EAInBlE,iBACE,MAAMmB,EAAM,IAAIC,IAAIC,OAAOC,SAASC,YACpC,MAAMuB,EAAYM,OAAOjC,EAAIK,aAAauB,IAAI,SAC9C,MAAMC,EAAwB7B,EAAIK,aAAauB,IAAI,oBACnD,MAAME,EAAsB9B,EAAIK,aAAauB,IAAI,kBACjD,GAAID,GAAajD,KAAKiB,gBAAkBgC,EAAW,CACjDjD,KAAKO,0BAA4B,KACjCP,KAAKQ,qBAAuB,MAC5BR,KAAKY,mBAAqB,MAC1BH,EAAMC,wBAA0B,KAChCD,EAAMI,sBAAwB,KAC9BJ,EAAMS,YAAc,KACpBlB,KAAKiB,cAAgBgC,EACrBjD,KAAKoB,SAAW,I,MACX,IAAK6B,IAAcE,IAA0BC,EAAqB,CACvEpD,KAAK4D,gB,EAITU,gBACE,GAAItE,KAAKiB,cAAe,CACtBjB,KAAKqB,aAAerB,KAAKqB,W,MACpB,GAAIrB,KAAKQ,qBAAsB,CACpCR,KAAKkC,yBAA2BlC,KAAKkC,uB,MAChC,GAAIlC,KAAKY,mBAAoB,CAClCZ,KAAKoC,uBAAyBpC,KAAKoC,qB,KAC9B,CACLpC,KAAKiE,aAAejE,KAAKiE,W,EAI7BM,6BACE,IAAIC,EAEJ,GAAIxE,KAAKoB,SAAU,CACjBoD,EAAgBxE,KAAKqB,YAAc,YAAc,K,MAC5C,GAAIrB,KAAKQ,qBAAsB,CACpCgE,EAAgBxE,KAAKkC,wBAA0B,YAAc,K,MACxD,GAAIlC,KAAKY,mBAAoB,CAClC4D,EAAgBxE,KAAKoC,sBAAwB,YAAc,K,KACtD,CACLoC,EAAgBxE,KAAKiE,YAAc,OAAS,K,CAG9C,OAAOO,C,CAGTC,8BACE,IAAIC,EAEJ,GAAI1E,KAAKoB,SAAU,CACjBsD,EAAiB1E,KAAKqB,YAAcsD,EAAUlE,EAAMmE,UAAUC,YAAcF,EAAUlE,EAAMmE,UAAUE,S,MACjG,GAAI9E,KAAKQ,qBAAsB,CACpCkE,EAAiB1E,KAAKkC,wBAA0ByC,EAAUlE,EAAMmE,UAAUC,YAAcF,EAAUlE,EAAMmE,UAAUG,O,MAC7G,GAAI/E,KAAKY,mBAAoB,CAClC8D,EAAiB1E,KAAKoC,sBAAwBuC,EAAUlE,EAAMmE,UAAUC,YAAcF,EAAUlE,EAAMmE,UAAUG,O,KAC3G,CACLL,EAAiB1E,KAAKiE,YAAcU,EAAUlE,EAAMmE,UAAUI,SAAWL,EAAUlE,EAAMmE,UAAUG,O,CAGrG,OAAOL,C,CAGTO,uBACEC,IACA1D,OAAO2D,oBAAoB,WAAYnF,KAAKE,mB,CAG9CkF,WAAWtC,GACTrC,EAAM4E,YAAc,GACpB,GAAIvC,IAAS,SAAWrC,EAAM6E,aAAc,CAC1CC,EAAaC,SAAQC,IACnBhF,EAAMgF,EAAOC,UAAUF,SAAQG,GAAkBA,EAAcC,SAAW,OAAO,IAEnFnF,EAAMoF,0BAA4B,EAClCpF,EAAMqF,sBAAwB,EAC9BrF,EAAMsF,wBAA0B,EAChCtF,EAAM6E,aAAeU,G,MAChB,GAAIlD,IAAS,qBAAuBrC,EAAMwF,yBAA0B,CACzEC,EAAyBV,SAAQC,IAC/BhF,EAAMgF,EAAOC,UAAUF,SAAQG,GAAkBA,EAAcC,SAAW,OAAO,IAEnFnF,EAAMoF,0BAA4B,EAClCpF,EAAMsF,wBAA0B,EAChCtF,EAAMwF,yBAA2BE,G,MAC5B,GAAIrD,IAAS,mBAAqBrC,EAAM2F,uBAAwB,CACrEC,EAAuBb,SAAQC,IAC7BhF,EAAMgF,EAAOC,UAAUF,SAAQG,GAAkBA,EAAcC,SAAW,OAAO,IAEnFnF,EAAMoF,0BAA4B,EAClCpF,EAAMsF,wBAA0B,EAChCtF,EAAM2F,uBAAyBE,G,CAEjC7F,EAAMqC,KAAOA,C,CAGfyD,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,sBAAuB1G,KAAK2G,gBAC5B,qBAAsB3G,KAAK4G,eAC3B,kBAAmB5G,KAAK6G,aACxB,qBAAsB7G,KAAK8G,eAC3B,0BAA2B9G,KAAK+G,oBAChC,6BAA8B/G,KAAKgH,sBACnC,4BAA6BhH,KAAKiH,sBAClC,+BAAgCjH,KAAKkH,wBACrC,8BAA+BlH,KAAKmH,wBACpC,iCAAkCnH,KAAKoH,0BACvC,qBAAsBpH,KAAKqH,gBAC3B,iCAAkCrH,KAAKsH,0BACvC,gCAAiCtH,KAAKuH,yBACtC,yBAA0BvH,KAAKwH,mBAC/B,cAAexH,KAAKyH,SACpB,cAAezH,KAAK0H,SACpB,eAAgB1H,KAAK2H,UACrB,kBAAmBpE,OAAOvD,KAAK6C,OAASU,OAAOvD,KAAK+C,mBAAqBQ,OAAOvD,KAAKgD,iBAAmB,EAAI,QAAU,UAGtHvC,EAAM6E,eACL7E,EAAMS,cACNT,EAAMC,0BACND,EAAMI,wBACNJ,EAAMwF,2BACNxF,EAAM2F,wBACLI,EAAA,OAAKoB,MAAM,yBACTpB,EAAA,QAAMoB,MAAM,YAGjB5H,KAAK6C,OAASpC,EAAMqC,OAAS,UAAY9C,KAAKoB,WAAapB,KAAKQ,uBAAyBR,KAAKY,qBAAuBH,EAAM6E,cAC1HkB,EAAA,sBACEqB,IAAK7H,KAAK6H,IACVC,UAAW9H,KAAK8H,UAAS,UAChB9H,KAAK+H,OACdC,OAAQhI,KAAKgI,OACbC,UAAWjI,KAAKiI,UAChBC,WAAYlI,KAAKkI,WACjBC,OAAQnI,KAAKmI,OACbC,QAASpI,KAAKoI,QACdC,OAAQrI,KAAKqI,OACbC,UAAWtI,KAAKsI,YAGnBtI,KAAKoB,UAAYpB,KAAKiB,gBAAkBR,EAAMS,aAC7CsF,EAAA,qBAAmBqB,IAAK7H,KAAK6H,IAAKC,UAAW9H,KAAK8H,UAAS,UAAW9H,KAAKiB,cAAemH,QAASpI,KAAKoI,UAEzGpI,KAAKQ,sBAAwBR,KAAKO,2BACjCiG,EAAA,kCACEqB,IAAK7H,KAAK6H,IACVC,UAAW9H,KAAK8H,UAAS,uBACH9H,KAAKO,0BAC3B6H,QAASpI,KAAKoI,UAGjBpI,KAAKY,oBAAsBZ,KAAKW,yBAC/B6F,EAAA,gCACEqB,IAAK7H,KAAK6H,IACVC,UAAW9H,KAAK8H,UAAS,qBACL9H,KAAKW,wBACzByH,QAASpI,KAAKoI,UAGjBpI,KAAK+C,mBAAqBtC,EAAMqC,OAAS,sBAAwBrC,EAAMwF,2BAA6BjG,KAAKQ,sBACxGgG,EAAA,mCACEqB,IAAK7H,KAAK6H,IACVC,UAAW9H,KAAK8H,UAAS,UAChB9H,KAAK+H,OACdC,OAAQhI,KAAKgI,OACbC,UAAWjI,KAAKiI,UAChBC,WAAYlI,KAAKkI,WACjBC,OAAQnI,KAAKmI,OACbC,QAASpI,KAAKoI,UAGjBpI,KAAKgD,iBAAmBvC,EAAMqC,OAAS,oBAAsBrC,EAAM2F,yBAA2BpG,KAAKY,oBAClG4F,EAAA,iCACEqB,IAAK7H,KAAK6H,IACVC,UAAW9H,KAAK8H,UAAS,UAChB9H,KAAK+H,OACdC,OAAQhI,KAAKgI,OACbC,UAAWjI,KAAKiI,UAChBC,WAAYlI,KAAKkI,WACjBC,OAAQnI,KAAKmI,OACbC,QAASpI,KAAKoI,WAGhB3H,EAAM6E,cAAgB7E,EAAMS,aAAeT,EAAMsC,mBAAqBtC,EAAMuC,iBAAmBvC,EAAMC,yBAA2BD,EAAMI,wBACtI2F,EAAA,OAAKoB,MAAM,iBACRnH,EAAMqH,WAAarH,EAAMqH,UAAUS,OAAS,GAC3C/B,EAAA,OAAKoB,MAAM,uBACTpB,EAAA,6BAGJA,EAAA,OACEoB,MAAO,GAAG5H,KAAKwC,YAAc,8BAAgC,qBAC3DxC,KAAKoB,UAAYpB,KAAKQ,sBAAwBR,KAAKY,mBAAqB,iBAAmB,MAG5F2C,OAAOvD,KAAK6C,OAASU,OAAOvD,KAAK+C,mBAAqBQ,OAAOvD,KAAKgD,iBAAmB,IAAMhD,KAAKoB,WAAapB,KAAKQ,uBAAyBR,KAAKY,oBAC/I4F,EAAA,OAAKoB,MAAM,+BACR5H,KAAK6C,OACJ2D,EAAA,SAAOoB,MAAO,UAAUnH,EAAMqC,OAAS,QAAU,oBAAsB,KAAM0F,QAAS,IAAMxI,KAAKoF,WAAW,UACzGT,EAAUlE,EAAMmE,UAAU6D,KAAKC,QAAQ7F,OAG3C7C,KAAK+C,mBACJyD,EAAA,SAAOoB,MAAO,UAAUnH,EAAMqC,OAAS,oBAAsB,oBAAsB,KAAM0F,QAAS,IAAMxI,KAAKoF,WAAW,sBACrHT,EAAUlE,EAAMmE,UAAU6D,KAAKC,QAAQ3F,mBAG3C/C,KAAKgD,iBACJwD,EAAA,SAAOoB,MAAO,UAAUnH,EAAMqC,OAAS,kBAAoB,oBAAsB,KAAM0F,QAAS,IAAMxI,KAAKoF,WAAW,oBACnHT,EAAUlE,EAAMmE,UAAU6D,KAAKC,QAAQ1F,mBAK9ChD,KAAKoB,WAAapB,KAAKQ,uBAAyBR,KAAKY,mBACrD4F,EAAA,OAAKoB,MAAM,mCACTpB,EAAA,OAAKoB,MAAM,2BACTpB,EAAA,oBAEFA,EAAA,OAAKoB,MAAM,4BACTpB,EAAA,UAAQgC,QAAS,IAAMxI,KAAKkE,gBAAiB0D,MAAM,yBAEjDpB,EAAA,QAAM7B,UAAW,MAAOiD,MAAM,gEAA8D,eAG3FjD,EAAUlE,EAAMmE,UAAUa,UAKjCe,EAAA,OAAKoB,MAAM,wBACTpB,EAAA,UAAQgC,QAAS,IAAMxI,KAAKoE,mBAAoBwD,MAAM,mBAEpDpB,EAAA,QAAM7B,UAAW,MAAOiD,MAAM,8CAA4C,iBAQlFpB,EAAA,OAAKoB,MAAO,qBAAqB5H,KAAKoB,UAAYpB,KAAKQ,sBAAwBR,KAAKY,mBAAqB,eAAiB,mBACxH4F,EAAA,OACEoB,MAAO5H,KAAKwC,YAAc,sCAAwC,2BAClEkE,MAAO,CAAEiC,QAAS3I,KAAKoB,UAAYpB,KAAKQ,sBAAwBR,KAAKY,mBAAqB,OAAS,OAAQgI,SAAU5I,KAAKoB,SAAW,WAAa,aAEjJX,EAAMqC,OAAS,SAAW9C,KAAK6C,OAC9B2D,EAAA,gDAC+B,QAAO,gBACrBxG,KAAKwC,YAAW,oBACZxC,KAAK2G,gBAAe,mBACrB3G,KAAK8G,eAAc,4BACV9G,KAAKmH,wBAAuB,+BACzBnH,KAAKoH,0BAAyB,8BAC/BpH,KAAKuH,2BAGrC9G,EAAMqC,OAAS,qBAAuB9C,KAAK+C,mBAC1CyD,EAAA,6DAC+B,QAAO,gBACrBxG,KAAKwC,YAAW,oBACZxC,KAAK2G,gBAAe,mBACrB3G,KAAK8G,eAAc,4BACV9G,KAAKmH,wBAAuB,+BACzBnH,KAAKoH,0BAAyB,8BAC/BpH,KAAKuH,2BAGrC9G,EAAMqC,OAAS,mBAAqB9C,KAAKgD,iBACxCwD,EAAA,2DAC+B,QAAO,gBACrBxG,KAAKwC,YAAW,oBACZxC,KAAK2G,gBAAe,mBACrB3G,KAAK8G,eAAc,4BACV9G,KAAKmH,wBAAuB,+BACzBnH,KAAKoH,0BAAyB,8BAC/BpH,KAAKuH,4BAItCvH,KAAKoB,WAAaX,EAAMS,aACvBlB,KAAKQ,uBAAyBC,EAAMC,yBACpCV,KAAKY,qBAAuBH,EAAMI,wBACjCJ,EAAM6E,cAAgB7E,EAAMqC,OAAS,UACrCrC,EAAMsC,mBAAqBtC,EAAMqC,OAAS,qBAC1C0D,EAAA,OAAKoB,MAAO5H,KAAKwC,YAAc,8BAAgC,oBAC7DgE,EAAA,QAAMoB,MAAM,YAGjBnH,EAAMS,aACLsF,EAAA,OAAKoB,MAAO5H,KAAKwC,YAAc,uCAAyC,6BACtEgE,EAAA,mBACEE,MAAO,CACLmC,YAAc7I,KAAKqB,aAAerB,KAAKoB,UAAapB,KAAKwC,YAAc,UAAY,SACnFsG,QAAS9I,KAAKqB,YAAc,IAAM,KACnC,8BAC4B,QAAO,oBACjBrB,KAAK2G,gBAAe,mBACrB3G,KAAK8G,eAAc,0BACZ9G,KAAKiH,sBAAqB,6BACvBjH,KAAKkH,wBAAuB,4BAC7BlH,KAAKmH,wBAAuB,+BACzBnH,KAAKoH,0BAAyB,8BAC/BpH,KAAKuH,yBAAwB,mBACxCvH,KAAKqH,gBACvB0B,QAAS/I,KAAK+I,QAAO,gBACN/I,KAAKwC,eAIzBxC,KAAKQ,sBACJgG,EAAA,OAAKoB,MAAO5H,KAAKwC,YAAc,oDAAsD,0CACnFgE,EAAA,gCACEE,MAAO,CACLmC,YAAa7I,KAAKkC,yBAA2BlC,KAAKwC,YAAc,UAAY,SAC5EsG,QAAS9I,KAAKkC,wBAA0B,IAAM,KAC/C,oBACkBlC,KAAK2G,gBAAe,mBACrB3G,KAAK8G,eAAc,0BACZ9G,KAAKiH,sBAAqB,6BACvBjH,KAAKkH,wBAAuB,4BAC7BlH,KAAKmH,wBAAuB,+BACzBnH,KAAKoH,0BAAyB,8BAC/BpH,KAAKuH,yBAAwB,mBACxCvH,KAAKqH,gBAAe,gBACvBrH,KAAKwC,eAIzBxC,KAAKY,oBACJ4F,EAAA,OAAKoB,MAAO5H,KAAKwC,YAAc,kDAAoD,wCACjFgE,EAAA,8BACEE,MAAO,CACLmC,YAAa7I,KAAKoC,uBAAyBpC,KAAKwC,YAAc,UAAY,SAC1EsG,QAAS9I,KAAKoC,sBAAwB,IAAM,KAC7C,oBACkBpC,KAAK2G,gBAAe,mBACrB3G,KAAK8G,eAAc,0BACZ9G,KAAKiH,sBAAqB,6BACvBjH,KAAKkH,wBAAuB,4BAC7BlH,KAAKmH,wBAAuB,+BACzBnH,KAAKoH,0BAAyB,8BAC/BpH,KAAKuH,yBAAwB,mBACxCvH,KAAKqH,gBAAe,gBACvBrH,KAAKwC,eAI1BgE,EAAA,yCAC+B,QAC7BoB,MAAO5H,KAAKwC,YAAc,+BAAiC,oBAC3DkE,MAAO,CACLmC,WACG7I,KAAKiE,cAAgBjE,KAAKoB,UAC1BpB,KAAKqB,aAAerB,KAAKoB,UACzBpB,KAAKkC,yBAA2BlC,KAAKQ,sBACrCR,KAAKoC,uBAAyBpC,KAAKY,oBACpCZ,KAAKwC,YACD,UACA,SACNsG,OAAQ9I,KAAKiE,aAAejE,KAAKqB,aAAerB,KAAKkC,yBAA2BlC,KAAKoC,sBAAwB,IAAM,KAErH4G,OAAQhJ,KAAKgJ,OACbC,KAAMjJ,KAAKiJ,KAAI,aACHjJ,KAAKkJ,UAAS,YACflJ,KAAKmJ,SAAQ,oBACLnJ,KAAKoJ,iBAAgB,oBACrBpJ,KAAK2G,gBAAe,mBACrB3G,KAAK8G,eAAc,0BACZ9G,KAAKiH,sBAAqB,6BACvBjH,KAAKkH,wBAAuB,mBACtClH,KAAKqH,gBAAe,kBACrBrH,KAAKqJ,cAAa,uBACbrJ,KAAKsJ,mBAAkB,iBAC7BtJ,KAAKuJ,aAAY,gBAClBvJ,KAAKwC,YAAW,eACjBxC,KAAKwJ,iBAGnBxJ,KAAKoB,WAAapB,KAAKQ,uBAAyBR,KAAKY,oBACtDZ,KAAKoB,UAAYX,EAAMS,aACvBlB,KAAKQ,sBAAwBC,EAAMC,yBACnCV,KAAKY,oBAAsBH,EAAMI,wBAClC2F,EAAA,OAAKoB,MAAM,mCACTpB,EAAA,UAAQgC,QAAS,IAAMxI,KAAKsE,gBAAiBsD,MAAM,wBAAwBlB,MAAO,CAAEiC,QAAS3I,KAAKwC,YAAc,OAAS,SAEvHgE,EAAA,QAAM7B,UAAW,MAAOiD,MAAM,8CAC3B5H,KAAKuE,8BAEPvE,KAAKyE,kCAMdzE,KAAKoB,UAAYpB,KAAKmE,aAAeqC,EAAA,eAAatC,cAAe,IAAMlE,KAAKkE,kB"}

package/dist/geotrek-rando-widget/p-cc8a7df2.system.js

@@ -1,2 +1,2 @@
-System.register(["./p-d2c035bc.system.js"],(function(r,o){"use strict";var e,n,t,i,c,a;return{setters:[function(o){e=o.p;n=o.w;t=o.d;i=o.N;c=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(t.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;{u(a.resourcesUrl,r)}if(!n.customElements){return o.import("./p-fe22d872.system.js").then((function(){return a}))}}return c(a)};var u=function(o,c){var a=s(i);try{n[a]=new Function("w","return import(w);//".concat(Math.random()))}catch(u){var l=new Map;n[a]=function(i){var s;var u=new URL(i,o).href;var p=l.get(u);if(!p){var d=t.createElement("script");d.type="module";d.crossOrigin=c.crossOrigin;d.src=URL.createObjectURL(new Blob(["import * as m from '".concat(u,"'; window.").concat(a,".m = m;")],{type:"application/javascript"}));var y=(s=e.$nonce$)!==null&&s!==void 0?s:r(t);if(y!=null){d.setAttribute("nonce",y)}p=new Promise((function(r){d.onload=function(){r(n[a].m);d.remove()}}));l.set(u,p);t.head.appendChild(d)}return p}}};l().then((function(r){return a([["p-73278096.system",[[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterPlaceholder:[1,"filter-placeholder"],filterNameProperty:[1,"filter-name-property"],segment:[1]},[[8,"resetFilter","onResetFilter"]]]]],["p-ebadf1e2.system",[[1,"grw-information-desk",{informationDesk:[16],displayShortDescription:[32]}],[1,"grw-poi",{poi:[16],displayShortDescription:[32],displayFullscreen:[32]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}],[1,"grw-touristic-content-card",{touristicContent:[16],isLargeView:[4,"is-large-view"],isInsideHorizontalList:[4,"is-inside-horizontal-list"],displayFullscreen:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-event-card",{touristicEvent:[16],isLargeView:[4,"is-large-view"],isInsideHorizontalList:[4,"is-inside-horizontal-list"],displayFullscreen:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[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"],isStep:[4,"is-step"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],departureCity:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-01f5ed45.system",[[1,"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"],colorSurfaceContainerLow:[1,"color-surface-container-low"],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-filters",{handleFilters:[16],selectedSegment:[32]}],[1,"grw-touristic-contents-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"],touristicContentsToDisplay:[32]}],[1,"grw-touristic-events-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"],touristicEventsToDisplay:[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-map",{nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],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"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isLargeView:[4,"is-large-view"],mapIsReady:[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"touristicEventsIsInViewport","touristicEventsIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","onCardTrekMouseLeave"],[8,"cardTouristicContentMouseOver","onTouristicContentMouseOver"],[8,"cardTouristicContentMouseLeave","onTouristicContentMouseLeave"],[8,"cardTouristicEventMouseOver","onTouristicEventMouseOver"],[8,"cardTouristicEventMouseLeave","onTouristicEventMouseLeave"]]],[1,"grw-search"],[1,"grw-select-language"],[1,"grw-touristic-content-detail",{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"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],isLargeView:[4,"is-large-view"],displayFullscreen:[32]}],[1,"grw-touristic-content-provider",{languages:[1],api:[1],touristicContentId:[1,"touristic-content-id"],portals:[1]}],[1,"grw-touristic-contents-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1]}],[1,"grw-touristic-event-detail",{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"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],isLargeView:[4,"is-large-view"],displayFullscreen:[32]}],[1,"grw-touristic-event-provider",{languages:[1],api:[1],touristicEventId:[1,"touristic-event-id"],portals:[1]}],[1,"grw-touristic-events-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1]}],[1,"grw-trek-provider",{languages:[1],api:[1],trekId:[1,"trek-id"],portals:[1]}],[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-2a67434e.system",[[0,"grw-app",{appWidth:[1,"app-width"],appHeight:[1,"app-height"],api:[1],languages:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],center:[1],zoom:[2],nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],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"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],treks:[4],touristicContents:[4,"touristic-contents"],touristicEvents:[4,"touristic-events"],showTrek:[32],showTouristicContent:[32],showTouristicEvent:[32],showHomeMap:[32],showTrekMap:[32],showTouristicContentMap:[32],showTouristicEventMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32],currentTouristicContentId:[32],currentTouristicEventId:[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]]],r)}))}}}));
+System.register(["./p-d2c035bc.system.js"],(function(r,o){"use strict";var e,n,t,i,c,a;return{setters:[function(o){e=o.p;n=o.w;t=o.d;i=o.N;c=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(t.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;{u(a.resourcesUrl,r)}if(!n.customElements){return o.import("./p-fe22d872.system.js").then((function(){return a}))}}return c(a)};var u=function(o,c){var a=s(i);try{n[a]=new Function("w","return import(w);//".concat(Math.random()))}catch(u){var l=new Map;n[a]=function(i){var s;var u=new URL(i,o).href;var p=l.get(u);if(!p){var d=t.createElement("script");d.type="module";d.crossOrigin=c.crossOrigin;d.src=URL.createObjectURL(new Blob(["import * as m from '".concat(u,"'; window.").concat(a,".m = m;")],{type:"application/javascript"}));var y=(s=e.$nonce$)!==null&&s!==void 0?s:r(t);if(y!=null){d.setAttribute("nonce",y)}p=new Promise((function(r){d.onload=function(){r(n[a].m);d.remove()}}));l.set(u,p);t.head.appendChild(d)}return p}}};l().then((function(r){return a([["p-73278096.system",[[1,"grw-filter",{filterType:[1,"filter-type"],filterName:[1,"filter-name"],filterPlaceholder:[1,"filter-placeholder"],filterNameProperty:[1,"filter-name-property"],segment:[1]},[[8,"resetFilter","onResetFilter"]]]]],["p-ebadf1e2.system",[[1,"grw-information-desk",{informationDesk:[16],displayShortDescription:[32]}],[1,"grw-poi",{poi:[16],displayShortDescription:[32],displayFullscreen:[32]}],[1,"grw-sensitive-area-detail",{sensitiveArea:[16]}],[1,"grw-touristic-content-card",{touristicContent:[16],isLargeView:[4,"is-large-view"],isInsideHorizontalList:[4,"is-inside-horizontal-list"],displayFullscreen:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-event-card",{touristicEvent:[16],isLargeView:[4,"is-large-view"],isInsideHorizontalList:[4,"is-inside-horizontal-list"],displayFullscreen:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[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"],isStep:[4,"is-step"],currentTrek:[32],difficulty:[32],route:[32],practice:[32],themes:[32],departureCity:[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-01f5ed45.system",[[1,"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"],colorSurfaceContainerLow:[1,"color-surface-container-low"],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-filters",{handleFilters:[16],selectedSegment:[32]}],[1,"grw-touristic-contents-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"],touristicContentsToDisplay:[32]}],[1,"grw-touristic-events-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"],touristicEventsToDisplay:[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-map",{nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],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"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],resetStoreOnDisconnected:[4,"reset-store-on-disconnected"],isLargeView:[4,"is-large-view"],mapIsReady:[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationDeskIsInViewport","onInformationDesksIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"touristicEventsIsInViewport","touristicEventsIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","onCardTrekMouseLeave"],[8,"cardTouristicContentMouseOver","onTouristicContentMouseOver"],[8,"cardTouristicContentMouseLeave","onTouristicContentMouseLeave"],[8,"cardTouristicEventMouseOver","onTouristicEventMouseOver"],[8,"cardTouristicEventMouseLeave","onTouristicEventMouseLeave"]]],[1,"grw-search"],[1,"grw-select-language"],[1,"grw-touristic-content-detail",{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"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],isLargeView:[4,"is-large-view"],displayFullscreen:[32]}],[1,"grw-touristic-content-provider",{languages:[1],api:[1],touristicContentId:[1,"touristic-content-id"],portals:[1]}],[1,"grw-touristic-contents-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1]}],[1,"grw-touristic-event-detail",{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"],colorSurfaceContainerLow:[1,"color-surface-container-low"],colorBackground:[1,"color-background"],isLargeView:[4,"is-large-view"],displayFullscreen:[32]}],[1,"grw-touristic-event-provider",{languages:[1],api:[1],touristicEventId:[1,"touristic-event-id"],portals:[1]}],[1,"grw-touristic-events-provider",{languages:[1],api:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1]}],[1,"grw-trek-provider",{languages:[1],api:[1],trekId:[1,"trek-id"],portals:[1]}],[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-0d8a3c86.system",[[0,"grw-app",{appWidth:[1,"app-width"],appHeight:[1,"app-height"],api:[1],languages:[1],inBbox:[1,"in-bbox"],cities:[1],districts:[1],structures:[1],themes:[1],portals:[1],routes:[1],practices:[1],center:[1],zoom:[2],nameLayer:[1,"name-layer"],urlLayer:[1,"url-layer"],attributionLayer:[1,"attribution-layer"],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"],colorSensitiveArea:[1,"color-sensitive-area"],colorPoiIcon:[1,"color-poi-icon"],useGradient:[4,"use-gradient"],treks:[4],touristicContents:[4,"touristic-contents"],touristicEvents:[4,"touristic-events"],showTrek:[32],showTouristicContent:[32],showTouristicEvent:[32],showHomeMap:[32],showTrekMap:[32],showTouristicContentMap:[32],showTouristicEventMap:[32],showFilters:[32],isLargeView:[32],currentTrekId:[32],currentTouristicContentId:[32],currentTouristicEventId:[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]]]]]],r)}))}}}));
 //# sourceMappingURL=p-cc8a7df2.system.js.map

package/package.json

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