@geotrekce/geotrek-rando-widget 0.3.5 → 0.3.6

package/dist/esm-es5/grw-information-desk_5.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,i as getAssetPath}from"./index-82644551.js";import{S as Swiper,N as Navigation,P as Pagination,K as Keyboard}from"./pagination-24051620.js";import{s as state,o as onChange,r as reset}from"./store-6101ed72.js";import{a as formatDuration,b as formatLength,c as formatAscent}from"./utils-83029b76.js";var grwInformationDeskCss='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}: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}';var GrwInformationDeskDetail=function(){function i(i){registerInstance(this,i);this.centerOnMap=createEvent(this,"centerOnMap",7);this.displayShortDescription=true;this.informationDesk=undefined}i.prototype.handleInformationDeskDescription=function(){this.displayShortDescription=!this.displayShortDescription};i.prototype.handleCenterOnMap=function(){this.centerOnMap.emit({latitude:this.informationDesk.latitude,longitude:this.informationDesk.longitude})};i.prototype.render=function(){var i=this;return h(Host,null,this.informationDesk.photo_url&&h("div",{class:"information-desk-img"},h("img",{src:this.informationDesk.photo_url,loading:"lazy"})),h("div",{class:"information-desk-sub-container"},this.informationDesk.name&&h("div",{class:"information-desk-name"},this.informationDesk.name),this.informationDesk.latitude&&this.informationDesk.longitude&&h("button",{class:"center-on-map-button",onClick:function(){return i.handleCenterOnMap()}},h("span",{class:"material-symbols material-symbols-outlined"},"location_searching"),"Centrer sur la carte"),(this.informationDesk.postal_code||this.informationDesk.municipality||this.informationDesk.street)&&h("div",null,this.informationDesk.postal_code&&this.informationDesk.postal_code,this.informationDesk.municipality&&" ".concat(this.informationDesk.municipality),this.informationDesk.street&&" ".concat(this.informationDesk.street)),this.informationDesk.phone&&h("div",{class:"phone-container"},h("span",{class:"material-symbols material-symbols-outlined"},"call"),h("a",{href:"tel:".concat(this.informationDesk.phone)},this.informationDesk.phone)),this.informationDesk.email&&h("div",{class:"mail-container"},h("span",{class:"material-symbols material-symbols-outlined"},"mail"),h("a",{href:"mailto:".concat(this.informationDesk.email)},this.informationDesk.email)),this.informationDesk.website&&h("div",{class:"link-container"},h("span",{class:"material-symbols material-symbols-outlined"},"link"),h("a",{href:"".concat(this.informationDesk.website)},this.informationDesk.website)),this.informationDesk.description&&h("div",{class:"information-desk-description-container"},h("div",{class:this.displayShortDescription?"information-desk-description-short":"information-desk-description",innerHTML:this.informationDesk.description}),h("div",{class:"handle-information-desk-description",onClick:function(){return i.handleInformationDeskDescription()}},this.displayShortDescription?"Lire plus":"Lire moins"))))};return i}();GrwInformationDeskDetail.style=grwInformationDeskCss;var grwPoiCss='@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}.swiper{z-index:0}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}: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:24px;--swiper-navigation-color:var(--color-on-primary-container);--swiper-pagination-color:var(--color-primary-container);--swiper-pagination-bullet-size:12px}:host a{color:var(--color-primary-app)}:host .swiper-button-prev,:host .swiper-button-next{background-color:var(--color-primary-container);padding:4px;width:32px;height:32px;border-radius:32px;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}:host .swiper-button-prev:hover,:host .swiper-button-next:hover{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.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}';var GrwPoiDetail=function(){function i(i){registerInstance(this,i);this.poi=undefined;this.displayShortDescription=true;this.displayFullscreen=false}i.prototype.componentDidLoad=function(){var i=this;this.swiperPoi=new Swiper(this.swiperPoiRef,{modules:[Navigation,Pagination,Keyboard],navigation:{prevEl:this.prevElPoiRef,nextEl:this.nextElPoiRef},pagination:{el:this.paginationElPoiRef},allowTouchMove:false,keyboard:false});this.swiperPoiRef.onfullscreenchange=function(){i.displayFullscreen=!i.displayFullscreen;if(i.displayFullscreen){i.swiperPoi.keyboard.enable()}else{i.swiperPoi.keyboard.disable()}}};i.prototype.handlePoiDescription=function(){this.displayShortDescription=!this.displayShortDescription};i.prototype.handleFullscreen=function(){if(this.poi.attachments&&this.poi.attachments[0]&&this.poi.attachments[0].url){this.swiperPoiRef.requestFullscreen()}};i.prototype.render=function(){var i=this;var e;var t=getAssetPath("".concat("","assets/default-image.svg"));return h(Host,null,h("div",{class:"poi-type-img-container"},h("img",{class:"poi-type",src:"".concat((e=state.poiTypes.find((function(e){return e.id===i.poi.type})))===null||e===void 0?void 0:e.pictogram)}),h("div",{class:"swiper",ref:function(e){return i.swiperPoiRef=e}},h("div",{class:"swiper-wrapper"},this.poi.attachments.length>0?this.poi.attachments.filter((function(i){return i.type==="image"})).map((function(e){return h("div",{class:"swiper-slide"},h("img",{class:"poi-img".concat(i.displayFullscreen?" img-fullscreen":""),src:i.displayFullscreen?e.url:e.thumbnail,loading:"lazy",onClick:function(){return i.handleFullscreen()}}))})):h("div",{class:"swiper-slide"},h("img",{class:"default-poi-img",src:t,loading:"lazy"}))),h("div",{class:"swiper-pagination",ref:function(e){return i.paginationElPoiRef=e}}),h("div",{class:"swiper-button-prev",ref:function(e){return i.prevElPoiRef=e}}),h("div",{class:"swiper-button-next",ref:function(e){return i.nextElPoiRef=e}}))),h("div",{class:"poi-sub-container"},h("div",{class:"poi-name"},this.poi.name),h("div",{class:this.displayShortDescription?"poi-description-short":"poi-description",innerHTML:this.poi.description}),h("div",{class:"handle-poi-description",onClick:function(){return i.handlePoiDescription()}},this.displayShortDescription?"Lire plus":"Lire moins")))};return i}();GrwPoiDetail.style=grwPoiCss;var grwSensitiveAreaDetailCss=":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}";var GrwSensitiveAreaDetail=function(){function i(i){registerInstance(this,i);this.sensitiveArea=undefined}i.prototype.render=function(){var i=this;return h(Host,null,h("div",{class:"sensitive-area-title"},this.sensitiveArea.name),h("div",{class:"sensitive-area-description",innerHTML:this.sensitiveArea.description}),this.sensitiveArea.practices&&this.sensitiveArea.practices.length>0&&h("div",{class:"sensitive-area-practice-container"},h("div",{class:"sensitive-area-practice-title"},"Domaines d'activités concernés :"),h("div",{class:"sensitive-area-practice-values"},this.sensitiveArea.practices.map((function(e,t){var r=state.practices.find((function(i){return i.id===e}));if(r){return h("div",{innerHTML:"".concat(r.name.toUpperCase()).concat(t+1!==i.sensitiveArea.practices.length?" - ":"")})}})))),this.sensitiveArea.period&&this.sensitiveArea.period.length>0&&h("div",{class:"sensitive-area-period-container"},h("div",{class:"sensitive-area-period-title"},"Périodes de sensibilité"),h("div",{class:"sensitive-area-period-values"},this.sensitiveArea.period.map((function(e,t){if(e){return h("div",{innerHTML:"".concat(new Date(0,t+1,0).toLocaleDateString("fr",{month:"long"}).toUpperCase()).concat(i.sensitiveArea.period.slice(t+1).find((function(i){return i}))?" - ":"")})}})))),h("div",{class:"sensitive-area-contact-container"},h("div",{class:"sensitive-area-contact-title"},"Contact"),h("div",{innerHTML:this.sensitiveArea.contact,class:"sensitive-area-contact-value"})))};return i}();GrwSensitiveAreaDetail.style=grwSensitiveAreaDetailCss;var grwTouristicContentCss='@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}.swiper{z-index:0}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}: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:24px;--swiper-navigation-color:var(--color-on-primary-container);--swiper-pagination-color:var(--color-primary-container);--swiper-pagination-bullet-size:12px}:host a{color:var(--color-primary-app)}:host .swiper-button-prev,:host .swiper-button-next{background-color:var(--color-primary-container);padding:4px;width:32px;height:32px;border-radius:32px;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}:host .swiper-button-prev:hover,:host .swiper-button-next:hover{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.touristic-content-type-img-container{position:relative}.touristic-content-type-img-container .touristic-content-img,.touristic-content-type-img-container .default-touristic-content-img{width:100%;height:100%;max-height:200px;-o-object-fit:cover;object-fit:cover}.touristic-content-type-img-container .touristic-content-img{cursor:pointer;-o-object-fit:cover;object-fit:cover}.touristic-content-type-img-container .default-touristic-content-img{background-color:var(--color-primary-container);-o-object-fit:contain;object-fit:contain}.touristic-content-type-img-container .img-fullscreen{max-height:none;-o-object-fit:contain;object-fit:contain}.touristic-content-type-img-container .touristic-content-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}.touristic-content-sub-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:12px}.touristic-content-sub-container .touristic-content-category-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:12px}.touristic-content-sub-container .touristic-content-category-container .touristic-content-category-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.touristic-content-sub-container .touristic-content-category-container img{font-size:24px;width:24px;height:24px;margin-right:8px;background-color:var(--color-primary-app)}.touristic-content-sub-container .touristic-content-name{font-size:16px;line-height:24px}';var GrwTouristicContent=function(){function i(i){registerInstance(this,i);this.touristicContent=undefined;this.displayFullscreen=false}i.prototype.componentDidLoad=function(){var i=this;this.swiperTouristicContent=new Swiper(this.swiperTouristicContentRef,{modules:[Navigation,Pagination,Keyboard],navigation:{prevEl:this.prevElTouristicContentRef,nextEl:this.nextElTouristicContentRef},pagination:{el:this.paginationElTouristicContentRef},allowTouchMove:false,keyboard:false});this.swiperTouristicContentRef.onfullscreenchange=function(){i.displayFullscreen=!i.displayFullscreen;if(i.displayFullscreen){i.swiperTouristicContent.keyboard.enable()}else{i.swiperTouristicContent.keyboard.disable()}}};i.prototype.handleFullscreen=function(){if(this.touristicContent.attachments&&this.touristicContent.attachments[0]&&this.touristicContent.attachments[0].url){this.swiperTouristicContentRef.requestFullscreen()}};i.prototype.render=function(){var i=this;var e=getAssetPath("".concat("","assets/default-image.svg"));var t=state.touristicContentCategories.find((function(e){return e.id===i.touristicContent.category}));return h(Host,null,h("div",{class:"touristic-content-type-img-container"},h("div",{class:"swiper",ref:function(e){return i.swiperTouristicContentRef=e}},h("div",{class:"swiper-wrapper"},this.touristicContent.attachments.length>0?this.touristicContent.attachments.filter((function(i){return i.type==="image"})).map((function(e){return h("div",{class:"swiper-slide"},h("img",{class:"touristic-content-img".concat(i.displayFullscreen?" img-fullscreen":""),src:i.displayFullscreen?e.url:e.thumbnail,loading:"lazy",onClick:function(){return i.handleFullscreen()}}))})):h("div",{class:"swiper-slide"},h("img",{class:"default-touristic-content-img",src:e,loading:"lazy"}))),h("div",{class:"swiper-pagination",ref:function(e){return i.paginationElTouristicContentRef=e}}),h("div",{class:"swiper-button-prev",ref:function(e){return i.prevElTouristicContentRef=e}}),h("div",{class:"swiper-button-next",ref:function(e){return i.nextElTouristicContentRef=e}}))),h("div",{class:"touristic-content-sub-container"},h("div",{class:"touristic-content-category-container"},h("img",{src:t.pictogram}),h("div",{class:"touristic-content-category-name"},t.label)),h("div",{class:"touristic-content-name"},this.touristicContent.name)))};return i}();GrwTouristicContent.style=grwTouristicContentCss;var grwTrekCardCss='.material-symbols{font-family:"Material Symbols Outlined"}.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;text-wrap:nowrap}.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-size:24px;width:24px;height:24px;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)}.selected-trek-card{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.trek-card-container{width:100%;max-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}.trek-step-card{width:auto}';var GrwTrekCard=function(){function i(i){registerInstance(this,i);this.trekCardPress=createEvent(this,"trekCardPress",7);this.cardTrekMouseOver=createEvent(this,"cardTrekMouseOver",7);this.cardTrekMouseLeave=createEvent(this,"cardTrekMouseLeave",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;this.isStep=undefined}i.prototype.connectedCallback=function(){var i=this;this.currentTrek=this.trek?this.trek:state.currentTrek;if(this.currentTrek){this.difficulty=state.difficulties.find((function(e){return e.id===i.currentTrek.difficulty}));this.route=state.routes.find((function(e){return e.id===i.currentTrek.route}));this.practice=state.practices.find((function(e){return e.id===i.currentTrek.practice}));this.themes=state.themes.filter((function(e){return i.currentTrek.themes.includes(e.id)}));this.departureCity=state.cities.find((function(e){return e.id===i.currentTrek.departure_city}))}onChange("currentTrek",(function(){i.currentTrek=i.trek?i.trek:state.currentTrek;if(i.currentTrek){i.difficulty=state.difficulties.find((function(e){return e.id===i.currentTrek.difficulty}));i.route=state.routes.find((function(e){return e.id===i.currentTrek.route}));i.practice=state.practices.find((function(e){return e.id===i.currentTrek.practice}));i.themes=state.themes.filter((function(e){return i.currentTrek.themes.includes(e.id)}));i.departureCity=state.cities.find((function(e){return e.id===i.currentTrek.departure_city}))}}))};i.prototype.disconnectedCallback=function(){if(this.resetStoreOnDisconnected){reset()}};i.prototype.handleMouseOver=function(){this.cardTrekMouseOver.emit(this.currentTrek.id)};i.prototype.handleMouseLeave=function(){this.cardTrekMouseLeave.emit()};i.prototype.render=function(){var i=this;var e,t,r,n,a,o,s;return h(Host,{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&&h("div",{class:this.isStep?"trek-card-container trek-step-card".concat(state.selectedStepId===this.currentTrek.id?" selected-trek-card":""):this.isLargeView?"trek-card-large-view-container".concat(state.selectedTrekId===this.currentTrek.id?" selected-trek-card":""):"trek-card-container".concat(state.selectedTrekId===this.currentTrek.id?" selected-trek-card":""),onClick:function(){return i.trekCardPress.emit(i.currentTrek.id)}},this.currentTrek.attachments.filter((function(i){return i.type==="image"})).length>0&&h("img",{class:"image",src:"".concat(this.currentTrek.attachments.filter((function(i){return i.type==="image"}))[0].thumbnail),loading:"lazy"}),h("div",{class:"sub-container"},this.departureCity&&h("div",{class:"departure"},this.departureCity.name),h("div",{class:"name"},(e=this.currentTrek)===null||e===void 0?void 0:e.name),!this.isStep&&h("div",{class:"themes-container"},this.themes.map((function(i){return h("div",{class:"theme"},i.label)}))),h("div",{class:"icons-labels-container"},h("div",{class:"row"},h("div",{class:"icon-label difficulty"},((t=this.difficulty)===null||t===void 0?void 0:t.pictogram)&&h("img",{src:this.difficulty.pictogram}),(r=this.difficulty)===null||r===void 0?void 0:r.label),h("div",{class:"icon-label duration"},h("span",{class:"material-symbols material-symbols-outlined"},"timelapse"),formatDuration(this.currentTrek.duration))),h("div",{class:"row"},h("div",{class:"icon-label length"},h("span",{class:"material-symbols material-symbols-outlined"},"open_in_full"),formatLength(this.currentTrek.length_2d)),h("div",{class:"icon-label ascent"},h("span",{class:"material-symbols material-symbols-outlined"},"moving"),formatAscent(this.currentTrek.ascent))),!this.isStep&&h("div",{class:"row"},h("div",{class:"icon-label route"},((n=this.route)===null||n===void 0?void 0:n.pictogram)&&h("img",{src:this.route.pictogram}),(a=this.route)===null||a===void 0?void 0:a.route),h("div",{class:"icon-label practice"},((o=this.practice)===null||o===void 0?void 0:o.pictogram)&&h("img",{src:this.practice.pictogram}),(s=this.practice)===null||s===void 0?void 0:s.name))))))};return i}();GrwTrekCard.style=grwTrekCardCss;export{GrwInformationDeskDetail as grw_information_desk,GrwPoiDetail as grw_poi,GrwSensitiveAreaDetail as grw_sensitive_area_detail,GrwTouristicContent as grw_touristic_content,GrwTrekCard as grw_trek_card};
+import{r as registerInstance,e as createEvent,h,H as Host,i as getAssetPath}from"./index-3bfebaa2.js";import{S as Swiper,N as Navigation,P as Pagination,K as Keyboard}from"./pagination-24051620.js";import{s as state,o as onChange,r as reset}from"./store-890ce35c.js";import{a as formatDuration,b as formatLength,c as formatAscent}from"./utils-ffae4b0b.js";var grwInformationDeskCss='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}: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}';var GrwInformationDeskDetail=function(){function i(i){registerInstance(this,i);this.centerOnMap=createEvent(this,"centerOnMap",7);this.displayShortDescription=true;this.informationDesk=undefined}i.prototype.handleInformationDeskDescription=function(){this.displayShortDescription=!this.displayShortDescription};i.prototype.handleCenterOnMap=function(){this.centerOnMap.emit({latitude:this.informationDesk.latitude,longitude:this.informationDesk.longitude})};i.prototype.render=function(){var i=this;return h(Host,null,this.informationDesk.photo_url&&h("div",{class:"information-desk-img"},h("img",{src:this.informationDesk.photo_url,loading:"lazy"})),h("div",{class:"information-desk-sub-container"},this.informationDesk.name&&h("div",{class:"information-desk-name"},this.informationDesk.name),this.informationDesk.latitude&&this.informationDesk.longitude&&h("button",{class:"center-on-map-button",onClick:function(){return i.handleCenterOnMap()}},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"location_searching"),"Centrer sur la carte"),(this.informationDesk.postal_code||this.informationDesk.municipality||this.informationDesk.street)&&h("div",null,this.informationDesk.postal_code&&this.informationDesk.postal_code,this.informationDesk.municipality&&" ".concat(this.informationDesk.municipality),this.informationDesk.street&&" ".concat(this.informationDesk.street)),this.informationDesk.phone&&h("div",{class:"phone-container"},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"call"),h("a",{href:"tel:".concat(this.informationDesk.phone)},this.informationDesk.phone)),this.informationDesk.email&&h("div",{class:"mail-container"},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"mail"),h("a",{href:"mailto:".concat(this.informationDesk.email)},this.informationDesk.email)),this.informationDesk.website&&h("div",{class:"link-container"},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"link"),h("a",{href:"".concat(this.informationDesk.website)},this.informationDesk.website)),this.informationDesk.description&&h("div",{class:"information-desk-description-container"},h("div",{class:this.displayShortDescription?"information-desk-description-short":"information-desk-description",innerHTML:this.informationDesk.description}),h("div",{class:"handle-information-desk-description",onClick:function(){return i.handleInformationDeskDescription()}},this.displayShortDescription?"Lire plus":"Lire moins"))))};return i}();GrwInformationDeskDetail.style=grwInformationDeskCss;var grwPoiCss='@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}.swiper{z-index:0}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}: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:24px;--swiper-navigation-color:var(--color-on-primary-container);--swiper-pagination-color:var(--color-primary-container);--swiper-pagination-bullet-size:12px}:host a{color:var(--color-primary-app)}:host .swiper-button-prev,:host .swiper-button-next{background-color:var(--color-primary-container);padding:4px;width:32px;height:32px;border-radius:32px;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}:host .swiper-button-prev:hover,:host .swiper-button-next:hover{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.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}';var GrwPoiDetail=function(){function i(i){registerInstance(this,i);this.poi=undefined;this.displayShortDescription=true;this.displayFullscreen=false}i.prototype.componentDidLoad=function(){var i=this;this.swiperPoi=new Swiper(this.swiperPoiRef,{modules:[Navigation,Pagination,Keyboard],navigation:{prevEl:this.prevElPoiRef,nextEl:this.nextElPoiRef},pagination:{el:this.paginationElPoiRef},allowTouchMove:false,keyboard:false});this.swiperPoiRef.onfullscreenchange=function(){i.displayFullscreen=!i.displayFullscreen;if(i.displayFullscreen){i.swiperPoi.keyboard.enable()}else{i.swiperPoi.keyboard.disable()}}};i.prototype.handlePoiDescription=function(){this.displayShortDescription=!this.displayShortDescription};i.prototype.handleFullscreen=function(){if(this.poi.attachments&&this.poi.attachments[0]&&this.poi.attachments[0].url){this.swiperPoiRef.requestFullscreen()}};i.prototype.render=function(){var i=this;var e;var t=getAssetPath("".concat("","assets/default-image.svg"));return h(Host,null,h("div",{class:"poi-type-img-container"},h("img",{class:"poi-type",src:"".concat((e=state.poiTypes.find((function(e){return e.id===i.poi.type})))===null||e===void 0?void 0:e.pictogram)}),h("div",{class:"swiper",ref:function(e){return i.swiperPoiRef=e}},h("div",{class:"swiper-wrapper"},this.poi.attachments.length>0?this.poi.attachments.filter((function(i){return i.type==="image"})).map((function(e){return h("div",{class:"swiper-slide"},h("img",{class:"poi-img".concat(i.displayFullscreen?" img-fullscreen":""),src:i.displayFullscreen?e.url:e.thumbnail,loading:"lazy",onClick:function(){return i.handleFullscreen()}}))})):h("div",{class:"swiper-slide"},h("img",{class:"default-poi-img",src:t,loading:"lazy"}))),h("div",{class:"swiper-pagination",ref:function(e){return i.paginationElPoiRef=e}}),h("div",{class:"swiper-button-prev",ref:function(e){return i.prevElPoiRef=e}}),h("div",{class:"swiper-button-next",ref:function(e){return i.nextElPoiRef=e}}))),h("div",{class:"poi-sub-container"},h("div",{class:"poi-name"},this.poi.name),h("div",{class:this.displayShortDescription?"poi-description-short":"poi-description",innerHTML:this.poi.description}),h("div",{class:"handle-poi-description",onClick:function(){return i.handlePoiDescription()}},this.displayShortDescription?"Lire plus":"Lire moins")))};return i}();GrwPoiDetail.style=grwPoiCss;var grwSensitiveAreaDetailCss=":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}";var GrwSensitiveAreaDetail=function(){function i(i){registerInstance(this,i);this.sensitiveArea=undefined}i.prototype.render=function(){var i=this;return h(Host,null,h("div",{class:"sensitive-area-title"},this.sensitiveArea.name),h("div",{class:"sensitive-area-description",innerHTML:this.sensitiveArea.description}),this.sensitiveArea.practices&&this.sensitiveArea.practices.length>0&&h("div",{class:"sensitive-area-practice-container"},h("div",{class:"sensitive-area-practice-title"},"Domaines d'activités concernés :"),h("div",{class:"sensitive-area-practice-values"},this.sensitiveArea.practices.map((function(e,t){var r=state.practices.find((function(i){return i.id===e}));if(r){return h("div",{innerHTML:"".concat(r.name.toUpperCase()).concat(t+1!==i.sensitiveArea.practices.length?" - ":"")})}})))),this.sensitiveArea.period&&this.sensitiveArea.period.length>0&&h("div",{class:"sensitive-area-period-container"},h("div",{class:"sensitive-area-period-title"},"Périodes de sensibilité"),h("div",{class:"sensitive-area-period-values"},this.sensitiveArea.period.map((function(e,t){if(e){return h("div",{innerHTML:"".concat(new Date(0,t+1,0).toLocaleDateString("fr",{month:"long"}).toUpperCase()).concat(i.sensitiveArea.period.slice(t+1).find((function(i){return i}))?" - ":"")})}})))),h("div",{class:"sensitive-area-contact-container"},h("div",{class:"sensitive-area-contact-title"},"Contact"),h("div",{innerHTML:this.sensitiveArea.contact,class:"sensitive-area-contact-value"})))};return i}();GrwSensitiveAreaDetail.style=grwSensitiveAreaDetailCss;var grwTouristicContentCss='@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}.swiper{z-index:0}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}: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:24px;--swiper-navigation-color:var(--color-on-primary-container);--swiper-pagination-color:var(--color-primary-container);--swiper-pagination-bullet-size:12px}:host a{color:var(--color-primary-app)}:host .swiper-button-prev,:host .swiper-button-next{background-color:var(--color-primary-container);padding:4px;width:32px;height:32px;border-radius:32px;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}:host .swiper-button-prev:hover,:host .swiper-button-next:hover{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.touristic-content-type-img-container{position:relative}.touristic-content-type-img-container .touristic-content-img,.touristic-content-type-img-container .default-touristic-content-img{width:100%;height:100%;max-height:200px;-o-object-fit:cover;object-fit:cover}.touristic-content-type-img-container .touristic-content-img{cursor:pointer;-o-object-fit:cover;object-fit:cover}.touristic-content-type-img-container .default-touristic-content-img{background-color:var(--color-primary-container);-o-object-fit:contain;object-fit:contain}.touristic-content-type-img-container .img-fullscreen{max-height:none;-o-object-fit:contain;object-fit:contain}.touristic-content-type-img-container .touristic-content-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}.touristic-content-sub-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:12px}.touristic-content-sub-container .touristic-content-category-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:12px}.touristic-content-sub-container .touristic-content-category-container .touristic-content-category-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.touristic-content-sub-container .touristic-content-category-container img{font-size:24px;width:24px;height:24px;margin-right:8px;background-color:var(--color-primary-app)}.touristic-content-sub-container .touristic-content-name{font-size:16px;line-height:24px}';var GrwTouristicContent=function(){function i(i){registerInstance(this,i);this.touristicContent=undefined;this.displayFullscreen=false}i.prototype.componentDidLoad=function(){var i=this;this.swiperTouristicContent=new Swiper(this.swiperTouristicContentRef,{modules:[Navigation,Pagination,Keyboard],navigation:{prevEl:this.prevElTouristicContentRef,nextEl:this.nextElTouristicContentRef},pagination:{el:this.paginationElTouristicContentRef},allowTouchMove:false,keyboard:false});this.swiperTouristicContentRef.onfullscreenchange=function(){i.displayFullscreen=!i.displayFullscreen;if(i.displayFullscreen){i.swiperTouristicContent.keyboard.enable()}else{i.swiperTouristicContent.keyboard.disable()}}};i.prototype.handleFullscreen=function(){if(this.touristicContent.attachments&&this.touristicContent.attachments[0]&&this.touristicContent.attachments[0].url){this.swiperTouristicContentRef.requestFullscreen()}};i.prototype.render=function(){var i=this;var e=getAssetPath("".concat("","assets/default-image.svg"));var t=state.touristicContentCategories.find((function(e){return e.id===i.touristicContent.category}));return h(Host,null,h("div",{class:"touristic-content-type-img-container"},h("div",{class:"swiper",ref:function(e){return i.swiperTouristicContentRef=e}},h("div",{class:"swiper-wrapper"},this.touristicContent.attachments.length>0?this.touristicContent.attachments.filter((function(i){return i.type==="image"})).map((function(e){return h("div",{class:"swiper-slide"},h("img",{class:"touristic-content-img".concat(i.displayFullscreen?" img-fullscreen":""),src:i.displayFullscreen?e.url:e.thumbnail,loading:"lazy",onClick:function(){return i.handleFullscreen()}}))})):h("div",{class:"swiper-slide"},h("img",{class:"default-touristic-content-img",src:e,loading:"lazy"}))),h("div",{class:"swiper-pagination",ref:function(e){return i.paginationElTouristicContentRef=e}}),h("div",{class:"swiper-button-prev",ref:function(e){return i.prevElTouristicContentRef=e}}),h("div",{class:"swiper-button-next",ref:function(e){return i.nextElTouristicContentRef=e}}))),h("div",{class:"touristic-content-sub-container"},h("div",{class:"touristic-content-category-container"},h("img",{src:t.pictogram}),h("div",{class:"touristic-content-category-name"},t.label)),h("div",{class:"touristic-content-name"},this.touristicContent.name)))};return i}();GrwTouristicContent.style=grwTouristicContentCss;var grwTrekCardCss='.material-symbols{font-family:"Material Symbols Outlined"}.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;text-wrap:nowrap}.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-size:24px;width:24px;height:24px;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)}.selected-trek-card{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.trek-card-container{width:100%;max-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}.trek-step-card{width:auto}';var GrwTrekCard=function(){function i(i){registerInstance(this,i);this.trekCardPress=createEvent(this,"trekCardPress",7);this.cardTrekMouseOver=createEvent(this,"cardTrekMouseOver",7);this.cardTrekMouseLeave=createEvent(this,"cardTrekMouseLeave",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;this.isStep=undefined}i.prototype.connectedCallback=function(){var i=this;this.currentTrek=this.trek?this.trek:state.currentTrek;if(this.currentTrek){this.difficulty=state.difficulties.find((function(e){return e.id===i.currentTrek.difficulty}));this.route=state.routes.find((function(e){return e.id===i.currentTrek.route}));this.practice=state.practices.find((function(e){return e.id===i.currentTrek.practice}));this.themes=state.themes.filter((function(e){return i.currentTrek.themes.includes(e.id)}));this.departureCity=state.cities.find((function(e){return e.id===i.currentTrek.departure_city}))}onChange("currentTrek",(function(){i.currentTrek=i.trek?i.trek:state.currentTrek;if(i.currentTrek){i.difficulty=state.difficulties.find((function(e){return e.id===i.currentTrek.difficulty}));i.route=state.routes.find((function(e){return e.id===i.currentTrek.route}));i.practice=state.practices.find((function(e){return e.id===i.currentTrek.practice}));i.themes=state.themes.filter((function(e){return i.currentTrek.themes.includes(e.id)}));i.departureCity=state.cities.find((function(e){return e.id===i.currentTrek.departure_city}))}}))};i.prototype.disconnectedCallback=function(){if(this.resetStoreOnDisconnected){reset()}};i.prototype.handleMouseOver=function(){this.cardTrekMouseOver.emit(this.currentTrek.id)};i.prototype.handleMouseLeave=function(){this.cardTrekMouseLeave.emit()};i.prototype.render=function(){var i=this;var e,t,r,n,a,o,s;return h(Host,{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&&h("div",{class:this.isStep?"trek-card-container trek-step-card".concat(state.selectedStepId===this.currentTrek.id?" selected-trek-card":""):this.isLargeView?"trek-card-large-view-container".concat(state.selectedTrekId===this.currentTrek.id?" selected-trek-card":""):"trek-card-container".concat(state.selectedTrekId===this.currentTrek.id?" selected-trek-card":""),onClick:function(){return i.trekCardPress.emit(i.currentTrek.id)}},this.currentTrek.attachments.filter((function(i){return i.type==="image"})).length>0&&h("img",{class:"image",src:"".concat(this.currentTrek.attachments.filter((function(i){return i.type==="image"}))[0].thumbnail),loading:"lazy"}),h("div",{class:"sub-container"},this.departureCity&&h("div",{class:"departure"},this.departureCity.name),h("div",{class:"name"},(e=this.currentTrek)===null||e===void 0?void 0:e.name),!this.isStep&&h("div",{class:"themes-container"},this.themes.map((function(i){return h("div",{class:"theme"},i.label)}))),h("div",{class:"icons-labels-container"},h("div",{class:"row"},h("div",{class:"icon-label difficulty"},((t=this.difficulty)===null||t===void 0?void 0:t.pictogram)&&h("img",{src:this.difficulty.pictogram}),(r=this.difficulty)===null||r===void 0?void 0:r.label),h("div",{class:"icon-label duration"},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"timelapse"),formatDuration(this.currentTrek.duration))),h("div",{class:"row"},h("div",{class:"icon-label length"},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"open_in_full"),formatLength(this.currentTrek.length_2d)),h("div",{class:"icon-label ascent"},h("span",{translate:false,class:"material-symbols material-symbols-outlined"},"moving"),formatAscent(this.currentTrek.ascent))),!this.isStep&&h("div",{class:"row"},h("div",{class:"icon-label route"},((n=this.route)===null||n===void 0?void 0:n.pictogram)&&h("img",{src:this.route.pictogram}),(a=this.route)===null||a===void 0?void 0:a.route),h("div",{class:"icon-label practice"},((o=this.practice)===null||o===void 0?void 0:o.pictogram)&&h("img",{src:this.practice.pictogram}),(s=this.practice)===null||s===void 0?void 0:s.name))))))};return i}();GrwTrekCard.style=grwTrekCardCss;export{GrwInformationDeskDetail as grw_information_desk,GrwPoiDetail as grw_poi,GrwSensitiveAreaDetail as grw_sensitive_area_detail,GrwTouristicContent as grw_touristic_content,GrwTrekCard as grw_trek_card};
 //# sourceMappingURL=grw-information-desk_5.entry.js.map

