@geotrekce/geotrek-rando-widget 0.5.0 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/cjs/geotrek-rando-widget.cjs.js +1 -1
  2. package/dist/cjs/geotrek-rando-widget.cjs.js.br +0 -0
  3. package/dist/cjs/geotrek-rando-widget.cjs.js.gz +0 -0
  4. package/dist/cjs/grw-app_28.cjs.entry.js +89 -71
  5. package/dist/cjs/grw-app_28.cjs.entry.js.br +0 -0
  6. package/dist/cjs/grw-app_28.cjs.entry.js.gz +0 -0
  7. package/dist/cjs/grw-app_28.cjs.entry.js.map +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/cjs/loader.cjs.js.br +0 -0
  10. package/dist/cjs/loader.cjs.js.gz +0 -0
  11. package/dist/collection/components/grw-common-button/grw-common-button.css +2 -2
  12. package/dist/collection/components/grw-common-button/grw-common-button.css.br +0 -0
  13. package/dist/collection/components/grw-common-button/grw-common-button.css.gz +0 -0
  14. package/dist/collection/components/grw-filter/grw-filter.css +2 -2
  15. package/dist/collection/components/grw-filter/grw-filter.css.br +0 -0
  16. package/dist/collection/components/grw-filter/grw-filter.css.gz +0 -0
  17. package/dist/collection/components/grw-filters/grw-filters.css +3 -3
  18. package/dist/collection/components/grw-filters/grw-filters.css.br +0 -0
  19. package/dist/collection/components/grw-filters/grw-filters.css.gz +0 -0
  20. package/dist/collection/components/grw-information-desk/grw-information-desk.css +1 -1
  21. package/dist/collection/components/grw-information-desk/grw-information-desk.css.br +0 -0
  22. package/dist/collection/components/grw-information-desk/grw-information-desk.css.gz +0 -0
  23. package/dist/collection/components/grw-information-desk/grw-information-desk.js +9 -2
  24. package/dist/collection/components/grw-information-desk/grw-information-desk.js.br +0 -0
  25. package/dist/collection/components/grw-information-desk/grw-information-desk.js.gz +0 -0
  26. package/dist/collection/components/grw-information-desk/grw-information-desk.js.map +1 -1
  27. package/dist/collection/components/grw-poi-detail/grw-poi.js +5 -1
  28. package/dist/collection/components/grw-poi-detail/grw-poi.js.br +0 -0
  29. package/dist/collection/components/grw-poi-detail/grw-poi.js.gz +0 -0
  30. package/dist/collection/components/grw-poi-detail/grw-poi.js.map +1 -1
  31. package/dist/collection/components/grw-search/grw-search.css +11 -3
  32. package/dist/collection/components/grw-search/grw-search.css.br +0 -0
  33. package/dist/collection/components/grw-search/grw-search.css.gz +0 -0
  34. package/dist/collection/components/grw-segmented-segment/grw-segmented-segment.css +2 -2
  35. package/dist/collection/components/grw-segmented-segment/grw-segmented-segment.css.br +0 -0
  36. package/dist/collection/components/grw-segmented-segment/grw-segmented-segment.css.gz +0 -0
  37. package/dist/collection/components/grw-touristic-content/grw-touristic-content-card.css +2 -2
  38. package/dist/collection/components/grw-touristic-content/grw-touristic-content-card.css.br +0 -0
  39. package/dist/collection/components/grw-touristic-content/grw-touristic-content-card.css.gz +0 -0
  40. package/dist/collection/components/grw-trek-detail/grw-trek-detail.css +0 -72
  41. package/dist/collection/components/grw-trek-detail/grw-trek-detail.css.br +0 -0
  42. package/dist/collection/components/grw-trek-detail/grw-trek-detail.css.gz +0 -0
  43. package/dist/collection/components/grw-trek-detail/grw-trek-detail.js +68 -62
  44. package/dist/collection/components/grw-trek-detail/grw-trek-detail.js.br +0 -0
  45. package/dist/collection/components/grw-trek-detail/grw-trek-detail.js.gz +0 -0
  46. package/dist/collection/components/grw-trek-detail/grw-trek-detail.js.map +1 -1
  47. package/dist/collection/i18n/i18n.js +6 -0
  48. package/dist/collection/i18n/i18n.js.br +0 -0
  49. package/dist/collection/i18n/i18n.js.gz +0 -0
  50. package/dist/collection/i18n/i18n.js.map +1 -1
  51. package/dist/collection/types/types.js.map +1 -1
  52. package/dist/esm/geotrek-rando-widget.js +1 -1
  53. package/dist/esm/geotrek-rando-widget.js.br +0 -0
  54. package/dist/esm/geotrek-rando-widget.js.gz +0 -0
  55. package/dist/esm/grw-app_28.entry.js +89 -71
  56. package/dist/esm/grw-app_28.entry.js.br +0 -0
  57. package/dist/esm/grw-app_28.entry.js.gz +0 -0
  58. package/dist/esm/grw-app_28.entry.js.map +1 -1
  59. package/dist/esm/loader.js +1 -1
  60. package/dist/esm/loader.js.br +0 -0
  61. package/dist/esm/loader.js.gz +0 -0
  62. package/dist/esm-es5/geotrek-rando-widget.js +1 -1
  63. package/dist/esm-es5/geotrek-rando-widget.js.br +0 -0
  64. package/dist/esm-es5/geotrek-rando-widget.js.gz +0 -0
  65. package/dist/esm-es5/geotrek-rando-widget.js.map +1 -1
  66. package/dist/esm-es5/grw-app_28.entry.js +4 -4
  67. package/dist/esm-es5/grw-app_28.entry.js.br +0 -0
  68. package/dist/esm-es5/grw-app_28.entry.js.gz +0 -0
  69. package/dist/esm-es5/grw-app_28.entry.js.map +1 -1
  70. package/dist/esm-es5/loader.js +1 -1
  71. package/dist/esm-es5/loader.js.br +0 -0
  72. package/dist/esm-es5/loader.js.gz +0 -0
  73. package/dist/esm-es5/loader.js.map +1 -1
  74. package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js +1 -1
  75. package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.br +0 -0
  76. package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.gz +0 -0
  77. package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.map +1 -1
  78. package/dist/geotrek-rando-widget/{p-772a2e24.entry.js → p-37932796.entry.js} +5 -5
  79. package/dist/geotrek-rando-widget/p-37932796.entry.js.br +0 -0
  80. package/dist/geotrek-rando-widget/p-37932796.entry.js.gz +0 -0
  81. package/dist/geotrek-rando-widget/p-37932796.entry.js.map +1 -0
  82. package/dist/geotrek-rando-widget/{p-cae9163d.system.entry.js → p-46c11f88.system.entry.js} +4 -4
  83. package/dist/geotrek-rando-widget/p-46c11f88.system.entry.js.br +0 -0
  84. package/dist/geotrek-rando-widget/p-46c11f88.system.entry.js.gz +0 -0
  85. package/dist/geotrek-rando-widget/p-46c11f88.system.entry.js.map +1 -0
  86. package/dist/geotrek-rando-widget/p-cea4d6a2.system.js +1 -1
  87. package/dist/geotrek-rando-widget/p-cea4d6a2.system.js.br +0 -0
  88. package/dist/geotrek-rando-widget/p-cea4d6a2.system.js.gz +0 -0
  89. package/dist/geotrek-rando-widget/p-cea4d6a2.system.js.map +1 -1
  90. package/dist/types/components/grw-information-desk/grw-information-desk.d.ts +3 -0
  91. package/dist/types/components/grw-poi-detail/grw-poi.d.ts +2 -0
  92. package/dist/types/components/grw-trek-detail/grw-trek-detail.d.ts +28 -12
  93. package/dist/types/components.d.ts +1 -1
  94. package/dist/types/i18n/i18n.d.ts +3 -0
  95. package/dist/types/types/types.d.ts +1 -1
  96. package/package.json +1 -1
  97. package/dist/geotrek-rando-widget/p-772a2e24.entry.js.br +0 -0
  98. package/dist/geotrek-rando-widget/p-772a2e24.entry.js.gz +0 -0
  99. package/dist/geotrek-rando-widget/p-772a2e24.entry.js.map +0 -1
  100. package/dist/geotrek-rando-widget/p-cae9163d.system.entry.js.br +0 -0
  101. package/dist/geotrek-rando-widget/p-cae9163d.system.entry.js.gz +0 -0
  102. package/dist/geotrek-rando-widget/p-cae9163d.system.entry.js.map +0 -1
