@geotrekce/geotrek-rando-widget 0.4.7 → 0.5.0

package/dist/cjs/loader.cjs.js

@@ -30,7 +30,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["grw-filter.cjs",[[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"]]]]],["grw-information-desk_6.cjs",[[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"]]]]],["grw-filters_16.cjs",[[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]}]]],["grw-app.cjs",[[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"]]]]]], options);
+  return index.bootstrapLazy([["grw-app_28.cjs",[[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],"fontFamily":[1,"font-family"],"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"],"rounded":[4],"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"]]],[1,"grw-trek-detail",{"trek":[16],"fontFamily":[1,"font-family"],"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],"fontFamily":[1,"font-family"],"selectedSegment":[32]}],[1,"grw-touristic-contents-list",{"fontFamily":[1,"font-family"],"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",{"fontFamily":[1,"font-family"],"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",{"fontFamily":[1,"font-family"],"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-common-button",{"action":[16],"icon":[1],"name":[1],"fontFamily":[1,"font-family"]}],[1,"grw-extended-fab",{"action":[16],"icon":[16],"name":[16],"display":[1],"fontFamily":[1,"font-family"]}],[1,"grw-loader",{"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"]}],[1,"grw-map",{"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"center":[1],"zoom":[2],"fontFamily":[1,"font-family"],"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",{"fontFamily":[1,"font-family"]}],[1,"grw-segmented-segment",{"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"fontFamily":[1,"font-family"]}],[1,"grw-select-language"],[1,"grw-touristic-content-detail",{"fontFamily":[1,"font-family"],"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",{"fontFamily":[1,"font-family"],"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]}],[1,"grw-filter",{"fontFamily":[1,"font-family"],"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterPlaceholder":[1,"filter-placeholder"],"filterNameProperty":[1,"filter-name-property"],"segment":[1]},[[8,"resetFilter","onResetFilter"]]],[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",{"fontFamily":[1,"font-family"],"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",{"fontFamily":[1,"font-family"],"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],"fontFamily":[1,"font-family"],"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"]]]]]], options);
   });
 };
 

package/dist/collection/collection-manifest.json