package/dist/esm-es5/grw-information-desk_5.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["grwInformationDeskCss","GrwInformationDeskDetail","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","grwPoiCss","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","grwTouristicContentCss","GrwTouristicContent","swiperTouristicContent","swiperTouristicContentRef","prevElTouristicContentRef","nextElTouristicContentRef","paginationElTouristicContentRef","touristicContent","touristicContentCategory","touristicContentCategories","category","label","grwTrekCardCss","GrwTrekCard","connectedCallback","currentTrek","trek","difficulty","difficulties","route","routes","themes","theme","includes","departureCity","cities","city","departure_city","onChange","disconnectedCallback","resetStoreOnDisconnected","reset","handleMouseOver","cardTrekMouseOver","handleMouseLeave","cardTrekMouseLeave","style","width","isLargeView","colorPrimaryApp","colorOnSurface","colorSecondaryContainer","colorOnSecondaryContainer","colorSurfaceContainerLow","isStep","selectedStepId","selectedTrekId","trekCardPress","_b","_c","formatDuration","duration","formatLength","length_2d","formatAscent","ascent","_d","_e","_f","_g"],"sources":["src/components/grw-information-desk/grw-information-desk.scss?tag=grw-information-desk&encapsulation=shadow","src/components/grw-information-desk/grw-information-desk.tsx","src/components/grw-poi-detail/grw-poi.scss?tag=grw-poi&encapsulation=shadow","src/components/grw-poi-detail/grw-poi.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","src/components/grw-touristic-content/grw-touristic-content.scss?tag=grw-touristic-content&encapsulation=shadow","src/components/grw-touristic-content/grw-touristic-content.tsx","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 {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\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',\n  styleUrl: 'grw-information-desk.scss',\n  shadow: true,\n})\nexport class GrwInformationDeskDetail {\n  @Event() centerOnMap: EventEmitter<{ latitude: number; longitude: number }>;\n  @State() displayShortDescription = true;\n  @Prop() informationDesk: InformationDesk;\n\n  handleInformationDeskDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleCenterOnMap() {\n    this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.informationDesk.photo_url && (\n          <div class=\"information-desk-img\">\n            <img 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 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 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 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 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.swiper {\n  z-index: 0;\n}\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  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: 32px;\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\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',\n  styleUrl: 'grw-poi.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\n    this.swiperPoi = new Swiper(this.swiperPoiRef, {\n      modules: [Navigation, Pagination, Keyboard],\n      navigation: {\n        prevEl: this.prevElPoiRef,\n        nextEl: this.nextElPoiRef,\n      },\n      pagination: { el: this.paginationElPoiRef },\n      allowTouchMove: false,\n      keyboard: false,\n    });\n    this.swiperPoiRef.onfullscreenchange = () => {\n      this.displayFullscreen = !this.displayFullscreen;\n      if (this.displayFullscreen) {\n        this.swiperPoi.keyboard.enable();\n      } else {\n        this.swiperPoi.keyboard.disable();\n      }\n    };\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div class=\"poi-type-img-container\">\n          <img 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","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\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  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: 32px;\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.touristic-content-type-img-container {\n  position: relative;\n  .touristic-content-img,\n  .default-touristic-content-img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n  .touristic-content-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-touristic-content-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  .touristic-content-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.touristic-content-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  .touristic-content-category-container {\n    display: flex;\n    align-items: center;\n    margin-bottom: 12px;\n    .touristic-content-category-name {\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n    }\n    img {\n      font-size: 24px;\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n      background-color: var(--color-primary-app);\n    }\n  }\n  .touristic-content-name {\n    font-size: 16px;\n    line-height: 24px;\n  }\n}\n","import { Build, Component, Host, Prop, State, getAssetPath, h } from '@stencil/core';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { TouristicContent } from 'types/types';\n\n@Component({\n  tag: 'grw-touristic-content',\n  styleUrl: 'grw-touristic-content.scss',\n  shadow: true,\n})\nexport class GrwTouristicContent {\n  swiperTouristicContent?: Swiper;\n  swiperTouristicContentRef?: HTMLDivElement;\n  prevElTouristicContentRef?: HTMLDivElement;\n  nextElTouristicContentRef?: HTMLDivElement;\n  paginationElTouristicContentRef?: HTMLDivElement;\n  @Prop() touristicContent: TouristicContent;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\n    this.swiperTouristicContent = new Swiper(this.swiperTouristicContentRef, {\n      modules: [Navigation, Pagination, Keyboard],\n      navigation: {\n        prevEl: this.prevElTouristicContentRef,\n        nextEl: this.nextElTouristicContentRef,\n      },\n      pagination: { el: this.paginationElTouristicContentRef },\n      allowTouchMove: false,\n      keyboard: false,\n    });\n    this.swiperTouristicContentRef.onfullscreenchange = () => {\n      this.displayFullscreen = !this.displayFullscreen;\n      if (this.displayFullscreen) {\n        this.swiperTouristicContent.keyboard.enable();\n      } else {\n        this.swiperTouristicContent.keyboard.disable();\n      }\n    };\n  }\n\n  handleFullscreen() {\n    if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n      this.swiperTouristicContentRef.requestFullscreen();\n    }\n  }\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    const touristicContentCategory = state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === this.touristicContent.category);\n    return (\n      <Host>\n        <div class=\"touristic-content-type-img-container\">\n          {/* <img class=\"touristic-content-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} /> */}\n          <div class=\"swiper\" ref={el => (this.swiperTouristicContentRef = el)}>\n            <div class=\"swiper-wrapper\">\n              {this.touristicContent.attachments.length > 0 ? (\n                this.touristicContent.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div class=\"swiper-slide\">\n                      <img\n                        class={`touristic-content-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-touristic-content-img\" src={defaultImageSrc} loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div class=\"swiper-pagination\" ref={el => (this.paginationElTouristicContentRef = el)}></div>\n            <div class=\"swiper-button-prev\" ref={el => (this.prevElTouristicContentRef = el)}></div>\n            <div class=\"swiper-button-next\" ref={el => (this.nextElTouristicContentRef = el)}></div>\n          </div>\n        </div>\n        <div class=\"touristic-content-sub-container\">\n          <div class=\"touristic-content-category-container\">\n            <img src={touristicContentCategory.pictogram} />\n            <div class=\"touristic-content-category-name\">{touristicContentCategory.label}</div>\n          </div>\n          <div class=\"touristic-content-name\">{this.touristicContent.name}</div>\n        </div>\n      </Host>\n    );\n  }\n}\n",".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\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        text-wrap: nowrap;\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-size: 24px;\n            width: 24px;\n            height: 24px;\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.selected-trek-card {\n  box-shadow: var(--elevation-2);\n}\n\n.trek-card-container {\n  width: 100%;\n  max-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\n.trek-step-card {\n  width: auto;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, Listen } 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  @Prop() isStep: false;\n\n  @Event() cardTrekMouseOver: EventEmitter<number>;\n  @Event() cardTrekMouseLeave: EventEmitter;\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  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTrekMouseOver.emit(this.currentTrek.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTrekMouseLeave.emit();\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\n            class={\n              this.isStep\n                ? `trek-card-container trek-step-card${state.selectedStepId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n                : this.isLargeView\n                ? `trek-card-large-view-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n                : `trek-card-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n            }\n            onClick={() => this.trekCardPress.emit(this.currentTrek.id)}\n          >\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              {!this.isStep && (\n                <div class=\"themes-container\">\n                  {this.themes.map(theme => (\n                    <div class=\"theme\">{theme.label}</div>\n                  ))}\n                </div>\n              )}\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 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 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 material-symbols-outlined\">moving</span>\n                    {formatAscent(this.currentTrek.ascent)}\n                  </div>\n                </div>\n                {!this.isStep && (\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                )}\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["grwInformationDeskCss","GrwInformationDeskDetail","prototype","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","_this","h","Host","photo_url","class","src","loading","name","onClick","translate","postal_code","municipality","street","concat","phone","href","email","website","description","innerHTML","grwPoiCss","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","grwTouristicContentCss","GrwTouristicContent","swiperTouristicContent","swiperTouristicContentRef","prevElTouristicContentRef","nextElTouristicContentRef","paginationElTouristicContentRef","touristicContent","touristicContentCategory","touristicContentCategories","category","label","grwTrekCardCss","GrwTrekCard","connectedCallback","currentTrek","trek","difficulty","difficulties","route","routes","themes","theme","includes","departureCity","cities","city","departure_city","onChange","disconnectedCallback","resetStoreOnDisconnected","reset","handleMouseOver","cardTrekMouseOver","handleMouseLeave","cardTrekMouseLeave","style","width","isLargeView","colorPrimaryApp","colorOnSurface","colorSecondaryContainer","colorOnSecondaryContainer","colorSurfaceContainerLow","isStep","selectedStepId","selectedTrekId","trekCardPress","_b","_c","formatDuration","duration","formatLength","length_2d","formatAscent","ascent","_d","_e","_f","_g"],"sources":["src/components/grw-information-desk/grw-information-desk.scss?tag=grw-information-desk&encapsulation=shadow","src/components/grw-information-desk/grw-information-desk.tsx","src/components/grw-poi-detail/grw-poi.scss?tag=grw-poi&encapsulation=shadow","src/components/grw-poi-detail/grw-poi.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","src/components/grw-touristic-content/grw-touristic-content.scss?tag=grw-touristic-content&encapsulation=shadow","src/components/grw-touristic-content/grw-touristic-content.tsx","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 {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\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',\n  styleUrl: 'grw-information-desk.scss',\n  shadow: true,\n})\nexport class GrwInformationDeskDetail {\n  @Event() centerOnMap: EventEmitter<{ latitude: number; longitude: number }>;\n  @State() displayShortDescription = true;\n  @Prop() informationDesk: InformationDesk;\n\n  handleInformationDeskDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleCenterOnMap() {\n    this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.informationDesk.photo_url && (\n          <div class=\"information-desk-img\">\n            <img 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              {/* @ts-ignore */}\n              <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                location_searching\n              </span>\n              Centrer sur la carte\n            </button>\n          )}\n          {(this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (\n            <div>\n              {this.informationDesk.postal_code && this.informationDesk.postal_code}\n              {this.informationDesk.municipality && ` ${this.informationDesk.municipality}`}\n              {this.informationDesk.street && ` ${this.informationDesk.street}`}\n            </div>\n          )}\n          {this.informationDesk.phone && (\n            <div class=\"phone-container\">\n              {/* @ts-ignore */}\n              <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                call\n              </span>\n              <a href={`tel:${this.informationDesk.phone}`}>{this.informationDesk.phone}</a>\n            </div>\n          )}\n          {this.informationDesk.email && (\n            <div class=\"mail-container\">\n              {/* @ts-ignore */}\n              <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                mail\n              </span>\n              <a href={`mailto:${this.informationDesk.email}`}>{this.informationDesk.email}</a>\n            </div>\n          )}\n          {this.informationDesk.website && (\n            <div class=\"link-container\">\n              {/* @ts-ignore */}\n              <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                link\n              </span>\n              <a href={`${this.informationDesk.website}`}>{this.informationDesk.website}</a>\n            </div>\n          )}\n          {this.informationDesk.description && (\n            <div class=\"information-desk-description-container\">\n              <div class={this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description'} innerHTML={this.informationDesk.description}></div>\n              <div class=\"handle-information-desk-description\" onClick={() => this.handleInformationDeskDescription()}>\n                {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\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  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: 32px;\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\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',\n  styleUrl: 'grw-poi.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\n    this.swiperPoi = new Swiper(this.swiperPoiRef, {\n      modules: [Navigation, Pagination, Keyboard],\n      navigation: {\n        prevEl: this.prevElPoiRef,\n        nextEl: this.nextElPoiRef,\n      },\n      pagination: { el: this.paginationElPoiRef },\n      allowTouchMove: false,\n      keyboard: false,\n    });\n    this.swiperPoiRef.onfullscreenchange = () => {\n      this.displayFullscreen = !this.displayFullscreen;\n      if (this.displayFullscreen) {\n        this.swiperPoi.keyboard.enable();\n      } else {\n        this.swiperPoi.keyboard.disable();\n      }\n    };\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div class=\"poi-type-img-container\">\n          <img 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","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\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  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: 32px;\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.touristic-content-type-img-container {\n  position: relative;\n  .touristic-content-img,\n  .default-touristic-content-img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n  .touristic-content-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-touristic-content-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  .touristic-content-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.touristic-content-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  .touristic-content-category-container {\n    display: flex;\n    align-items: center;\n    margin-bottom: 12px;\n    .touristic-content-category-name {\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n    }\n    img {\n      font-size: 24px;\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n      background-color: var(--color-primary-app);\n    }\n  }\n  .touristic-content-name {\n    font-size: 16px;\n    line-height: 24px;\n  }\n}\n","import { Build, Component, Host, Prop, State, getAssetPath, h } from '@stencil/core';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { TouristicContent } from 'types/types';\n\n@Component({\n  tag: 'grw-touristic-content',\n  styleUrl: 'grw-touristic-content.scss',\n  shadow: true,\n})\nexport class GrwTouristicContent {\n  swiperTouristicContent?: Swiper;\n  swiperTouristicContentRef?: HTMLDivElement;\n  prevElTouristicContentRef?: HTMLDivElement;\n  nextElTouristicContentRef?: HTMLDivElement;\n  paginationElTouristicContentRef?: HTMLDivElement;\n  @Prop() touristicContent: TouristicContent;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\n    this.swiperTouristicContent = new Swiper(this.swiperTouristicContentRef, {\n      modules: [Navigation, Pagination, Keyboard],\n      navigation: {\n        prevEl: this.prevElTouristicContentRef,\n        nextEl: this.nextElTouristicContentRef,\n      },\n      pagination: { el: this.paginationElTouristicContentRef },\n      allowTouchMove: false,\n      keyboard: false,\n    });\n    this.swiperTouristicContentRef.onfullscreenchange = () => {\n      this.displayFullscreen = !this.displayFullscreen;\n      if (this.displayFullscreen) {\n        this.swiperTouristicContent.keyboard.enable();\n      } else {\n        this.swiperTouristicContent.keyboard.disable();\n      }\n    };\n  }\n\n  handleFullscreen() {\n    if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n      this.swiperTouristicContentRef.requestFullscreen();\n    }\n  }\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    const touristicContentCategory = state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === this.touristicContent.category);\n    return (\n      <Host>\n        <div class=\"touristic-content-type-img-container\">\n          {/* <img class=\"touristic-content-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} /> */}\n          <div class=\"swiper\" ref={el => (this.swiperTouristicContentRef = el)}>\n            <div class=\"swiper-wrapper\">\n              {this.touristicContent.attachments.length > 0 ? (\n                this.touristicContent.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div class=\"swiper-slide\">\n                      <img\n                        class={`touristic-content-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-touristic-content-img\" src={defaultImageSrc} loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div class=\"swiper-pagination\" ref={el => (this.paginationElTouristicContentRef = el)}></div>\n            <div class=\"swiper-button-prev\" ref={el => (this.prevElTouristicContentRef = el)}></div>\n            <div class=\"swiper-button-next\" ref={el => (this.nextElTouristicContentRef = el)}></div>\n          </div>\n        </div>\n        <div class=\"touristic-content-sub-container\">\n          <div class=\"touristic-content-category-container\">\n            <img src={touristicContentCategory.pictogram} />\n            <div class=\"touristic-content-category-name\">{touristicContentCategory.label}</div>\n          </div>\n          <div class=\"touristic-content-name\">{this.touristicContent.name}</div>\n        </div>\n      </Host>\n    );\n  }\n}\n",".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\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        text-wrap: nowrap;\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-size: 24px;\n            width: 24px;\n            height: 24px;\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.selected-trek-card {\n  box-shadow: var(--elevation-2);\n}\n\n.trek-card-container {\n  width: 100%;\n  max-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\n.trek-step-card {\n  width: auto;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, Listen } 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  @Prop() isStep: false;\n\n  @Event() cardTrekMouseOver: EventEmitter<number>;\n  @Event() cardTrekMouseLeave: EventEmitter;\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  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTrekMouseOver.emit(this.currentTrek.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTrekMouseLeave.emit();\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\n            class={\n              this.isStep\n                ? `trek-card-container trek-step-card${state.selectedStepId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n                : this.isLargeView\n                ? `trek-card-large-view-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n                : `trek-card-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n            }\n            onClick={() => this.trekCardPress.emit(this.currentTrek.id)}\n          >\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              {!this.isStep && (\n                <div class=\"themes-container\">\n                  {this.themes.map(theme => (\n                    <div class=\"theme\">{theme.label}</div>\n                  ))}\n                </div>\n              )}\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                    {/* @ts-ignore */}\n                    <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                      timelapse\n                    </span>\n                    {formatDuration(this.currentTrek.duration)}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"icon-label length\">\n                    {/* @ts-ignore */}\n                    <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                      open_in_full\n                    </span>\n                    {formatLength(this.currentTrek.length_2d)}\n                  </div>\n                  <div class=\"icon-label ascent\">\n                    {/* @ts-ignore */}\n                    <span translate={false} class=\"material-symbols material-symbols-outlined\">\n                      moving\n                    </span>\n                    {formatAscent(this.currentTrek.ascent)}\n                  </div>\n                </div>\n                {!this.isStep && (\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                )}\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/esm-es5/grw-select-language.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-82644551.js";import{s as state}from"./store-6101ed72.js";var grwSelectLanguageCss='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}:host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host span{font-size:18px}:host #language-select{border:none;background-color:var(--color-background)}:host #language-select:focus-visible{outline:none}';var GrwSelectLanguage=function(){function e(e){registerInstance(this,e)}e.prototype.handleSelect=function(e){state.treks=null;state.currentTreks=null;state.currentTrek=null;state.language=e.target.value};e.prototype.render=function(){var e=this;return h(Host,null,h("span",{class:"material-symbols material-symbols-outlined margin-right-icon"},"translate"),h("select",{onInput:function(t){return e.handleSelect(t)},name:"languages",id:"language-select"},state.languages.map((function(e){return h("option",{selected:e===state.language,value:e.toLocaleLowerCase()},e.toLocaleUpperCase())}))))};return e}();GrwSelectLanguage.style=grwSelectLanguageCss;export{GrwSelectLanguage as grw_select_language};
+import{r as registerInstance,h,H as Host}from"./index-3bfebaa2.js";import{s as state}from"./store-890ce35c.js";var grwSelectLanguageCss='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}:host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host span{font-size:18px}:host #language-select{border:none;background-color:var(--color-background)}:host #language-select:focus-visible{outline:none}';var GrwSelectLanguage=function(){function e(e){registerInstance(this,e)}e.prototype.handleSelect=function(e){state.treks=null;state.currentTreks=null;state.currentTrek=null;state.language=e.target.value};e.prototype.render=function(){var e=this;return h(Host,null,h("span",{translate:false,class:"material-symbols material-symbols-outlined margin-right-icon"},"translate"),h("select",{onInput:function(t){return e.handleSelect(t)},name:"languages",id:"language-select"},state.languages.map((function(e){return h("option",{selected:e===state.language,value:e.toLocaleLowerCase()},e.toLocaleUpperCase())}))))};return e}();GrwSelectLanguage.style=grwSelectLanguageCss;export{GrwSelectLanguage as grw_select_language};
 //# sourceMappingURL=grw-select-language.entry.js.map

package/dist/esm-es5/grw-select-language.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["grwSelectLanguageCss","GrwSelectLanguage","prototype","handleSelect","event","state","treks","currentTreks","currentTrek","language","target","value","render","_this","this","h","Host","class","onInput","name","id","languages","map","selected","toLocaleLowerCase","toLocaleUpperCase"],"sources":["src/components/grw-select-language/grw-select-language.scss?tag=grw-select-language&encapsulation=shadow","src/components/grw-select-language/grw-select-language.tsx"],"sourcesContent":[".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n  display: flex;\n  align-items: center;\n  span {\n    font-size: 18px;\n  }\n  #language-select {\n    border: none;\n    background-color: var(--color-background);\n    &:focus-visible {\n      outline: none;\n    }\n  }\n}\n","import { Component, Host, h } from '@stencil/core';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-select-language',\n  styleUrl: 'grw-select-language.scss',\n  shadow: true,\n})\nexport class GrwSelectLanguage {\n  handleSelect(event) {\n    state.treks = null;\n    state.currentTreks = null;\n    state.currentTrek = null;\n    state.language = event.target.value;\n  }\n\n  render() {\n    return (\n      <Host>\n        <span class=\"material-symbols material-symbols-outlined margin-right-icon\">translate</span>\n        <select onInput={event => this.handleSelect(event)} name=\"languages\" id=\"language-select\">\n          {state.languages.map(language => (\n            <option selected={language === state.language} value={language.toLocaleLowerCase()}>\n              {language.toLocaleUpperCase()}\n            </option>\n          ))}\n        </select>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+GAAA,IAAMA,qBAAuB,kY,ICQhBC,kBAAiB,W,uCAC5BA,EAAAC,UAAAC,aAAA,SAAaC,GACXC,MAAMC,MAAQ,KACdD,MAAME,aAAe,KACrBF,MAAMG,YAAc,KACpBH,MAAMI,SAAWL,EAAMM,OAAOC,K,EAGhCV,EAAAC,UAAAU,OAAA,eAAAC,EAAAC,KACE,OACEC,EAACC,KAAI,KACHD,EAAA,QAAME,MAAM,gEAA8D,aAC1EF,EAAA,UAAQG,QAAS,SAAAd,GAAS,OAAAS,EAAKV,aAAaC,EAAlB,EAA0Be,KAAK,YAAYC,GAAG,mBACrEf,MAAMgB,UAAUC,KAAI,SAAAb,GAAQ,OAC3BM,EAAA,UAAQQ,SAAUd,IAAaJ,MAAMI,SAAUE,MAAOF,EAASe,qBAC5Df,EAASgB,oBAFe,K,WAbT,G"}
+{"version":3,"names":["grwSelectLanguageCss","GrwSelectLanguage","prototype","handleSelect","event","state","treks","currentTreks","currentTrek","language","target","value","render","_this","this","h","Host","translate","class","onInput","name","id","languages","map","selected","toLocaleLowerCase","toLocaleUpperCase"],"sources":["src/components/grw-select-language/grw-select-language.scss?tag=grw-select-language&encapsulation=shadow","src/components/grw-select-language/grw-select-language.tsx"],"sourcesContent":[".material-symbols {\n  font-family: 'Material Symbols Outlined';\n}\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n}\n\n:host {\n  display: flex;\n  align-items: center;\n  span {\n    font-size: 18px;\n  }\n  #language-select {\n    border: none;\n    background-color: var(--color-background);\n    &:focus-visible {\n      outline: none;\n    }\n  }\n}\n","import { Component, Host, h } from '@stencil/core';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-select-language',\n  styleUrl: 'grw-select-language.scss',\n  shadow: true,\n})\nexport class GrwSelectLanguage {\n  handleSelect(event) {\n    state.treks = null;\n    state.currentTreks = null;\n    state.currentTrek = null;\n    state.language = event.target.value;\n  }\n\n  render() {\n    return (\n      <Host>\n        {/* @ts-ignore */}\n        <span translate={false} class=\"material-symbols material-symbols-outlined margin-right-icon\">\n          translate\n        </span>\n        <select onInput={event => this.handleSelect(event)} name=\"languages\" id=\"language-select\">\n          {state.languages.map(language => (\n            <option selected={language === state.language} value={language.toLocaleLowerCase()}>\n              {language.toLocaleUpperCase()}\n            </option>\n          ))}\n        </select>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+GAAA,IAAMA,qBAAuB,kY,ICQhBC,kBAAiB,W,uCAC5BA,EAAAC,UAAAC,aAAA,SAAaC,GACXC,MAAMC,MAAQ,KACdD,MAAME,aAAe,KACrBF,MAAMG,YAAc,KACpBH,MAAMI,SAAWL,EAAMM,OAAOC,K,EAGhCV,EAAAC,UAAAU,OAAA,eAAAC,EAAAC,KACE,OACEC,EAACC,KAAI,KAEHD,EAAA,QAAME,UAAW,MAAOC,MAAM,gEAA8D,aAG5FH,EAAA,UAAQI,QAAS,SAAAf,GAAS,OAAAS,EAAKV,aAAaC,EAAlB,EAA0BgB,KAAK,YAAYC,GAAG,mBACrEhB,MAAMiB,UAAUC,KAAI,SAAAd,GAAQ,OAC3BM,EAAA,UAAQS,SAAUf,IAAaJ,MAAMI,SAAUE,MAAOF,EAASgB,qBAC5DhB,EAASiB,oBAFe,K,WAhBT,G"}