@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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geotrekce/geotrek-rando-widget",
3
- "version": "0.2.1",
3
+ "version": "0.2.2",
4
4
  "description": "Geotrek rando widget",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1,2 +0,0 @@
1
- import{r as i,e,h as t,H as r,i as a}from"./p-4f746b28.js";import{S as s,N as n,P as o,K as p}from"./p-a06aacd4.js";import{s as l}from"./p-58cf0dd0.js";const c='@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0");:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border:1px solid gray;border-radius:12px;background-color:var(--color-surface-container-low);color:var(--color-on-surface)}:host a{color:var(--color-primary-app)}.information-desk-img{position:relative}.information-desk-img img{width:100%;height:100%;max-height:200px;-o-object-fit:cover;object-fit:cover}.information-desk-sub-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:12px}.information-desk-name{font-size:16px;line-height:24px;font-weight:500}.information-desk-description{font-size:14px;line-height:20px}.information-desk-description-short{font-size:14px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.handle-information-desk-description{cursor:pointer;color:var(--color-primary-app);text-decoration:underline;margin-top:12px}.phone-container,.mail-container,.link-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.phone-container span,.mail-container span,.link-container span{font-size:16px;margin-right:8px}.center-on-map-button{cursor:pointer;background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:8px;padding:8px 16px;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);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;border:none;font-size:14px;margin:12px 0px}.center-on-map-button:hover{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.center-on-map-button span{font-size:18px}';const w=class{constructor(t){i(this,t);this.centerOnMap=e(this,"centerOnMap",7);this.displayShortDescription=true;this.informationDesk=undefined}handleInformationDeskDescription(){this.displayShortDescription=!this.displayShortDescription}handleCenterOnMap(){this.centerOnMap.emit({latitude:this.informationDesk.latitude,longitude:this.informationDesk.longitude})}render(){return t(r,null,this.informationDesk.photo_url&&t("div",{class:"information-desk-img"},t("img",{src:this.informationDesk.photo_url,loading:"lazy"})),t("div",{class:"information-desk-sub-container"},this.informationDesk.name&&t("div",{class:"information-desk-name"},this.informationDesk.name),this.informationDesk.latitude&&this.informationDesk.longitude&&t("button",{class:"center-on-map-button",onClick:()=>this.handleCenterOnMap()},t("span",{class:"material-symbols-outlined"},"location_searching"),"Centrer sur la carte"),(this.informationDesk.postal_code||this.informationDesk.municipality||this.informationDesk.street)&&t("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&&t("div",{class:"phone-container"},t("span",{class:"material-symbols-outlined"},"call"),t("a",{href:`tel:${this.informationDesk.phone}`},this.informationDesk.phone)),this.informationDesk.email&&t("div",{class:"mail-container"},t("span",{class:"material-symbols-outlined"},"mail"),t("a",{href:`mailto:${this.informationDesk.email}`},this.informationDesk.email)),this.informationDesk.website&&t("div",{class:"link-container"},t("span",{class:"material-symbols-outlined"},"link"),t("a",{href:`${this.informationDesk.website}`},this.informationDesk.website)),this.informationDesk.description&&t("div",{class:"information-desk-description-container"},t("div",{class:this.displayShortDescription?"information-desk-description-short":"information-desk-description",innerHTML:this.informationDesk.description}),t("div",{class:"handle-information-desk-description",onClick:()=>this.handleInformationDeskDescription()},this.displayShortDescription?"Lire plus":"Lire moins"))))}};w.style=c;const d='@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0");@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide,swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border:1px solid gray;border-radius:12px;background-color:var(--color-surface-container-low);color:var(--color-on-surface);--swiper-navigation-size:32px;--swiper-navigation-color:var(--color-primary-app);--swiper-pagination-bullet-size:12px}:host a{color:var(--color-primary-app)}.poi-type-img-container{position:relative}.poi-type-img-container .poi-img,.poi-type-img-container .default-poi-img{width:100%;height:100%;max-height:200px;-o-object-fit:cover;object-fit:cover}.poi-type-img-container .poi-img{cursor:pointer;-o-object-fit:cover;object-fit:cover}.poi-type-img-container .default-poi-img{background-color:var(--color-primary-container);-o-object-fit:contain;object-fit:contain}.poi-type-img-container .img-fullscreen{max-height:none;-o-object-fit:contain;object-fit:contain}.poi-type-img-container .poi-type{width:24px;height:24px;padding:4px;border:2px solid #ffffff;border-radius:50%;background-color:var(--color-on-surface);position:absolute;top:8px;left:8px;z-index:200}.poi-sub-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:12px}.poi-name{font-size:16px;line-height:24px}.poi-description{font-size:14px;line-height:20px}.poi-description-short{font-size:14px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.handle-poi-description{cursor:pointer;color:var(--color-primary-app);text-decoration:underline;margin-top:12px}';const g=class{constructor(e){i(this,e);this.poi=undefined;this.displayShortDescription=true;this.displayFullscreen=false}componentDidLoad(){this.swiperPoi=new s(this.swiperPoiRef,{modules:[n,o,p],navigation:{prevEl:this.prevElPoiRef,nextEl:this.nextElPoiRef},pagination:{el:this.paginationElPoiRef},allowTouchMove:false,keyboard:false});this.swiperPoiRef.onfullscreenchange=()=>{this.displayFullscreen=!this.displayFullscreen;if(this.displayFullscreen){this.swiperPoi.keyboard.enable()}else{this.swiperPoi.keyboard.disable()}}}handlePoiDescription(){this.displayShortDescription=!this.displayShortDescription}handleFullscreen(){if(this.poi.attachments&&this.poi.attachments[0]&&this.poi.attachments[0].url){this.swiperPoiRef.requestFullscreen()}}render(){var i;const e=a(`${""}assets/default-image.svg`);return t(r,null,t("div",{class:"poi-type-img-container"},t("img",{class:"poi-type",src:`${(i=l.poiTypes.find((i=>i.id===this.poi.type)))===null||i===void 0?void 0:i.pictogram}`}),t("div",{class:"swiper",ref:i=>this.swiperPoiRef=i},t("div",{class:"swiper-wrapper"},this.poi.attachments.length>0?this.poi.attachments.filter((i=>i.type==="image")).map((i=>t("div",{class:"swiper-slide"},t("img",{class:`poi-img${this.displayFullscreen?" img-fullscreen":""}`,src:this.displayFullscreen?i.url:i.thumbnail,loading:"lazy",onClick:()=>this.handleFullscreen()})))):t("div",{class:"swiper-slide"},t("img",{class:"default-poi-img",src:e,loading:"lazy"}))),t("div",{class:"swiper-pagination",ref:i=>this.paginationElPoiRef=i}),t("div",{class:"swiper-button-prev",ref:i=>this.prevElPoiRef=i}),t("div",{class:"swiper-button-next",ref:i=>this.nextElPoiRef=i}))),t("div",{class:"poi-sub-container"},t("div",{class:"poi-name"},this.poi.name),t("div",{class:this.displayShortDescription?"poi-description-short":"poi-description",innerHTML:this.poi.description}),t("div",{class:"handle-poi-description",onClick:()=>this.handlePoiDescription()},this.displayShortDescription?"Lire plus":"Lire moins")))}};g.style=d;const m='@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0");:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--color-on-surface)}:host a{color:var(--color-primary-app)}.sensitive-area-title{font-size:22px;line-height:28px;padding:12px 0px;font-weight:400}.sensitive-area-description{font-size:16px;line-height:24px}.sensitive-area-period-container .sensitive-area-period-title,.sensitive-area-period-container .sensitive-area-practice-title,.sensitive-area-period-container .sensitive-area-contact-title,.sensitive-area-practice-container .sensitive-area-period-title,.sensitive-area-practice-container .sensitive-area-practice-title,.sensitive-area-practice-container .sensitive-area-contact-title,.sensitive-area-contact-container .sensitive-area-period-title,.sensitive-area-contact-container .sensitive-area-practice-title,.sensitive-area-contact-container .sensitive-area-contact-title{font-size:16px;line-height:24px;padding:12px 0px}.sensitive-area-period-container .sensitive-area-period-values,.sensitive-area-period-container .sensitive-area-practice-values,.sensitive-area-practice-container .sensitive-area-period-values,.sensitive-area-practice-container .sensitive-area-practice-values,.sensitive-area-contact-container .sensitive-area-period-values,.sensitive-area-contact-container .sensitive-area-practice-values{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}';const b=class{constructor(e){i(this,e);this.sensitiveArea=undefined}render(){return t(r,null,t("div",{class:"sensitive-area-title"},this.sensitiveArea.name),t("div",{class:"sensitive-area-description",innerHTML:this.sensitiveArea.description}),this.sensitiveArea.practices&&this.sensitiveArea.practices.length>0&&t("div",{class:"sensitive-area-practice-container"},t("div",{class:"sensitive-area-practice-title"},"Domaines d'activités concernés :"),t("div",{class:"sensitive-area-practice-values"},this.sensitiveArea.practices.map(((i,e)=>{const r=l.practices.find((e=>e.id===i));if(r){return t("div",{innerHTML:`${r.name.toUpperCase()}${e+1!==this.sensitiveArea.practices.length?" - ":""}`})}})))),this.sensitiveArea.period&&this.sensitiveArea.period.length>0&&t("div",{class:"sensitive-area-period-container"},t("div",{class:"sensitive-area-period-title"},"Périodes de sensibilité"),t("div",{class:"sensitive-area-period-values"},this.sensitiveArea.period.map(((i,e)=>{if(i){return t("div",{innerHTML:`${new Date(0,e+1,0).toLocaleDateString("fr",{month:"long"}).toUpperCase()}${this.sensitiveArea.period.slice(e+1).find((i=>i))?" - ":""}`})}})))),t("div",{class:"sensitive-area-contact-container"},t("div",{class:"sensitive-area-contact-title"},"Contact"),t("div",{innerHTML:this.sensitiveArea.contact,class:"sensitive-area-contact-value"})))}};b.style=m;export{w as grw_information_desk_detail,g as grw_poi_detail,b as grw_sensitive_area_detail};
2
- //# sourceMappingURL=p-12132148.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["grwInformationDeskDetailCss","GrwInformationDeskDetail","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","h","Host","photo_url","class","src","loading","name","onClick","postal_code","municipality","street","phone","href","email","website","description","innerHTML","grwPoiDetailCss","GrwPoiDetail","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","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":["@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0');\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-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-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@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0');\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","@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0');\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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"}