@@ -1,12 +1,16 @@
 {
   "entries": [
     "./components/grw-app/grw-app.js",
+    "./components/grw-common-button/grw-common-button.js",
+    "./components/grw-extended-fab/grw-extended-fab.js",
     "./components/grw-filter/grw-filter.js",
     "./components/grw-filters/grw-filters.js",
     "./components/grw-information-desk/grw-information-desk.js",
+    "./components/grw-loader/grw-loader.js",
     "./components/grw-map/grw-map.js",
     "./components/grw-poi-detail/grw-poi.js",
     "./components/grw-search/grw-search.js",
+    "./components/grw-segmented-segment/grw-segmented-segment.js",
     "./components/grw-select-language/grw-select-language.js",
     "./components/grw-sensitive-area-detail/grw-sensitive-area-detail.js",
     "./components/grw-touristic-content/grw-touristic-content-card.js",

package/dist/collection/components/grw-app/grw-app.css

@@ -1,20 +1,9 @@
-.material-symbols {
-  font-family: "Material Symbols Outlined";
-}
-
-.material-symbols-outlined {
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
-}
-
 grw-app {
   display: block;
   position: relative;
   width: var(--app-width);
   height: var(--app-height);
-  font-family: "Roboto";
-  color: var(--color-on-surface);
   overflow: hidden;
-  line-height: initial;
   max-width: 100dvw;
   max-height: 100dvh;
 }
@@ -36,7 +25,6 @@ grw-app {
 
 .header-container,
 .large-view-header-container {
-  background-color: var(--color-background);
   height: var(--header-height);
 }
 .header-container .arrow-back-container,
@@ -53,7 +41,7 @@ grw-app {
   color: var(--color-on-surface);
   border: none;
   background-color: var(--color-background);
-  border-radius: 50%;
+  border-radius: var(--border-radius, 50%);
   height: 48px;
   width: 48px;
   padding: 0px;
@@ -71,33 +59,8 @@ grw-app {
   width: calc(50% + 48px);
   max-width: 220px;
 }
-.handle-search-filters-container .handle-filters-button {
+.handle-search-filters-container .handle-filters-container {
   margin-left: 16px;
-  user-select: none;
-  cursor: pointer;
-  -webkit-tap-highlight-color: transparent;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  background-color: var(--color-background);
-  color: var(--color-on-surface);
-  padding: 12px 24px;
-  border-radius: 20px;
-  box-sizing: border-box;
-  position: relative;
-  gap: 8px;
-  white-space: nowrap;
-  line-height: 20px;
-  letter-spacing: 0.1000000015px;
-  font-size: 14px;
-  font-weight: 500;
-  box-shadow: var(--elevation-1);
-  transition: box-shadow 0.2s ease-in-out 0s;
-}
-.handle-search-filters-container .handle-filters-button span {
-  font-size: 18px;
 }
 
 .header-detail {
@@ -118,32 +81,11 @@ grw-app {
   height: 100%;
   background-color: var(--color-background);
 }
-.init-loader-container .loader,
-.loader-container .loader,
-.large-view-loader-container .loader {
-  width: 48px;
-  height: 48px;
-  border: 5px solid var(--color-primary-container);
-  border-bottom-color: var(--color-on-primary-container);
-  border-radius: 50%;
-  display: inline-block;
-  box-sizing: border-box;
-  animation: rotation 1s linear infinite;
-}
-@keyframes rotation {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 
 .content-container {
   position: relative;
   display: flex;
   height: calc(100% - var(--header-height));
-  background-color: var(--color-background);
 }
 
 .content-treks {
@@ -160,10 +102,10 @@ grw-app {
 .app-touristic-event-detail-container,
 .large-view-app-treks-list-container,
 .large-view-app-trek-detail-container {
-  max-width: 100%;
-  height: 100%;
   display: flex;
   flex-direction: column;
+  max-width: 100%;
+  height: 100%;
 }
 
 .app-map-container,
@@ -181,32 +123,6 @@ grw-app {
   bottom: 24px;
   z-index: 4;
 }
-.map-visibility-button-container .map-visibility-button {
-  cursor: pointer;
-  user-select: none;
-  -webkit-tap-highlight-color: transparent;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  text-decoration: none;
-  padding: 16px;
-  background-color: var(--color-primary-container);
-  color: var(--color-on-primary-container);
-  box-shadow: var(--elevation-1);
-  border-radius: 12px;
-  height: 56px;
-  font-size: 16px;
-  width: unset;
-}
-.map-visibility-button-container .map-visibility-button:hover {
-  box-shadow: var(--elevation-4);
-}
-.map-visibility-button-container .map-visibility-button span {
-  font-size: 24px;
-  margin-right: 8px;
-  color: var(--color-on-primary-container);
-}
 
 .init-loader-container,
 .loader-container {
@@ -250,44 +166,15 @@ grw-touristic-event-detail {
   width: 50%;
 }
 
-.segmented-buttons-container {
-  display: flex;
-  justify-content: center;
-  width: calc(100% - 32px);
-  height: 40px;
-  margin: 16px;
-  border: 1px solid var(--color-outline);
-  border-radius: 20px;
-  line-height: 20px;
-}
-.segmented-buttons-container .segment {
-  cursor: pointer;
-  user-select: none;
-  font-size: 14px;
-  font-weight: 500;
-  -webkit-tap-highlight-color: transparent;
-  color: var(--color-on-surface-variant);
-  background-color: transparent;
-  border-radius: 0px;
-  min-width: 40px;
+.error-container {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: center;
   width: 100%;
-  height: 100%;
-}
-.segmented-buttons-container .segment:first-child {
-  border-top-left-radius: 20px;
-  border-bottom-left-radius: 20px;
-}
-.segmented-buttons-container .segment:not(:last-child) {
-  border-right: 1px solid var(--color-outline);
-}
-.segmented-buttons-container .segment:last-child {
-  border-top-right-radius: 20px;
-  border-bottom-right-radius: 20px;
+  margin-top: 16px;
+  font-family: var(--font-family);
+  font-size: 16px;
 }
-.segmented-buttons-container .selected-segment {
-  color: var(--color-on-secondary-container);
-  background-color: var(--color-secondary-container);
+.error-container grw-common-button {
+  margin-top: 16px;
 }

package/dist/collection/components/grw-app/grw-app.js

@@ -1,7 +1,6 @@
 import { Host, h } from '@stencil/core';
 import { translate } from 'i18n/i18n';
-import state, { onChange, reset } from 'store/store';
-import { handleTouristicContentsFiltersAndSearch, handleTouristicEventsFiltersAndSearch, handleTreksFiltersAndSearch, touristicContentsFilters, touristicEventsFilters, treksFilters, } from 'utils/utils';
+import state, { reset } from 'store/store';
 export class GrwApp {
   constructor() {
     this.largeViewSize = 1024;
@@ -36,6 +35,7 @@ export class GrwApp {
     this.urlLayer = undefined;
     this.attributionLayer = undefined;
     this.weather = false;
+    this.fontFamily = 'Roboto';
     this.colorPrimaryApp = '#6750a4';
     this.colorOnPrimary = '#ffffff';
     this.colorSurface = '#1c1b1f';
@@ -51,6 +51,7 @@ export class GrwApp {
     this.colorSurfaceContainerLow = '#f7f2fa';
     this.fabBackgroundColor = '#eaddff';
     this.fabColor = '#21005d';
+    this.rounded = true;
     this.colorTrekLine = '#6b0030';
     this.colorSensitiveArea = '#4974a5';
     this.colorPoiIcon = '#974c6e';
@@ -156,17 +157,6 @@ export class GrwApp {
     }
   }
   componentDidLoad() {
-    onChange('trekNetworkError', () => {
-      if (state.trekNetworkError) {
-        const urlRedirect = new URL(window.location.toString());
-        urlRedirect.searchParams.delete('trek');
-        urlRedirect.searchParams.delete('parenttrek');
-        urlRedirect.searchParams.delete('touristiccontent');
-        urlRedirect.searchParams.delete('touristicevent');
-        window.history.replaceState({}, '', urlRedirect);
-        this.onDetailsClose();
-      }
-    });
     window.addEventListener('popstate', this.handlePopStateBind, false);
     this.handleView();
   }
@@ -279,41 +269,16 @@ export class GrwApp {
     }
     return mapLabelButton;
   }
+  reload() {
+    window.location.reload();
+  }
   disconnectedCallback() {
     reset();
     window.removeEventListener('popstate', this.handlePopStateBind);
   }
-  changeMode(mode) {
-    state.searchValue = '';
-    if (mode === 'treks' && state.currentTreks) {
-      treksFilters.forEach(filter => {
-        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));
-      });
-      state.selectedActivitiesFilters = 0;
-      state.selectedThemesFilters = 0;
-      state.selectedLocationFilters = 0;
-      state.currentTreks = handleTreksFiltersAndSearch();
-    }
-    else if (mode === 'touristicContents' && state.currentTouristicContents) {
-      touristicContentsFilters.forEach(filter => {
-        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));
-      });
-      state.selectedActivitiesFilters = 0;
-      state.selectedLocationFilters = 0;
-      state.currentTouristicContents = handleTouristicContentsFiltersAndSearch();
-    }
-    else if (mode === 'touristicEvents' && state.currentTouristicEvents) {
-      touristicEventsFilters.forEach(filter => {
-        state[filter.property].forEach(currentFilter => (currentFilter.selected = false));
-      });
-      state.selectedActivitiesFilters = 0;
-      state.selectedLocationFilters = 0;
-      state.currentTouristicEvents = handleTouristicEventsFiltersAndSearch();
-    }
-    state.mode = mode;
-  }
   render() {
     return (h(Host, { style: {
+        '--font-family': this.fontFamily,
         '--color-primary-app': this.colorPrimaryApp,
         '--color-on-primary': this.colorOnPrimary,
         '--color-surface': this.colorSurface,
@@ -332,25 +297,35 @@ export class GrwApp {
         '--app-width': this.appWidth,
         '--app-height': this.appHeight,
         '--header-height': Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 ? '136px' : '64px',
+        '--border-radius': this.rounded ? '' : '0px',
       } }, !state.currentTreks &&
       !state.currentTrek &&
       !state.currentTouristicContent &&
       !state.currentTouristicEvent &&
       !state.currentTouristicContents &&
-      !state.currentTouristicEvents && (h("div", { class: "init-loader-container" }, h("span", { class: "loader" }))), this.treks && state.mode === 'treks' && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !state.currentTreks && (h("grw-treks-provider", { api: this.api, languages: this.languages, "in-bbox": this.inBbox, cities: this.cities, districts: this.districts, structures: this.structures, themes: this.themes, portals: this.portals, routes: this.routes, practices: this.practices })), this.showTrek && this.currentTrekId && !state.currentTrek && (h("grw-trek-provider", { api: this.api, languages: this.languages, "trek-id": this.currentTrekId, portals: this.portals })), this.showTouristicContent && this.currentTouristicContentId && (h("grw-touristic-content-provider", { api: this.api, languages: this.languages, "touristic-content-id": this.currentTouristicContentId, portals: this.portals })), this.showTouristicEvent && this.currentTouristicEventId && (h("grw-touristic-event-provider", { api: this.api, languages: this.languages, "touristic-event-id": this.currentTouristicEventId, portals: this.portals })), this.touristicContents && state.mode === 'touristicContents' && !state.currentTouristicContents && !this.showTouristicContent && (h("grw-touristic-contents-provider", { api: this.api, languages: this.languages, "in-bbox": this.inBbox, cities: this.cities, districts: this.districts, structures: this.structures, themes: this.themes, portals: this.portals })), this.touristicEvents && state.mode === 'touristicEvents' && !state.currentTouristicEvents && !this.showTouristicEvent && (h("grw-touristic-events-provider", { api: this.api, languages: this.languages, "in-bbox": this.inBbox, cities: this.cities, districts: this.districts, structures: this.structures, themes: this.themes, portals: this.portals })), (state.currentTreks || state.currentTrek || state.touristicContents || state.touristicEvents || state.currentTouristicContent || state.currentTouristicEvent) && (h("div", { class: "app-container" }, state.languages && state.languages.length > 1 && (h("div", { class: "languages-container" }, h("grw-select-language", null))), h("div", { class: `${this.isLargeView ? 'large-view-header-container' : 'header-container'}${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? ' header-detail' : ''}` }, Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && (h("div", { class: "segmented-buttons-container" }, this.treks && (h("label", { class: `segment${state.mode === 'treks' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('treks') }, translate[state.language].home.segment.treks)), this.touristicContents && (h("label", { class: `segment${state.mode === 'touristicContents' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('touristicContents') }, translate[state.language].home.segment.touristicContents)), this.touristicEvents && (h("label", { class: `segment${state.mode === 'touristicEvents' ? ' selected-segment' : ''}`, onClick: () => this.changeMode('touristicEvents') }, translate[state.language].home.segment.touristicEvents)))), !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (h("div", { class: "handle-search-filters-container" }, h("div", { class: "handle-search-container" }, h("grw-search", null)), h("div", { class: "handle-filters-container" }, h("button", { onClick: () => this.handleFilters(), class: "handle-filters-button" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined margin-right-icon" }, "filter_list"), translate[state.language].filter)))) : (h("div", { class: "arrow-back-container" }, h("button", { onClick: () => this.handleBackButton(), class: "arrow-back-icon" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "arrow_back"))))), h("div", { class: `content-container ${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'content-trek' : 'content-treks'}` }, h("div", { class: this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container', style: { display: this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' } }, state.mode === 'treks' && this.treks && (h("grw-treks-list", { "reset-store-on-disconnected": 'false', "is-large-view": this.isLargeView, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })), state.mode === 'touristicContents' && this.touristicContents && (h("grw-touristic-contents-list", { "reset-store-on-disconnected": 'false', "is-large-view": this.isLargeView, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })), state.mode === 'touristicEvents' && this.touristicEvents && (h("grw-touristic-events-list", { "reset-store-on-disconnected": 'false', "is-large-view": this.isLargeView, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow }))), (this.showTrek && !state.currentTrek) ||
+      !state.currentTouristicEvents && (h("div", { class: "init-loader-container" }, h("grw-loader", { "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer }))), this.treks && state.mode === 'treks' && !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent && !state.currentTreks && (h("grw-treks-provider", { api: this.api, languages: this.languages, "in-bbox": this.inBbox, cities: this.cities, districts: this.districts, structures: this.structures, themes: this.themes, portals: this.portals, routes: this.routes, practices: this.practices })), this.showTrek && this.currentTrekId && !state.currentTrek && (h("grw-trek-provider", { api: this.api, languages: this.languages, "trek-id": this.currentTrekId, portals: this.portals })), this.showTouristicContent && this.currentTouristicContentId && (h("grw-touristic-content-provider", { api: this.api, languages: this.languages, "touristic-content-id": this.currentTouristicContentId, portals: this.portals })), this.showTouristicEvent && this.currentTouristicEventId && (h("grw-touristic-event-provider", { api: this.api, languages: this.languages, "touristic-event-id": this.currentTouristicEventId, portals: this.portals })), this.touristicContents && state.mode === 'touristicContents' && !state.currentTouristicContents && !this.showTouristicContent && (h("grw-touristic-contents-provider", { api: this.api, languages: this.languages, "in-bbox": this.inBbox, cities: this.cities, districts: this.districts, structures: this.structures, themes: this.themes, portals: this.portals })), this.touristicEvents && state.mode === 'touristicEvents' && !state.currentTouristicEvents && !this.showTouristicEvent && (h("grw-touristic-events-provider", { api: this.api, languages: this.languages, "in-bbox": this.inBbox, cities: this.cities, districts: this.districts, structures: this.structures, themes: this.themes, portals: this.portals })), (state.currentTreks ||
+      state.currentTrek ||
+      state.touristicContents ||
+      state.touristicEvents ||
+      state.currentTouristicContent ||
+      state.currentTouristicEvent ||
+      state.trekNetworkError) && (h("div", { class: "app-container" }, state.languages && state.languages.length > 1 && (h("div", { class: "languages-container" }, h("grw-select-language", null))), h("div", { class: `${this.isLargeView ? 'large-view-header-container' : 'header-container'}${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? ' header-detail' : ''}` }, Number(this.treks) + Number(this.touristicContents) + Number(this.touristicEvents) > 1 &&
+      !this.showTrek &&
+      !this.showTouristicContent &&
+      !this.showTouristicEvent && (h("grw-segmented-segment", { fontFamily: this.fontFamily, treks: this.treks, touristicContents: this.touristicContents, touristicEvents: this.touristicEvents })), !this.showTrek && !this.showTouristicContent && !this.showTouristicEvent ? (h("div", { class: "handle-search-filters-container" }, h("div", { class: "handle-search-container" }, h("grw-search", { fontFamily: this.fontFamily })), h("div", { class: "handle-filters-container" }, h("grw-common-button", { fontFamily: this.fontFamily, action: () => this.handleFilters(), icon: 'filter_list', name: translate[state.language].filter })))) : (h("div", { class: "arrow-back-container" }, h("button", { onClick: () => this.handleBackButton(), class: "arrow-back-icon" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "arrow_back"))))), h("div", { class: `content-container ${this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'content-trek' : 'content-treks'}` }, state.trekNetworkError && (h("div", { class: "error-container" }, "Une erreur est survenue.", h("grw-common-button", { icon: "refresh", name: "Recharger la page", action: () => this.reload() }))), h("div", { class: this.isLargeView ? 'large-view-app-treks-list-container' : 'app-treks-list-container', style: { display: this.showTrek || this.showTouristicContent || this.showTouristicEvent ? 'none' : 'flex', position: this.showTrek ? 'absolute' : 'relative' } }, state.mode === 'treks' && this.treks && (h("grw-treks-list", { "reset-store-on-disconnected": 'false', "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })), state.mode === 'touristicContents' && this.touristicContents && (h("grw-touristic-contents-list", { "reset-store-on-disconnected": 'false', "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow })), state.mode === 'touristicEvents' && this.touristicEvents && (h("grw-touristic-events-list", { "reset-store-on-disconnected": 'false', "is-large-view": this.isLargeView, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow }))), (this.showTrek && !state.currentTrek) ||
       (this.showTouristicContent && !state.currentTouristicContent) ||
       (this.showTouristicEvent && !state.currentTouristicEvent) ||
       (!state.currentTreks && state.mode === 'treks') ||
-      (!state.touristicContents && state.mode === 'touristicContents' && (h("div", { class: this.isLargeView ? 'large-view-loader-container' : 'loader-container' }, h("span", { class: "loader" })))), state.currentTrek && (h("div", { class: this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container' }, h("grw-trek-detail", { style: {
+      (!state.touristicContents && state.mode === 'touristicContents' && (h("div", { class: this.isLargeView ? 'large-view-loader-container' : 'loader-container' }, h("grw-loader", { "color-primary-container": this.colorSecondaryContainer, "color-on-primary-container": this.colorOnSecondaryContainer })))), state.currentTrek && (h("div", { class: this.isLargeView ? 'large-view-app-trek-detail-container' : 'app-trek-detail-container' }, h("grw-trek-detail", { style: {
         visibility: (!this.showTrekMap && this.showTrek) || this.isLargeView ? 'visible' : 'hidden',
         zIndex: !this.showTrekMap ? '1' : '0',
-      }, "reset-store-on-disconnected": 'false', "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow, "color-background": this.colorBackground, weather: this.weather, "is-large-view": this.isLargeView }))), this.showTouristicContent && (h("div", { class: this.isLargeView ? 'large-view-app-touristic-content-detail-container' : 'app-touristic-content-detail-container' }, h("grw-touristic-content-detail", { style: {
+      }, "reset-store-on-disconnected": 'false', fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow, "color-background": this.colorBackground, weather: this.weather, "is-large-view": this.isLargeView }))), this.showTouristicContent && (h("div", { class: this.isLargeView ? 'large-view-app-touristic-content-detail-container' : 'app-touristic-content-detail-container' }, h("grw-touristic-content-detail", { style: {
         visibility: !this.showTouristicContentMap || this.isLargeView ? 'visible' : 'hidden',
         zIndex: !this.showTouristicContentMap ? '1' : '0',
-      }, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow, "color-background": this.colorBackground, "is-large-view": this.isLargeView }))), this.showTouristicEvent && (h("div", { class: this.isLargeView ? 'large-view-app-touristic-event-detail-container' : 'app-touristic-event-detail-container' }, h("grw-touristic-event-detail", { style: {
+      }, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow, "color-background": this.colorBackground, "is-large-view": this.isLargeView }))), this.showTouristicEvent && (h("div", { class: this.isLargeView ? 'large-view-app-touristic-event-detail-container' : 'app-touristic-event-detail-container' }, h("grw-touristic-event-detail", { style: {
         visibility: !this.showTouristicEventMap || this.isLargeView ? 'visible' : 'hidden',
         zIndex: !this.showTouristicEventMap ? '1' : '0',
-      }, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow, "color-background": this.colorBackground, "is-large-view": this.isLargeView }))), h("grw-map", { "reset-store-on-disconnected": 'false', class: this.isLargeView ? 'large-view-app-map-container' : 'app-map-container', style: {
+      }, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-secondary-container": this.colorSecondaryContainer, "color-on-secondary-container": this.colorOnSecondaryContainer, "color-surface-container-low": this.colorSurfaceContainerLow, "color-background": this.colorBackground, "is-large-view": this.isLargeView }))), !state.trekNetworkError && (h("grw-map", { "reset-store-on-disconnected": 'false', class: this.isLargeView ? 'large-view-app-map-container' : 'app-map-container', style: {
         visibility: (this.showHomeMap && !this.showTrek) ||
           (this.showTrekMap && this.showTrek) ||
           (this.showTouristicContentMap && this.showTouristicContent) ||
@@ -359,10 +334,10 @@ export class GrwApp {
           ? 'visible'
           : 'hidden',
         zIndex: this.showHomeMap || this.showTrekMap || this.showTouristicContentMap || this.showTouristicEventMap ? '1' : '0',
-      }, center: this.center, zoom: this.zoom, "name-layer": this.nameLayer, "url-layer": this.urlLayer, "attribution-layer": this.attributionLayer, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-background": this.colorBackground, "color-trek-line": this.colorTrekLine, "color-sensitive-area": this.colorSensitiveArea, "color-poi-icon": this.colorPoiIcon, "is-large-view": this.isLargeView, "use-gradient": this.useGradient })), ((!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent) ||
+      }, center: this.center, zoom: this.zoom, "name-layer": this.nameLayer, "url-layer": this.urlLayer, "attribution-layer": this.attributionLayer, fontFamily: this.fontFamily, "color-primary-app": this.colorPrimaryApp, "color-on-surface": this.colorOnSurface, "color-primary-container": this.colorPrimaryContainer, "color-on-primary-container": this.colorOnPrimaryContainer, "color-background": this.colorBackground, "color-trek-line": this.colorTrekLine, "color-sensitive-area": this.colorSensitiveArea, "color-poi-icon": this.colorPoiIcon, "is-large-view": this.isLargeView, "use-gradient": this.useGradient }))), ((!this.showTrek && !this.showTouristicContent && !this.showTouristicEvent) ||
       (this.showTrek && state.currentTrek) ||
       (this.showTouristicContent && state.currentTouristicContent) ||
-      (this.showTouristicEvent && state.currentTouristicEvent)) && (h("div", { class: "map-visibility-button-container" }, h("button", { onClick: () => this.handleShowMap(), class: "map-visibility-button", style: { display: this.isLargeView ? 'none' : 'flex' } }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, this.getMapVisibilityIconButton()), this.getMapVisibilityLabelButton()))))), !this.showTrek && this.showFilters && h("grw-filters", { handleFilters: () => this.handleFilters() })));
+      (this.showTouristicEvent && state.currentTouristicEvent)) && (h("div", { class: "map-visibility-button-container" }, h("grw-extended-fab", { fontFamily: this.fontFamily, action: () => this.handleShowMap(), icon: () => this.getMapVisibilityIconButton(), name: () => this.getMapVisibilityLabelButton(), display: this.isLargeView ? 'none' : 'flex' }))))), !this.showTrek && this.showFilters && h("grw-filters", { fontFamily: this.fontFamily, handleFilters: () => this.handleFilters() })));
   }
   static get is() { return "grw-app"; }
   static get originalStyleUrls() {
@@ -687,6 +662,24 @@ export class GrwApp {
         "reflect": false,
         "defaultValue": "false"
       },
+      "fontFamily": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "font-family",
+        "reflect": false,
+        "defaultValue": "'Roboto'"
+      },
       "colorPrimaryApp": {
         "type": "string",
         "mutable": false,
@@ -957,6 +950,24 @@ export class GrwApp {
         "reflect": false,
         "defaultValue": "'#21005d'"
       },
+      "rounded": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "rounded",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "colorTrekLine": {
         "type": "string",
         "mutable": false,