@geotrekce/geotrek-rando-widget 0.2.1 → 0.2.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 (154) hide show
  1. package/dist/cjs/grw-app.cjs.entry.js +1 -1
  2. package/dist/cjs/grw-app.cjs.entry.js.br +0 -0
  3. package/dist/cjs/grw-app.cjs.entry.js.gz +0 -0
  4. package/dist/cjs/grw-app.cjs.entry.js.map +1 -1
  5. package/dist/cjs/grw-filter_7.cjs.entry.js +6 -6
  6. package/dist/cjs/grw-filter_7.cjs.entry.js.br +0 -0
  7. package/dist/cjs/grw-filter_7.cjs.entry.js.gz +0 -0
  8. package/dist/cjs/grw-filter_7.cjs.entry.js.map +1 -1
  9. package/dist/cjs/grw-information-desk-detail_3.cjs.entry.js +3 -3
  10. package/dist/cjs/grw-information-desk-detail_3.cjs.entry.js.br +0 -0
  11. package/dist/cjs/grw-information-desk-detail_3.cjs.entry.js.gz +0 -0
  12. package/dist/cjs/grw-information-desk-detail_3.cjs.entry.js.map +1 -1
  13. package/dist/cjs/grw-trek-card.cjs.entry.js +1 -1
  14. package/dist/cjs/grw-trek-card.cjs.entry.js.br +0 -0
  15. package/dist/cjs/grw-trek-card.cjs.entry.js.gz +0 -0
  16. package/dist/cjs/grw-trek-card.cjs.entry.js.map +1 -1
  17. package/dist/collection/components/grw-app/grw-app.css +7 -1
  18. package/dist/collection/components/grw-app/grw-app.css.br +0 -0
  19. package/dist/collection/components/grw-app/grw-app.css.gz +0 -0
  20. package/dist/collection/components/grw-filter/grw-filter.css +6 -2
  21. package/dist/collection/components/grw-filter/grw-filter.css.br +0 -0
  22. package/dist/collection/components/grw-filter/grw-filter.css.gz +0 -0
  23. package/dist/collection/components/grw-information-desk-detail/grw-information-desk-detail.css +6 -1
  24. package/dist/collection/components/grw-information-desk-detail/grw-information-desk-detail.css.br +0 -0
  25. package/dist/collection/components/grw-information-desk-detail/grw-information-desk-detail.css.gz +0 -0
  26. package/dist/collection/components/grw-map/grw-map.css +4 -1
  27. package/dist/collection/components/grw-map/grw-map.css.br +0 -0
  28. package/dist/collection/components/grw-map/grw-map.css.gz +0 -0
  29. package/dist/collection/components/grw-map/grw-map.js +1 -1
  30. package/dist/collection/components/grw-map/grw-map.js.br +0 -0
  31. package/dist/collection/components/grw-map/grw-map.js.gz +0 -0
  32. package/dist/collection/components/grw-map/grw-map.js.map +1 -1
  33. package/dist/collection/components/grw-poi-detail/grw-poi-detail.css +4 -1
  34. package/dist/collection/components/grw-poi-detail/grw-poi-detail.css.br +0 -0
  35. package/dist/collection/components/grw-poi-detail/grw-poi-detail.css.gz +0 -0
  36. package/dist/collection/components/grw-select-language/grw-select-language.css +4 -1
  37. package/dist/collection/components/grw-select-language/grw-select-language.css.br +0 -0
  38. package/dist/collection/components/grw-select-language/grw-select-language.css.gz +0 -0
  39. package/dist/collection/components/grw-sensitive-area-detail/grw-sensitive-area-detail.css +0 -1
  40. package/dist/collection/components/grw-sensitive-area-detail/grw-sensitive-area-detail.css.br +0 -0
  41. package/dist/collection/components/grw-sensitive-area-detail/grw-sensitive-area-detail.css.gz +0 -0
  42. package/dist/collection/components/grw-trek-card/grw-trek-card.css +6 -1
  43. package/dist/collection/components/grw-trek-card/grw-trek-card.css.br +0 -0
  44. package/dist/collection/components/grw-trek-card/grw-trek-card.css.gz +0 -0
  45. package/dist/collection/components/grw-trek-detail/grw-trek-detail.css +8 -1
  46. package/dist/collection/components/grw-trek-detail/grw-trek-detail.css.br +0 -0
  47. package/dist/collection/components/grw-trek-detail/grw-trek-detail.css.gz +0 -0
  48. package/dist/collection/components/grw-treks-list/grw-treks-list.css +4 -1
  49. package/dist/collection/components/grw-treks-list/grw-treks-list.css.br +0 -0
  50. package/dist/collection/components/grw-treks-list/grw-treks-list.css.gz +0 -0
  51. package/dist/esm/grw-app.entry.js +1 -1
  52. package/dist/esm/grw-app.entry.js.br +0 -0
  53. package/dist/esm/grw-app.entry.js.gz +0 -0
  54. package/dist/esm/grw-app.entry.js.map +1 -1
  55. package/dist/esm/grw-filter_7.entry.js +6 -6
  56. package/dist/esm/grw-filter_7.entry.js.br +0 -0
  57. package/dist/esm/grw-filter_7.entry.js.gz +0 -0
  58. package/dist/esm/grw-filter_7.entry.js.map +1 -1
  59. package/dist/esm/grw-information-desk-detail_3.entry.js +3 -3
  60. package/dist/esm/grw-information-desk-detail_3.entry.js.br +0 -0
  61. package/dist/esm/grw-information-desk-detail_3.entry.js.gz +0 -0
  62. package/dist/esm/grw-information-desk-detail_3.entry.js.map +1 -1
  63. package/dist/esm/grw-trek-card.entry.js +1 -1
  64. package/dist/esm/grw-trek-card.entry.js.br +0 -0
  65. package/dist/esm/grw-trek-card.entry.js.gz +0 -0
  66. package/dist/esm/grw-trek-card.entry.js.map +1 -1
  67. package/dist/esm-es5/grw-app.entry.js +1 -1
  68. package/dist/esm-es5/grw-app.entry.js.br +0 -0
  69. package/dist/esm-es5/grw-app.entry.js.gz +0 -0
  70. package/dist/esm-es5/grw-app.entry.js.map +1 -1
  71. package/dist/esm-es5/grw-filter_7.entry.js +2 -2
  72. package/dist/esm-es5/grw-filter_7.entry.js.br +0 -0
  73. package/dist/esm-es5/grw-filter_7.entry.js.gz +0 -0
  74. package/dist/esm-es5/grw-filter_7.entry.js.map +1 -1
  75. package/dist/esm-es5/grw-information-desk-detail_3.entry.js +1 -1
  76. package/dist/esm-es5/grw-information-desk-detail_3.entry.js.br +0 -0
  77. package/dist/esm-es5/grw-information-desk-detail_3.entry.js.gz +0 -0
  78. package/dist/esm-es5/grw-information-desk-detail_3.entry.js.map +1 -1
  79. package/dist/esm-es5/grw-trek-card.entry.js +1 -1
  80. package/dist/esm-es5/grw-trek-card.entry.js.br +0 -0
  81. package/dist/esm-es5/grw-trek-card.entry.js.gz +0 -0
  82. package/dist/esm-es5/grw-trek-card.entry.js.map +1 -1
  83. package/dist/geotrek-rando-widget/geotrek-rando-widget.css +1 -1
  84. package/dist/geotrek-rando-widget/geotrek-rando-widget.css.br +0 -0
  85. package/dist/geotrek-rando-widget/geotrek-rando-widget.css.gz +0 -0
  86. package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js +1 -1
  87. package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.br +0 -0
  88. package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.gz +0 -0
  89. package/dist/geotrek-rando-widget/{p-1945d1c1.entry.js → p-3471da6b.entry.js} +3 -3
  90. package/dist/geotrek-rando-widget/p-3471da6b.entry.js.br +0 -0
  91. package/dist/geotrek-rando-widget/p-3471da6b.entry.js.gz +0 -0
  92. package/dist/geotrek-rando-widget/p-3471da6b.entry.js.map +1 -0
  93. package/dist/geotrek-rando-widget/p-631e4237.system.entry.js +2 -0
  94. package/dist/geotrek-rando-widget/p-631e4237.system.entry.js.br +0 -0
  95. package/dist/geotrek-rando-widget/p-631e4237.system.entry.js.gz +0 -0
  96. package/dist/geotrek-rando-widget/p-631e4237.system.entry.js.map +1 -0
  97. package/dist/geotrek-rando-widget/p-63744020.entry.js +2 -0
  98. package/dist/geotrek-rando-widget/p-63744020.entry.js.br +0 -0
  99. package/dist/geotrek-rando-widget/p-63744020.entry.js.gz +0 -0
  100. package/dist/geotrek-rando-widget/p-63744020.entry.js.map +1 -0
  101. package/dist/geotrek-rando-widget/p-718dfb75.entry.js +2 -0
  102. package/dist/geotrek-rando-widget/p-718dfb75.entry.js.br +0 -0
  103. package/dist/geotrek-rando-widget/p-718dfb75.entry.js.gz +0 -0
  104. package/dist/geotrek-rando-widget/p-718dfb75.entry.js.map +1 -0
  105. package/dist/geotrek-rando-widget/p-8e38db57.system.js +1 -1
  106. package/dist/geotrek-rando-widget/p-8e38db57.system.js.br +0 -0
  107. package/dist/geotrek-rando-widget/p-8e38db57.system.js.gz +0 -0
  108. package/dist/geotrek-rando-widget/p-9c541a0b.system.entry.js +2 -0
  109. package/dist/geotrek-rando-widget/p-9c541a0b.system.entry.js.br +0 -0
  110. package/dist/geotrek-rando-widget/p-9c541a0b.system.entry.js.gz +0 -0
  111. package/dist/geotrek-rando-widget/p-9c541a0b.system.entry.js.map +1 -0
  112. package/dist/geotrek-rando-widget/p-a6e9f1a8.system.entry.js +2 -0
  113. package/dist/geotrek-rando-widget/p-a6e9f1a8.system.entry.js.br +0 -0
  114. package/dist/geotrek-rando-widget/p-a6e9f1a8.system.entry.js.gz +0 -0
  115. package/dist/geotrek-rando-widget/p-a6e9f1a8.system.entry.js.map +1 -0
  116. package/dist/geotrek-rando-widget/p-f3de5419.entry.js +2 -0
  117. package/dist/geotrek-rando-widget/p-f3de5419.entry.js.br +0 -0
  118. package/dist/geotrek-rando-widget/p-f3de5419.entry.js.gz +0 -0
  119. package/dist/geotrek-rando-widget/p-f3de5419.entry.js.map +1 -0
  120. package/dist/geotrek-rando-widget/{p-da631d19.system.entry.js → p-fc1b1be0.system.entry.js} +3 -3
  121. package/dist/geotrek-rando-widget/p-fc1b1be0.system.entry.js.br +0 -0
  122. package/dist/geotrek-rando-widget/p-fc1b1be0.system.entry.js.gz +0 -0
  123. package/dist/geotrek-rando-widget/p-fc1b1be0.system.entry.js.map +1 -0
  124. package/package.json +1 -1
  125. package/dist/geotrek-rando-widget/p-12132148.entry.js +0 -2
  126. package/dist/geotrek-rando-widget/p-12132148.entry.js.br +0 -0
  127. package/dist/geotrek-rando-widget/p-12132148.entry.js.gz +0 -0
  128. package/dist/geotrek-rando-widget/p-12132148.entry.js.map +0 -1
  129. package/dist/geotrek-rando-widget/p-1945d1c1.entry.js.br +0 -0
  130. package/dist/geotrek-rando-widget/p-1945d1c1.entry.js.gz +0 -0
  131. package/dist/geotrek-rando-widget/p-1945d1c1.entry.js.map +0 -1
  132. package/dist/geotrek-rando-widget/p-2092e60d.entry.js +0 -2
  133. package/dist/geotrek-rando-widget/p-2092e60d.entry.js.br +0 -0
  134. package/dist/geotrek-rando-widget/p-2092e60d.entry.js.gz +0 -0
  135. package/dist/geotrek-rando-widget/p-2092e60d.entry.js.map +0 -1
  136. package/dist/geotrek-rando-widget/p-360241fa.system.entry.js +0 -2
  137. package/dist/geotrek-rando-widget/p-360241fa.system.entry.js.br +0 -0
  138. package/dist/geotrek-rando-widget/p-360241fa.system.entry.js.gz +0 -0
  139. package/dist/geotrek-rando-widget/p-360241fa.system.entry.js.map +0 -1
  140. package/dist/geotrek-rando-widget/p-59c35d04.entry.js +0 -2
  141. package/dist/geotrek-rando-widget/p-59c35d04.entry.js.br +0 -0
  142. package/dist/geotrek-rando-widget/p-59c35d04.entry.js.gz +0 -0
  143. package/dist/geotrek-rando-widget/p-59c35d04.entry.js.map +0 -1
  144. package/dist/geotrek-rando-widget/p-da631d19.system.entry.js.br +0 -0
  145. package/dist/geotrek-rando-widget/p-da631d19.system.entry.js.gz +0 -0
  146. package/dist/geotrek-rando-widget/p-da631d19.system.entry.js.map +0 -1
  147. package/dist/geotrek-rando-widget/p-e2660a2c.system.entry.js +0 -2
  148. package/dist/geotrek-rando-widget/p-e2660a2c.system.entry.js.br +0 -0
  149. package/dist/geotrek-rando-widget/p-e2660a2c.system.entry.js.gz +0 -0
  150. package/dist/geotrek-rando-widget/p-e2660a2c.system.entry.js.map +0 -1
  151. package/dist/geotrek-rando-widget/p-ebbb300d.system.entry.js +0 -2
  152. package/dist/geotrek-rando-widget/p-ebbb300d.system.entry.js.br +0 -0
  153. package/dist/geotrek-rando-widget/p-ebbb300d.system.entry.js.gz +0 -0
  154. package/dist/geotrek-rando-widget/p-ebbb300d.system.entry.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"names":["grwInformationDeskDetailCss","GrwInformationDeskDetail","exports","class_1","prototype","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","_this","h","Host","photo_url","class","src","loading","name","onClick","postal_code","municipality","street","concat","phone","href","email","website","description","innerHTML","grwPoiDetailCss","GrwPoiDetail","class_2","componentDidLoad","swiperPoi","Swiper","swiperPoiRef","modules","Navigation","Pagination","Keyboard","navigation","prevEl","prevElPoiRef","nextEl","nextElPoiRef","pagination","el","paginationElPoiRef","allowTouchMove","keyboard","onfullscreenchange","displayFullscreen","enable","disable","handlePoiDescription","handleFullscreen","poi","attachments","url","requestFullscreen","defaultImageSrc","getAssetPath","_a","state","poiTypes","find","poiType","id","type","pictogram","ref","length","filter","attachment","map","thumbnail","grwSensitiveAreaDetailCss","GrwSensitiveAreaDetail","class_3","sensitiveArea","practices","sensitiveAreaPractice","index","practice","statePractice","toUpperCase","period","month","Date","toLocaleDateString","slice","contact"],"sources":["src/components/grw-information-desk-detail/grw-information-desk-detail.scss?tag=grw-information-desk-detail&encapsulation=shadow","src/components/grw-information-desk-detail/grw-information-desk-detail.tsx","src/components/grw-poi-detail/grw-poi-detail.scss?tag=grw-poi-detail&encapsulation=shadow","src/components/grw-poi-detail/grw-poi-detail.tsx","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.scss?tag=grw-sensitive-area-detail&encapsulation=shadow","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.tsx"],"sourcesContent":[".material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n border: 1px solid gray;\n border-radius: 12px;\n background-color: var(--color-surface-container-low);\n color: var(--color-on-surface);\n a {\n color: var(--color-primary-app);\n }\n}\n\n.information-desk-img {\n position: relative;\n img {\n width: 100%;\n height: 100%;\n max-height: 200px;\n object-fit: cover;\n }\n}\n\n.information-desk-sub-container {\n display: flex;\n flex-direction: column;\n padding: 12px;\n}\n\n.information-desk-name {\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n}\n\n.information-desk-description {\n font-size: 14px;\n line-height: 20px;\n}\n\n.information-desk-description-short {\n font-size: 14px;\n line-height: 20px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 4;\n overflow: hidden;\n}\n\n.handle-information-desk-description {\n cursor: pointer;\n color: var(--color-primary-app);\n text-decoration: underline;\n margin-top: 12px;\n}\n\n.phone-container,\n.mail-container,\n.link-container {\n display: flex;\n align-items: center;\n span {\n font-family: 'Material Symbols Outlined';\n font-size: 16px;\n margin-right: 8px;\n }\n}\n\n.center-on-map-button {\n cursor: pointer;\n background-color: var(--color-primary-container);\n color: var(--color-on-primary-container);\n border-radius: 8px;\n padding: 8px 16px;\n box-shadow: var(--elevation-1);\n height: 32px;\n gap: 8px;\n box-sizing: border-box;\n text-align: start;\n vertical-align: middle;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n position: relative;\n border: none;\n font-size: 14px;\n margin: 12px 0px;\n &:hover {\n box-shadow: var(--elevation-2);\n }\n span {\n font-family: 'Material Symbols Outlined';\n font-size: 18px;\n }\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport { InformationDesk } from 'types/types';\n\n@Component({\n tag: 'grw-information-desk-detail',\n styleUrl: 'grw-information-desk-detail.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 src={this.informationDesk.photo_url} loading=\"lazy\" />\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 <span class=\"material-symbols-outlined\">location_searching</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 <span class=\"material-symbols-outlined\">call</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 <span class=\"material-symbols-outlined\">mail</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 <span class=\"material-symbols-outlined\">link</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","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n border: 1px solid gray;\n border-radius: 12px;\n background-color: var(--color-surface-container-low);\n color: var(--color-on-surface);\n --swiper-navigation-size: 32px;\n --swiper-navigation-color: var(--color-primary-app);\n --swiper-pagination-bullet-size: 12px;\n a {\n color: var(--color-primary-app);\n }\n}\n\n.poi-type-img-container {\n position: relative;\n .poi-img,\n .default-poi-img {\n width: 100%;\n height: 100%;\n max-height: 200px;\n object-fit: cover;\n }\n .poi-img {\n cursor: pointer;\n object-fit: cover;\n }\n .default-poi-img {\n background-color: var(--color-primary-container);\n object-fit: contain;\n }\n .img-fullscreen {\n max-height: none;\n object-fit: contain;\n }\n .poi-type {\n width: 24px;\n height: 24px;\n padding: 4px;\n border: 2px solid #ffffff;\n border-radius: 50%;\n background-color: var(--color-on-surface);\n position: absolute;\n top: 8px;\n left: 8px;\n z-index: 200;\n }\n}\n\n.poi-sub-container {\n display: flex;\n flex-direction: column;\n padding: 12px;\n}\n\n.poi-name {\n font-size: 16px;\n line-height: 24px;\n}\n\n.poi-description {\n font-size: 14px;\n line-height: 20px;\n}\n\n.poi-description-short {\n font-size: 14px;\n line-height: 20px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 4;\n overflow: hidden;\n}\n\n.handle-poi-description {\n cursor: pointer;\n color: var(--color-primary-app);\n text-decoration: underline;\n margin-top: 12px;\n}\n","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-detail',\n styleUrl: 'grw-poi-detail.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 class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} />\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 class=\"default-poi-img\" src={defaultImageSrc} loading=\"lazy\" />\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",":host {\n display: flex;\n flex-direction: column;\n color: var(--color-on-surface);\n a {\n color: var(--color-primary-app);\n }\n}\n\n.sensitive-area-title {\n font-size: 22px;\n line-height: 28px;\n padding: 12px 0px;\n font-weight: 400;\n}\n\n.sensitive-area-description {\n font-size: 16px;\n line-height: 24px;\n}\n\n.sensitive-area-period-container,\n.sensitive-area-practice-container,\n.sensitive-area-contact-container {\n .sensitive-area-period-title,\n .sensitive-area-practice-title,\n .sensitive-area-contact-title {\n font-size: 16px;\n line-height: 24px;\n padding: 12px 0px;\n }\n .sensitive-area-period-values,\n .sensitive-area-practice-values {\n display: flex;\n flex-wrap: wrap;\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport state from 'store/store';\nimport { SensitiveArea } from 'types/types';\n\n@Component({\n tag: 'grw-sensitive-area-detail',\n styleUrl: 'grw-sensitive-area-detail.scss',\n shadow: true,\n})\nexport class GrwSensitiveAreaDetail {\n @Prop() sensitiveArea: SensitiveArea;\n\n render() {\n return (\n <Host>\n <div class=\"sensitive-area-title\">{this.sensitiveArea.name}</div>\n <div class=\"sensitive-area-description\" innerHTML={this.sensitiveArea.description}></div>\n {this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (\n <div class=\"sensitive-area-practice-container\">\n <div class=\"sensitive-area-practice-title\">Domaines d'activités concernés :</div>\n <div class=\"sensitive-area-practice-values\">\n {this.sensitiveArea.practices.map((sensitiveAreaPractice, index) => {\n const practice = state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);\n if (practice) {\n return <div innerHTML={`${practice.name.toUpperCase()}${index + 1 !== this.sensitiveArea.practices.length ? ' -&nbsp;' : ''}`}></div>;\n }\n })}\n </div>\n </div>\n )}\n {this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (\n <div class=\"sensitive-area-period-container\">\n <div class=\"sensitive-area-period-title\">Périodes de sensibilité</div>\n <div class=\"sensitive-area-period-values\">\n {this.sensitiveArea.period.map((month, index) => {\n if (month) {\n return (\n <div\n innerHTML={`${new Date(0, index + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${\n this.sensitiveArea.period.slice(index + 1).find(month => month) ? ' -&nbsp;' : ''\n }`}\n ></div>\n );\n }\n })}\n </div>\n </div>\n )}\n <div class=\"sensitive-area-contact-container\">\n <div class=\"sensitive-area-contact-title\">Contact</div>\n <div innerHTML={this.sensitiveArea.contact} class=\"sensitive-area-contact-value\"></div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{r as e,e as i,h as t,H as r}from"./p-4f746b28.js";import{s as a,o as n,r as o}from"./p-58cf0dd0.js";import{f as s,a as c,b as l}from"./p-2d3ac9a0.js";const d='.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}.trek-card-container,.trek-card-large-view-container{cursor:pointer;font-family:"Roboto";border-radius:12px;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);background-color:var(--color-surface-container-low)}.trek-card-container .image,.trek-card-large-view-container .image{-o-object-fit:cover;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}.trek-card-container .sub-container,.trek-card-large-view-container .sub-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:8px 16px}.trek-card-container .sub-container .name,.trek-card-large-view-container .sub-container .name{color:var(--color-on-surface);font-size:22px;line-height:28px;font-weight:400;margin-bottom:8px}.trek-card-container .sub-container .departure,.trek-card-large-view-container .sub-container .departure{color:var(--color-on-surface);font-size:16px;line-height:24px;font-weight:500;margin-bottom:4px}.trek-card-container .sub-container .themes-container,.trek-card-large-view-container .sub-container .themes-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.trek-card-container .sub-container .themes-container .theme,.trek-card-large-view-container .sub-container .themes-container .theme{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:8px;padding:8px 16px;margin:0px 8px 8px 0px;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:1px solid var(--color-outline);height:32px;gap:8px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:start;vertical-align:middle;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.trek-card-container .sub-container .icons-labels-container,.trek-card-large-view-container .sub-container .icons-labels-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:var(--color-on-surface);font-size:14px;line-height:20px;font-weight:500}.trek-card-container .sub-container .icons-labels-container .row,.trek-card-large-view-container .sub-container .icons-labels-container .row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.trek-card-container .sub-container .icons-labels-container .row:not(:last-child),.trek-card-large-view-container .sub-container .icons-labels-container .row:not(:last-child){margin-bottom:12px}.trek-card-container .sub-container .icons-labels-container .row .icon-label,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:50%}.trek-card-container .sub-container .icons-labels-container .row .icon-label:nth-child(2),.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label:nth-child(2){margin:0px 4px}.trek-card-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-container .sub-container .icons-labels-container .row .icon-label span,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label img,.trek-card-large-view-container .sub-container .icons-labels-container .row .icon-label span{font-family:"Material Symbols Outlined";font-size:24px;width:24px;height:auto;margin-right:8px}.trek-card-container .sub-container .icons-labels-container .row .practice img,.trek-card-large-view-container .sub-container .icons-labels-container .row .practice img{background-color:var(--color-primary-app)}.trek-card-container{width:350px}.trek-card-container .image{width:100%;max-height:200px}.trek-card-large-view-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.trek-card-large-view-container .image{width:250px}';const h=class{constructor(t){e(this,t);this.trekCardPress=i(this,"trekCardPress",7);this.currentTrek=undefined;this.difficulty=undefined;this.route=undefined;this.practice=undefined;this.themes=undefined;this.departureCity=undefined;this.trek=undefined;this.colorPrimaryApp="#6b0030";this.colorOnSurface="#49454e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorSurfaceContainerLow="#f7f2fa";this.isLargeView=false;this.resetStoreOnDisconnected=true}connectedCallback(){this.currentTrek=this.trek?this.trek:a.currentTrek;if(this.currentTrek){this.difficulty=a.difficulties.find((e=>e.id===this.currentTrek.difficulty));this.route=a.routes.find((e=>e.id===this.currentTrek.route));this.practice=a.practices.find((e=>e.id===this.currentTrek.practice));this.themes=a.themes.filter((e=>this.currentTrek.themes.includes(e.id)));this.departureCity=a.cities.find((e=>e.id===this.currentTrek.departure_city))}n("currentTrek",(()=>{this.currentTrek=this.trek?this.trek:a.currentTrek;if(this.currentTrek){this.difficulty=a.difficulties.find((e=>e.id===this.currentTrek.difficulty));this.route=a.routes.find((e=>e.id===this.currentTrek.route));this.practice=a.practices.find((e=>e.id===this.currentTrek.practice));this.themes=a.themes.filter((e=>this.currentTrek.themes.includes(e.id)));this.departureCity=a.cities.find((e=>e.id===this.currentTrek.departure_city))}}))}disconnectedCallback(){if(this.resetStoreOnDisconnected){o()}}render(){var e,i,a,n,o,d,h;return t(r,{style:{width:this.isLargeView?"100%":"auto","--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.currentTrek&&t("div",{class:this.isLargeView?"trek-card-large-view-container":"trek-card-container",onClick:()=>this.trekCardPress.emit(this.currentTrek.id)},this.currentTrek.attachments.filter((e=>e.type==="image")).length>0&&t("img",{class:"image",src:`${this.currentTrek.attachments.filter((e=>e.type==="image"))[0].thumbnail}`,loading:"lazy"}),t("div",{class:"sub-container"},this.departureCity&&t("div",{class:"departure"},this.departureCity.name),t("div",{class:"name"},(e=this.currentTrek)===null||e===void 0?void 0:e.name),t("div",{class:"themes-container"},this.themes.map((e=>t("div",{class:"theme"},e.label)))),t("div",{class:"icons-labels-container"},t("div",{class:"row"},t("div",{class:"icon-label difficulty"},((i=this.difficulty)===null||i===void 0?void 0:i.pictogram)&&t("img",{src:this.difficulty.pictogram}),(a=this.difficulty)===null||a===void 0?void 0:a.label),t("div",{class:"icon-label duration"},t("span",{class:"material-symbols-outlined"},"timelapse"),s(this.currentTrek.duration))),t("div",{class:"row"},t("div",{class:"icon-label length"},t("span",{class:"material-symbols-outlined"},"open_in_full"),c(this.currentTrek.length_2d)),t("div",{class:"icon-label ascent"},t("span",{class:"material-symbols-outlined"},"moving"),l(this.currentTrek.ascent))),t("div",{class:"row"},t("div",{class:"icon-label route"},((n=this.route)===null||n===void 0?void 0:n.pictogram)&&t("img",{src:this.route.pictogram}),(o=this.route)===null||o===void 0?void 0:o.route),t("div",{class:"icon-label practice"},((d=this.practice)===null||d===void 0?void 0:d.pictogram)&&t("img",{src:this.practice.pictogram}),(h=this.practice)===null||h===void 0?void 0:h.name))))))}};h.style=d;export{h as grw_trek_card};
2
+ //# sourceMappingURL=p-f3de5419.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["grwTrekCardCss","GrwTrekCard","connectedCallback","this","currentTrek","trek","state","difficulty","difficulties","find","id","route","routes","practice","practices","themes","filter","theme","includes","departureCity","cities","city","departure_city","onChange","disconnectedCallback","resetStoreOnDisconnected","reset","render","h","Host","style","width","isLargeView","colorPrimaryApp","colorOnSurface","colorSecondaryContainer","colorOnSecondaryContainer","colorSurfaceContainerLow","class","onClick","trekCardPress","emit","attachments","attachment","type","length","src","thumbnail","loading","name","_a","map","label","_b","pictogram","_c","formatDuration","duration","formatLength","length_2d","formatAscent","ascent","_d","_e","_f","_g"],"sources":["./src/components/grw-trek-card/grw-trek-card.scss?tag=grw-trek-card&encapsulation=shadow","./src/components/grw-trek-card/grw-trek-card.tsx"],"sourcesContent":[".material-symbols-outlined {\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n.trek-card-container,\n.trek-card-large-view-container {\n cursor: pointer;\n font-family: 'Roboto';\n border-radius: 12px;\n box-shadow: var(--elevation-1);\n background-color: var(--color-surface-container-low);\n .image {\n object-fit: cover;\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n }\n .sub-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 8px 16px;\n .name {\n color: var(--color-on-surface);\n font-size: 22px;\n line-height: 28px;\n font-weight: 400;\n margin-bottom: 8px;\n }\n .departure {\n color: var(--color-on-surface);\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 4px;\n }\n .themes-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n .theme {\n background-color: var(--color-secondary-container);\n color: var(--color-on-secondary-container);\n border-radius: 8px;\n padding: 8px 16px;\n margin: 0px 8px 8px 0px;\n box-shadow: var(--elevation-0);\n border: 1px solid var(--color-outline);\n height: 32px;\n gap: 8px;\n box-sizing: border-box;\n text-align: start;\n vertical-align: middle;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n }\n .icons-labels-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n color: var(--color-on-surface);\n font-size: 14px;\n line-height: 20px;\n font-weight: 500;\n .row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n .icon-label {\n &:nth-child(2) {\n margin: 0px 4px;\n }\n display: flex;\n align-items: center;\n width: 50%;\n img,\n span {\n font-family: 'Material Symbols Outlined';\n font-size: 24px;\n width: 24px;\n height: auto;\n margin-right: 8px;\n }\n }\n .practice {\n img {\n background-color: var(--color-primary-app);\n }\n }\n }\n }\n }\n}\n\n.trek-card-container {\n width: 350px;\n .image {\n width: 100%;\n max-height: 200px;\n }\n}\n\n.trek-card-large-view-container {\n display: flex;\n flex-direction: row;\n .image {\n width: 250px;\n }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport state, { onChange, reset } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\n\n@Component({\n tag: 'grw-trek-card',\n styleUrl: 'grw-trek-card.scss',\n shadow: true,\n})\nexport class GrwTrekCard {\n @Event() trekCardPress: EventEmitter<number>;\n @State() currentTrek: Trek;\n @State() difficulty: Difficulty;\n @State() route: Route;\n @State() practice: Practice;\n @State() themes: Themes;\n @State() departureCity: City;\n @Prop() trek: Trek;\n @Prop() colorPrimaryApp = '#6b0030';\n @Prop() colorOnSurface = '#49454e';\n @Prop() colorSecondaryContainer = '#e8def8';\n @Prop() colorOnSecondaryContainer = '#1d192b';\n @Prop() colorSurfaceContainerLow = '#f7f2fa';\n @Prop() isLargeView = false;\n @Prop() resetStoreOnDisconnected = true;\n\n connectedCallback() {\n this.currentTrek = this.trek ? this.trek : state.currentTrek;\n if (this.currentTrek) {\n this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n this.route = state.routes.find(route => route.id === this.currentTrek.route);\n this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n }\n onChange('currentTrek', () => {\n this.currentTrek = this.trek ? this.trek : state.currentTrek;\n if (this.currentTrek) {\n this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n this.route = state.routes.find(route => route.id === this.currentTrek.route);\n this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n }\n });\n }\n\n disconnectedCallback() {\n if (this.resetStoreOnDisconnected) {\n reset();\n }\n }\n\n render() {\n return (\n <Host\n style={{\n 'width': this.isLargeView ? '100%' : 'auto',\n '--color-primary-app': this.colorPrimaryApp,\n '--color-on-surface': this.colorOnSurface,\n '--color-secondary-container': this.colorSecondaryContainer,\n '--color-on-secondary-container': this.colorOnSecondaryContainer,\n '--color-surface-container-low': this.colorSurfaceContainerLow,\n }}\n >\n {this.currentTrek && (\n <div class={this.isLargeView ? 'trek-card-large-view-container' : 'trek-card-container'} onClick={() => this.trekCardPress.emit(this.currentTrek.id)}>\n {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (\n <img class=\"image\" src={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n )}\n <div class=\"sub-container\">\n {this.departureCity && <div class=\"departure\">{this.departureCity.name}</div>}\n <div class=\"name\">{this.currentTrek?.name}</div>\n <div class=\"themes-container\">\n {this.themes.map(theme => (\n <div class=\"theme\">{theme.label}</div>\n ))}\n </div>\n <div class=\"icons-labels-container\">\n <div class=\"row\">\n <div class=\"icon-label difficulty\">\n {this.difficulty?.pictogram && <img src={this.difficulty.pictogram} />}\n {this.difficulty?.label}\n </div>\n <div class=\"icon-label duration\">\n <span class=\"material-symbols-outlined\">timelapse</span>\n {formatDuration(this.currentTrek.duration)}\n </div>\n </div>\n <div class=\"row\">\n <div class=\"icon-label length\">\n <span class=\"material-symbols-outlined\">open_in_full</span>\n {formatLength(this.currentTrek.length_2d)}\n </div>\n <div class=\"icon-label ascent\">\n <span class=\"material-symbols-outlined\">moving</span>\n {formatAscent(this.currentTrek.ascent)}\n </div>\n </div>\n <div class=\"row\">\n <div class=\"icon-label route\">\n {this.route?.pictogram && <img src={this.route.pictogram} />}\n {this.route?.route}\n </div>\n <div class=\"icon-label practice\">\n {this.practice?.pictogram && <img src={this.practice.pictogram} />}\n {this.practice?.name}\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}