@@ -30,7 +30,7 @@ const patchEsm = () => {
30
30
  const defineCustomElements = (win, options) => {
31
31
  if (typeof window === 'undefined') return Promise.resolve();
32
32
  return patchEsm().then(() => {
33
- 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);
33
+ 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],"showInformationDeskDescriptionButton":[32]}],[1,"grw-poi",{"poi":[16],"displayShortDescription":[32],"showPoiDescriptionButton":[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);
34
34
  });
35
35
  };
36
36
 
Binary file
Binary file
@@ -15,8 +15,8 @@
15
15
  align-items: center;
16
16
  justify-content: center;
17
17
  border: none;
18
- color: var(--color-on-secondary-container);
19
- background-color: var(--color-secondary-container);
18
+ color: var(--color-on-primary-container);
19
+ background-color: var(--color-primary-container);
20
20
  padding: 12px 24px;
21
21
  border-radius: var(--border-radius, 20px);
22
22
  box-sizing: border-box;
@@ -68,8 +68,8 @@
68
68
  .filter-button-container .choices .choices__list--dropdown,
69
69
  .filter-button-container .choices .choices__list[aria-expanded] {
70
70
  width: 100%;
71
- color: var(--color-on-secondary-container);
72
- background-color: var(--color-secondary-container);
71
+ color: var(--color-secondary-container);
72
+ background-color: var(--color-on-secondary-container);
73
73
  border: 1px solid var(--color-outline);
74
74
  }
75
75
  .filter-button-container .choices .choices__input {
@@ -57,8 +57,8 @@
57
57
  border-bottom-right-radius: var(--border-radius, 20px);
58
58
  }
59
59
  .filters-container .segmented-buttons-container .selected-segment {
60
- color: var(--color-on-secondary-container);
61
- background-color: var(--color-secondary-container);
60
+ color: var(--color-on-primary-container);
61
+ background-color: var(--color-primary-container);
62
62
  }
63
63
 
64
64
  .filters-segment-container {
@@ -105,7 +105,7 @@
105
105
  border: none;
106
106
  -webkit-tap-highlight-color: transparent;
107
107
  line-height: 20px;
108
- color: var(--color-primary);
108
+ color: var(--color-primary-container);
109
109
  background-color: transparent;
110
110
  font-family: var(--font-family);
111
111
  }
@@ -80,7 +80,7 @@
80
80
  background-color: var(--color-primary-container);
81
81
  color: var(--color-on-primary-container);
82
82
  border-radius: var(--border-radius, 8px);
83
- padding: 8px 16px;
83
+ padding: 4px 8px;
84
84
  box-shadow: var(--elevation-1);
85
85
  height: 32px;
86
86
  gap: 8px;
@@ -1,9 +1,15 @@
1
1
  import { Host, h } from '@stencil/core';
2
+ import state from 'store/store';
3
+ import { translate } from 'i18n/i18n';
2
4
  export class GrwInformationDeskDetail {
3
5
  constructor() {
4
6
  this.displayShortDescription = true;
7
+ this.showInformationDeskDescriptionButton = false;
5
8
  this.informationDesk = undefined;
6
9
  }
10
+ componentDidLoad() {
11
+ this.showInformationDeskDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;
12
+ }
7
13
  handleInformationDeskDescription() {
8
14
  this.displayShortDescription = !this.displayShortDescription;
9
15
  }
@@ -14,7 +20,7 @@ export class GrwInformationDeskDetail {
14
20
  return (h(Host, null, this.informationDesk.photo_url && (h("div", { class: "information-desk-img" }, h("img", {
15
21
  /* @ts-ignore */
16
22
  crossorigin: "anonymous", src: this.informationDesk.photo_url, loading: "lazy"
17
- }))), h("div", { class: "information-desk-sub-container" }, this.informationDesk.name && h("div", { class: "information-desk-name" }, this.informationDesk.name), this.informationDesk.latitude && this.informationDesk.longitude && (h("button", { class: "center-on-map-button", onClick: () => this.handleCenterOnMap() }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "location_searching"), "Centrer sur la carte")), (this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (h("div", null, this.informationDesk.postal_code && this.informationDesk.postal_code, this.informationDesk.municipality && ` ${this.informationDesk.municipality}`, this.informationDesk.street && ` ${this.informationDesk.street}`)), this.informationDesk.phone && (h("div", { class: "phone-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "call"), h("a", { href: `tel:${this.informationDesk.phone}` }, this.informationDesk.phone))), this.informationDesk.email && (h("div", { class: "mail-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "mail"), h("a", { href: `mailto:${this.informationDesk.email}` }, this.informationDesk.email))), this.informationDesk.website && (h("div", { class: "link-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "link"), h("a", { href: `${this.informationDesk.website}` }, this.informationDesk.website))), this.informationDesk.description && (h("div", { class: "information-desk-description-container" }, h("div", { class: this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description', innerHTML: this.informationDesk.description }), h("div", { class: "handle-information-desk-description", onClick: () => this.handleInformationDeskDescription() }, this.displayShortDescription ? 'Lire plus' : 'Lire moins'))))));
23
+ }))), h("div", { class: "information-desk-sub-container" }, this.informationDesk.name && h("div", { class: "information-desk-name" }, this.informationDesk.name), this.informationDesk.latitude && this.informationDesk.longitude && (h("button", { class: "center-on-map-button", onClick: () => this.handleCenterOnMap() }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "location_searching"), translate[state.language].centerOnMap)), (this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (h("div", null, this.informationDesk.postal_code && this.informationDesk.postal_code, this.informationDesk.municipality && ` ${this.informationDesk.municipality}`, this.informationDesk.street && ` ${this.informationDesk.street}`)), this.informationDesk.phone && (h("div", { class: "phone-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "call"), h("a", { href: `tel:${this.informationDesk.phone}` }, this.informationDesk.phone))), this.informationDesk.email && (h("div", { class: "mail-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "mail"), h("a", { href: `mailto:${this.informationDesk.email}` }, this.informationDesk.email))), this.informationDesk.website && (h("div", { class: "link-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "link"), h("a", { href: `${this.informationDesk.website}` }, this.informationDesk.website))), this.informationDesk.description && (h("div", { class: "information-desk-description-container" }, h("div", { class: this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description', innerHTML: this.informationDesk.description, ref: el => (this.descriptionRef = el) }), false && (h("div", { class: "handle-information-desk-description", onClick: () => this.handleInformationDeskDescription() }, this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)))))));
18
24
  }
19
25
  static get is() { return "grw-information-desk"; }
20
26
  static get encapsulation() { return "shadow"; }
@@ -54,7 +60,8 @@ export class GrwInformationDeskDetail {
54
60
  }
55
61
  static get states() {
56
62
  return {
57
- "displayShortDescription": {}
63
+ "displayShortDescription": {},
64
+ "showInformationDeskDescriptionButton": {}
58
65
  };
59
66
  }
60
67
  static get events() {
@@ -1 +1 @@
1
- {"version":3,"file":"grw-information-desk.js","sourceRoot":"","sources":["../../../src/components/grw-information-desk/grw-information-desk.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport { InformationDesk } from 'types/types';\n\n@Component({\n tag: 'grw-information-desk',\n styleUrl: 'grw-information-desk.scss',\n shadow: true,\n})\nexport class GrwInformationDeskDetail {\n @Event() centerOnMap: EventEmitter<{ latitude: number; longitude: number }>;\n @State() displayShortDescription = true;\n @Prop() informationDesk: InformationDesk;\n\n handleInformationDeskDescription() {\n this.displayShortDescription = !this.displayShortDescription;\n }\n\n handleCenterOnMap() {\n this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });\n }\n\n render() {\n return (\n <Host>\n {this.informationDesk.photo_url && (\n <div class=\"information-desk-img\">\n <img\n /* @ts-ignore */\n crossorigin=\"anonymous\"\n src={this.informationDesk.photo_url}\n loading=\"lazy\"\n />\n </div>\n )}\n <div class=\"information-desk-sub-container\">\n {this.informationDesk.name && <div class=\"information-desk-name\">{this.informationDesk.name}</div>}\n {this.informationDesk.latitude && this.informationDesk.longitude && (\n <button class=\"center-on-map-button\" onClick={() => this.handleCenterOnMap()}>\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n location_searching\n </span>\n Centrer sur la carte\n </button>\n )}\n {(this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (\n <div>\n {this.informationDesk.postal_code && this.informationDesk.postal_code}\n {this.informationDesk.municipality && ` ${this.informationDesk.municipality}`}\n {this.informationDesk.street && ` ${this.informationDesk.street}`}\n </div>\n )}\n {this.informationDesk.phone && (\n <div class=\"phone-container\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n call\n </span>\n <a href={`tel:${this.informationDesk.phone}`}>{this.informationDesk.phone}</a>\n </div>\n )}\n {this.informationDesk.email && (\n <div class=\"mail-container\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n mail\n </span>\n <a href={`mailto:${this.informationDesk.email}`}>{this.informationDesk.email}</a>\n </div>\n )}\n {this.informationDesk.website && (\n <div class=\"link-container\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n link\n </span>\n <a href={`${this.informationDesk.website}`}>{this.informationDesk.website}</a>\n </div>\n )}\n {this.informationDesk.description && (\n <div class=\"information-desk-description-container\">\n <div class={this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description'} innerHTML={this.informationDesk.description}></div>\n <div class=\"handle-information-desk-description\" onClick={() => this.handleInformationDeskDescription()}>\n {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n </div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"grw-information-desk.js","sourceRoot":"","sources":["../../../src/components/grw-information-desk/grw-information-desk.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AACrF,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAQtC,MAAM,OAAO,wBAAwB;;mCAGA,IAAI;gDACS,KAAK;;;EAGrD,gBAAgB;IACd,IAAI,CAAC,oCAAoC,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC;EAClH,CAAC;EAED,gCAAgC;IAC9B,IAAI,CAAC,uBAAuB,GAAG,CAAC,IAAI,CAAC,uBAAuB,CAAC;EAC/D,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;EAChH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACF,IAAI,CAAC,eAAe,CAAC,SAAS,IAAI,CACjC,WAAK,KAAK,EAAC,sBAAsB;QAC/B;UACE,gBAAgB;UAChB,WAAW,EAAC,WAAW,EACvB,GAAG,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,EACnC,OAAO,EAAC,MAAM,GACd,CACE,CACP;MACD,WAAK,KAAK,EAAC,gCAAgC;QACxC,IAAI,CAAC,eAAe,CAAC,IAAI,IAAI,WAAK,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAO;QACjG,IAAI,CAAC,eAAe,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC,SAAS,IAAI,CAClE,cAAQ,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE;UAE1E,YAAM,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,4CAA4C,yBAEnE;UACN,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,WAAW,CAC/B,CACV;QACA,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,IAAI,IAAI,CAAC,eAAe,CAAC,YAAY,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CACzG;UACG,IAAI,CAAC,eAAe,CAAC,WAAW,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW;UACpE,IAAI,CAAC,eAAe,CAAC,YAAY,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE;UAC5E,IAAI,CAAC,eAAe,CAAC,MAAM,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAC7D,CACP;QACA,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,CAC7B,WAAK,KAAK,EAAC,iBAAiB;UAE1B,YAAM,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,4CAA4C,WAEnE;UACP,SAAG,IAAI,EAAE,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAK,CAC1E,CACP;QACA,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,CAC7B,WAAK,KAAK,EAAC,gBAAgB;UAEzB,YAAM,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,4CAA4C,WAEnE;UACP,SAAG,IAAI,EAAE,UAAU,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAK,CAC7E,CACP;QACA,IAAI,CAAC,eAAe,CAAC,OAAO,IAAI,CAC/B,WAAK,KAAK,EAAC,gBAAgB;UAEzB,YAAM,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,4CAA4C,WAEnE;UACP,SAAG,IAAI,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAK,CAC1E,CACP;QACA,IAAI,CAAC,eAAe,CAAC,WAAW,IAAI,CACnC,WAAK,KAAK,EAAC,wCAAwC;UACjD,WACE,KAAK,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,8BAA8B,EAC3G,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,WAAW,EAC3C,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,GAChC;UACN,KAAK,IAAI,CACR,WAAK,KAAK,EAAC,qCAAqC,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gCAAgC,EAAE,IACpG,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,CACnG,CACP,CACG,CACP,CACG,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport state from 'store/store';\nimport { translate } from 'i18n/i18n';\nimport { InformationDesk } from 'types/types';\n\n@Component({\n tag: 'grw-information-desk',\n styleUrl: 'grw-information-desk.scss',\n shadow: true,\n})\nexport class GrwInformationDeskDetail {\n descriptionRef?: HTMLDivElement;\n @Event() centerOnMap: EventEmitter<{ latitude: number; longitude: number }>;\n @State() displayShortDescription = true;\n @State() showInformationDeskDescriptionButton = false;\n @Prop() informationDesk: InformationDesk;\n\n componentDidLoad() {\n this.showInformationDeskDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;\n }\n\n handleInformationDeskDescription() {\n this.displayShortDescription = !this.displayShortDescription;\n }\n\n handleCenterOnMap() {\n this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });\n }\n\n render() {\n return (\n <Host>\n {this.informationDesk.photo_url && (\n <div class=\"information-desk-img\">\n <img\n /* @ts-ignore */\n crossorigin=\"anonymous\"\n src={this.informationDesk.photo_url}\n loading=\"lazy\"\n />\n </div>\n )}\n <div class=\"information-desk-sub-container\">\n {this.informationDesk.name && <div class=\"information-desk-name\">{this.informationDesk.name}</div>}\n {this.informationDesk.latitude && this.informationDesk.longitude && (\n <button class=\"center-on-map-button\" onClick={() => this.handleCenterOnMap()}>\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n location_searching\n </span>\n {translate[state.language].centerOnMap}\n </button>\n )}\n {(this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (\n <div>\n {this.informationDesk.postal_code && this.informationDesk.postal_code}\n {this.informationDesk.municipality && ` ${this.informationDesk.municipality}`}\n {this.informationDesk.street && ` ${this.informationDesk.street}`}\n </div>\n )}\n {this.informationDesk.phone && (\n <div class=\"phone-container\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n call\n </span>\n <a href={`tel:${this.informationDesk.phone}`}>{this.informationDesk.phone}</a>\n </div>\n )}\n {this.informationDesk.email && (\n <div class=\"mail-container\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n mail\n </span>\n <a href={`mailto:${this.informationDesk.email}`}>{this.informationDesk.email}</a>\n </div>\n )}\n {this.informationDesk.website && (\n <div class=\"link-container\">\n {/* @ts-ignore */}\n <span translate={false} class=\"material-symbols material-symbols-outlined\">\n link\n </span>\n <a href={`${this.informationDesk.website}`}>{this.informationDesk.website}</a>\n </div>\n )}\n {this.informationDesk.description && (\n <div class=\"information-desk-description-container\">\n <div\n class={this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description'}\n innerHTML={this.informationDesk.description}\n ref={el => (this.descriptionRef = el)}\n ></div>\n {false && (\n <div class=\"handle-information-desk-description\" onClick={() => this.handleInformationDeskDescription()}>\n {this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess}\n </div>\n )}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
@@ -1,10 +1,12 @@
1
1
  import { Host, h, Build, getAssetPath } from '@stencil/core';
2
2
  import Swiper, { Navigation, Pagination, Keyboard } from 'swiper';
3
3
  import state from 'store/store';
4
+ import { translate } from 'i18n/i18n';
4
5
  export class GrwPoiDetail {
5
6
  constructor() {
6
7
  this.poi = undefined;
7
8
  this.displayShortDescription = true;
9
+ this.showPoiDescriptionButton = false;
8
10
  this.displayFullscreen = false;
9
11
  }
10
12
  componentDidLoad() {
@@ -27,6 +29,7 @@ export class GrwPoiDetail {
27
29
  this.swiperPoi.keyboard.disable();
28
30
  }
29
31
  };
32
+ this.showPoiDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;
30
33
  }
31
34
  handlePoiDescription() {
32
35
  this.displayShortDescription = !this.displayShortDescription;
@@ -47,7 +50,7 @@ export class GrwPoiDetail {
47
50
  .map(attachment => (h("div", { class: "swiper-slide" }, h("img", { class: `poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`, src: this.displayFullscreen ? attachment.url : attachment.thumbnail, loading: "lazy", onClick: () => this.handleFullscreen() }))))) : (h("div", { class: "swiper-slide" }, h("img", {
48
51
  /* @ts-ignore */
49
52
  crossorigin: "anonymous", class: "default-poi-img", src: defaultImageSrc, loading: "lazy"
50
- })))), h("div", { class: "swiper-pagination", ref: el => (this.paginationElPoiRef = el) }), h("div", { class: "swiper-button-prev", ref: el => (this.prevElPoiRef = el) }), h("div", { class: "swiper-button-next", ref: el => (this.nextElPoiRef = el) }))), h("div", { class: "poi-sub-container" }, h("div", { class: "poi-name" }, this.poi.name), h("div", { class: this.displayShortDescription ? 'poi-description-short' : 'poi-description', innerHTML: this.poi.description }), h("div", { class: "handle-poi-description", onClick: () => this.handlePoiDescription() }, this.displayShortDescription ? 'Lire plus' : 'Lire moins'))));
53
+ })))), h("div", { class: "swiper-pagination", ref: el => (this.paginationElPoiRef = el) }), h("div", { class: "swiper-button-prev", ref: el => (this.prevElPoiRef = el) }), h("div", { class: "swiper-button-next", ref: el => (this.nextElPoiRef = el) }))), h("div", { class: "poi-sub-container" }, h("div", { class: "poi-name" }, this.poi.name), h("div", { class: this.displayShortDescription ? 'poi-description-short' : 'poi-description', innerHTML: this.poi.description, ref: el => (this.descriptionRef = el) }), this.showPoiDescriptionButton && (h("div", { class: "handle-poi-description", onClick: () => this.handlePoiDescription() }, this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)))));
51
54
  }
52
55
  static get is() { return "grw-poi"; }
53
56
  static get encapsulation() { return "shadow"; }
@@ -88,6 +91,7 @@ export class GrwPoiDetail {
88
91
  static get states() {
89
92
  return {
90
93
  "displayShortDescription": {},
94
+ "showPoiDescriptionButton": {},
91
95
  "displayFullscreen": {}
92
96
  };
93
97
  }
@@ -1 +1 @@
1
- {"version":3,"file":"grw-poi.js","sourceRoot":"","sources":["../../../src/components/grw-poi-detail/grw-poi.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Build, getAssetPath } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { Poi } from 'types/types';\n\n@Component({\n tag: 'grw-poi',\n styleUrl: 'grw-poi.scss',\n shadow: true,\n})\nexport class GrwPoiDetail {\n swiperPoi?: Swiper;\n swiperPoiRef?: HTMLDivElement;\n prevElPoiRef?: HTMLDivElement;\n nextElPoiRef?: HTMLDivElement;\n paginationElPoiRef?: HTMLDivElement;\n @Prop() poi: Poi;\n @State() displayShortDescription = true;\n @State() displayFullscreen = false;\n\n componentDidLoad() {\n this.swiperPoi = new Swiper(this.swiperPoiRef, {\n modules: [Navigation, Pagination, Keyboard],\n navigation: {\n prevEl: this.prevElPoiRef,\n nextEl: this.nextElPoiRef,\n },\n pagination: { el: this.paginationElPoiRef },\n allowTouchMove: false,\n keyboard: false,\n });\n this.swiperPoiRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen;\n if (this.displayFullscreen) {\n this.swiperPoi.keyboard.enable();\n } else {\n this.swiperPoi.keyboard.disable();\n }\n };\n }\n\n handlePoiDescription() {\n this.displayShortDescription = !this.displayShortDescription;\n }\n\n handleFullscreen() {\n if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n this.swiperPoiRef.requestFullscreen();\n }\n }\n\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n return (\n <Host>\n <div class=\"poi-type-img-container\">\n <img\n /* @ts-ignore */\n crossorigin=\"anonymous\"\n class=\"poi-type\"\n src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`}\n />\n <div class=\"swiper\" ref={el => (this.swiperPoiRef = el)}>\n <div class=\"swiper-wrapper\">\n {this.poi.attachments.length > 0 ? (\n this.poi.attachments\n .filter(attachment => attachment.type === 'image')\n .map(attachment => (\n <div class=\"swiper-slide\">\n <img\n class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n loading=\"lazy\"\n onClick={() => this.handleFullscreen()}\n />\n </div>\n ))\n ) : (\n <div class=\"swiper-slide\">\n <img\n /* @ts-ignore */\n crossorigin=\"anonymous\"\n class=\"default-poi-img\"\n src={defaultImageSrc}\n loading=\"lazy\"\n />\n </div>\n )}\n </div>\n <div class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n <div class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n <div class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n </div>\n </div>\n <div class=\"poi-sub-container\">\n <div class=\"poi-name\">{this.poi.name}</div>\n <div class={this.displayShortDescription ? 'poi-description-short' : 'poi-description'} innerHTML={this.poi.description}></div>\n <div class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"grw-poi.js","sourceRoot":"","sources":["../../../src/components/grw-poi-detail/grw-poi.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,MAAM,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClE,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAOtC,MAAM,OAAO,YAAY;;;mCASY,IAAI;oCACH,KAAK;6BACZ,KAAK;;EAElC,gBAAgB;IACd,IAAI,CAAC,SAAS,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE;MAC7C,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC;MAC3C,UAAU,EAAE;QACV,MAAM,EAAE,IAAI,CAAC,YAAY;QACzB,MAAM,EAAE,IAAI,CAAC,YAAY;OAC1B;MACD,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE;MAC3C,cAAc,EAAE,KAAK;MACrB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IACH,IAAI,CAAC,YAAY,CAAC,kBAAkB,GAAG,GAAG,EAAE;MAC1C,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;MACjD,IAAI,IAAI,CAAC,iBAAiB,EAAE;QAC1B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;OAClC;WAAM;QACL,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;OACnC;IACH,CAAC,CAAC;IACF,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC;EACtG,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,uBAAuB,GAAG,CAAC,IAAI,CAAC,uBAAuB,CAAC;EAC/D,CAAC;EAED,gBAAgB;IACd,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;MAClF,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC;KACvC;EACH,CAAC;EAED,MAAM;;IACJ,MAAM,eAAe,GAAG,YAAY,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,0BAA0B,CAAC,CAAC;IAC1F,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,wBAAwB;QACjC;UACE,gBAAgB;UAChB,WAAW,EAAC,WAAW,EACvB,KAAK,EAAC,UAAU,EAChB,GAAG,EAAE,GAAG,MAAA,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,0CAAE,SAAS,EAAE,GACjF;QACF,WAAK,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;UACrD,WAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjC,IAAI,CAAC,GAAG,CAAC,WAAW;aACjB,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC;aACjD,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CACjB,WAAK,KAAK,EAAC,cAAc;YACvB,WACE,KAAK,EAAE,UAAU,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,EAClE,GAAG,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,EACnE,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,GACtC,CACE,CACP,CAAC,CACL,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,cAAc;YACvB;cACE,gBAAgB;cAChB,WAAW,EAAC,WAAW,EACvB,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,eAAe,EACpB,OAAO,EAAC,MAAM,GACd,CACE,CACP,CACG;UACN,WAAK,KAAK,EAAC,mBAAmB,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,GAAQ;UAChF,WAAK,KAAK,EAAC,oBAAoB,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,GAAQ;UAC3E,WAAK,KAAK,EAAC,oBAAoB,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,GAAQ,CACvE,CACF;MACN,WAAK,KAAK,EAAC,mBAAmB;QAC5B,WAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAO;QAC3C,WAAK,KAAK,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,GAAQ;QACrK,IAAI,CAAC,wBAAwB,IAAI,CAChC,WAAK,KAAK,EAAC,wBAAwB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAC3E,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,CACnG,CACP,CACG,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, State, Build, getAssetPath } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { Poi } from 'types/types';\nimport { translate } from 'i18n/i18n';\n\n@Component({\n tag: 'grw-poi',\n styleUrl: 'grw-poi.scss',\n shadow: true,\n})\nexport class GrwPoiDetail {\n swiperPoi?: Swiper;\n swiperPoiRef?: HTMLDivElement;\n prevElPoiRef?: HTMLDivElement;\n nextElPoiRef?: HTMLDivElement;\n paginationElPoiRef?: HTMLDivElement;\n descriptionRef?: HTMLDivElement;\n\n @Prop() poi: Poi;\n @State() displayShortDescription = true;\n @State() showPoiDescriptionButton = false;\n @State() displayFullscreen = false;\n\n componentDidLoad() {\n this.swiperPoi = new Swiper(this.swiperPoiRef, {\n modules: [Navigation, Pagination, Keyboard],\n navigation: {\n prevEl: this.prevElPoiRef,\n nextEl: this.nextElPoiRef,\n },\n pagination: { el: this.paginationElPoiRef },\n allowTouchMove: false,\n keyboard: false,\n });\n this.swiperPoiRef.onfullscreenchange = () => {\n this.displayFullscreen = !this.displayFullscreen;\n if (this.displayFullscreen) {\n this.swiperPoi.keyboard.enable();\n } else {\n this.swiperPoi.keyboard.disable();\n }\n };\n this.showPoiDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;\n }\n\n handlePoiDescription() {\n this.displayShortDescription = !this.displayShortDescription;\n }\n\n handleFullscreen() {\n if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n this.swiperPoiRef.requestFullscreen();\n }\n }\n\n render() {\n const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n return (\n <Host>\n <div class=\"poi-type-img-container\">\n <img\n /* @ts-ignore */\n crossorigin=\"anonymous\"\n class=\"poi-type\"\n src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`}\n />\n <div class=\"swiper\" ref={el => (this.swiperPoiRef = el)}>\n <div class=\"swiper-wrapper\">\n {this.poi.attachments.length > 0 ? (\n this.poi.attachments\n .filter(attachment => attachment.type === 'image')\n .map(attachment => (\n <div class=\"swiper-slide\">\n <img\n class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n loading=\"lazy\"\n onClick={() => this.handleFullscreen()}\n />\n </div>\n ))\n ) : (\n <div class=\"swiper-slide\">\n <img\n /* @ts-ignore */\n crossorigin=\"anonymous\"\n class=\"default-poi-img\"\n src={defaultImageSrc}\n loading=\"lazy\"\n />\n </div>\n )}\n </div>\n <div class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n <div class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n <div class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n </div>\n </div>\n <div class=\"poi-sub-container\">\n <div class=\"poi-name\">{this.poi.name}</div>\n <div class={this.displayShortDescription ? 'poi-description-short' : 'poi-description'} innerHTML={this.poi.description} ref={el => (this.descriptionRef = el)}></div>\n {this.showPoiDescriptionButton && (\n <div class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n {this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
@@ -12,7 +12,7 @@
12
12
  align-items: center;
13
13
  }
14
14
  :host span {
15
- color: var(--color-on-secondary-container);
15
+ color: var(--color-on-primary-container);
16
16
  font-size: 24px;
17
17
  position: absolute;
18
18
  left: 32px;
@@ -26,7 +26,7 @@
26
26
  box-shadow: var(--elevation-2);
27
27
  border: none;
28
28
  border-radius: var(--border-radius, 40px);
29
- color: var(--color-on-secondary-container);
29
+ color: var(--color-on-primary-container);
30
30
  font-size: 16px;
31
31
  line-height: 24px;
32
32
  font-weight: 400;
@@ -36,5 +36,13 @@
36
36
  outline-color: var(--color-outline);
37
37
  }
38
38
  .search-input::placeholder {
39
- color: var(--color-on-secondary-container);
39
+ color: var(--color-on-primary-container);
40
+ }
41
+ .search-input::-webkit-search-cancel-button {
42
+ -webkit-appearance: none;
43
+ background-color: var(--color-on-primary-container);
44
+ -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
45
+ background-size: 20px 20px;
46
+ height: 20px;
47
+ width: 20px;
40
48
  }
@@ -37,6 +37,6 @@
37
37
  border-bottom-right-radius: var(--border-radius, 20px);
38
38
  }
39
39
  .segmented-buttons-container .selected-segment {
40
- color: var(--color-on-secondary-container);
41
- background-color: var(--color-secondary-container);
40
+ color: var(--color-on-primary-container);
41
+ background-color: var(--color-primary-container);
42
42
  }
@@ -644,11 +644,11 @@ button.swiper-pagination-bullet {
644
644
  border-top-right-radius: var(--border-radius, 12px);
645
645
  }
646
646
 
647
- .touristic-content-container {
647
+ .touristic-content-card-container {
648
648
  width: 100%;
649
649
  max-width: 350px;
650
650
  }
651
- .touristic-content-container .image {
651
+ .touristic-content-card-container .image {
652
652
  width: 100%;
653
653
  max-height: 200px;
654
654
  }
@@ -588,78 +588,6 @@ grw-trek-detail {
588
588
  margin-left: 16px;
589
589
  background-position: center;
590
590
  }
591
- .trek-options .presentation.selected-trek-option ~ .indicator-selected-trek-option {
592
- width: 240px;
593
- background-size: 120px 100%;
594
- }
595
- .trek-options .steps.selected-trek-option ~ .indicator-selected-trek-option {
596
- width: 160px;
597
- background-size: 80px 100%;
598
- }
599
- .trek-options .description.selected-trek-option ~ .indicator-selected-trek-option {
600
- width: 240px;
601
- background-size: 120px 100%;
602
- }
603
- .trek-options .recommendations.selected-trek-option ~ .indicator-selected-trek-option {
604
- width: 380px;
605
- background-size: 190px 100%;
606
- }
607
- .trek-options .sensitive-areas.selected-trek-option ~ .indicator-selected-trek-option {
608
- width: 320px;
609
- background-size: 160px 100%;
610
- }
611
- .trek-options .information-places.selected-trek-option ~ .indicator-selected-trek-option {
612
- width: 400px;
613
- background-size: 200px 100%;
614
- }
615
- .trek-options .pois.selected-trek-option ~ .indicator-selected-trek-option {
616
- width: 240px;
617
- background-size: 120px 100%;
618
- }
619
- .trek-options .touristic-content.selected-trek-option ~ .indicator-selected-trek-option {
620
- width: 240px;
621
- background-size: 120px 100%;
622
- }
623
- .trek-options .touristic-event.selected-trek-option ~ .indicator-selected-trek-option {
624
- width: 240px;
625
- background-size: 120px 100%;
626
- }
627
- .trek-options .presentation {
628
- min-width: 120px;
629
- width: 120px;
630
- }
631
- .trek-options .steps {
632
- min-width: 80px;
633
- width: 80px;
634
- }
635
- .trek-options .description {
636
- min-width: 120px;
637
- width: 120px;
638
- }
639
- .trek-options .recommendations {
640
- min-width: 190px;
641
- width: 190px;
642
- }
643
- .trek-options .sensitive-areas {
644
- min-width: 160px;
645
- width: 160px;
646
- }
647
- .trek-options .information-places {
648
- min-width: 200px;
649
- width: 200px;
650
- }
651
- .trek-options .pois {
652
- min-width: 120px;
653
- width: 120px;
654
- }
655
- .trek-options .touristic-content {
656
- min-width: 120px;
657
- width: 120px;
658
- }
659
- .trek-options .touristic-event {
660
- min-width: 120px;
661
- width: 120px;
662
- }
663
591
 
664
592
  .trek-detail-container {
665
593
  font-family: var(--font-family);