@geotrekce/geotrek-rando-widget 0.2.14 → 0.2.16

package/dist/geotrek-rando-widget/p-21c8e513.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-266b2cee.system.js","./p-8872ebd8.system.js","./p-a7ce321e.system.js"],(function(i){"use strict";var e,t,r,n,a,o,s,p,l,c;return{setters:[function(i){e=i.r;t=i.c;r=i.h;n=i.H;a=i.i},function(i){o=i.S;s=i.N;p=i.P;l=i.K},function(i){c=i.s}],execute:function(){var w='.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 d=i("grw_information_desk_detail",function(){function i(i){e(this,i);this.centerOnMap=t(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 r(n,null,this.informationDesk.photo_url&&r("div",{class:"information-desk-img"},r("img",{src:this.informationDesk.photo_url,loading:"lazy"})),r("div",{class:"information-desk-sub-container"},this.informationDesk.name&&r("div",{class:"information-desk-name"},this.informationDesk.name),this.informationDesk.latitude&&this.informationDesk.longitude&&r("button",{class:"center-on-map-button",onClick:function(){return i.handleCenterOnMap()}},r("span",{class:"material-symbols material-symbols-outlined"},"location_searching"),"Centrer sur la carte"),(this.informationDesk.postal_code||this.informationDesk.municipality||this.informationDesk.street)&&r("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&&r("div",{class:"phone-container"},r("span",{class:"material-symbols material-symbols-outlined"},"call"),r("a",{href:"tel:".concat(this.informationDesk.phone)},this.informationDesk.phone)),this.informationDesk.email&&r("div",{class:"mail-container"},r("span",{class:"material-symbols material-symbols-outlined"},"mail"),r("a",{href:"mailto:".concat(this.informationDesk.email)},this.informationDesk.email)),this.informationDesk.website&&r("div",{class:"link-container"},r("span",{class:"material-symbols material-symbols-outlined"},"link"),r("a",{href:"".concat(this.informationDesk.website)},this.informationDesk.website)),this.informationDesk.description&&r("div",{class:"information-desk-description-container"},r("div",{class:this.displayShortDescription?"information-desk-description-short":"information-desk-description",innerHTML:this.informationDesk.description}),r("div",{class:"handle-information-desk-description",onClick:function(){return i.handleInformationDeskDescription()}},this.displayShortDescription?"Lire plus":"Lire moins"))))};return i}());d.style=w;var g='@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 m=i("grw_poi_detail",function(){function i(i){e(this,i);this.poi=undefined;this.displayShortDescription=true;this.displayFullscreen=false}i.prototype.componentDidLoad=function(){var i=this;this.swiperPoi=new o(this.swiperPoiRef,{modules:[s,p,l],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=a("".concat("","assets/default-image.svg"));return r(n,null,r("div",{class:"poi-type-img-container"},r("img",{class:"poi-type",src:"".concat((e=c.poiTypes.find((function(e){return e.id===i.poi.type})))===null||e===void 0?void 0:e.pictogram)}),r("div",{class:"swiper",ref:function(e){return i.swiperPoiRef=e}},r("div",{class:"swiper-wrapper"},this.poi.attachments.length>0?this.poi.attachments.filter((function(i){return i.type==="image"})).map((function(e){return r("div",{class:"swiper-slide"},r("img",{class:"poi-img".concat(i.displayFullscreen?" img-fullscreen":""),src:i.displayFullscreen?e.url:e.thumbnail,loading:"lazy",onClick:function(){return i.handleFullscreen()}}))})):r("div",{class:"swiper-slide"},r("img",{class:"default-poi-img",src:t,loading:"lazy"}))),r("div",{class:"swiper-pagination",ref:function(e){return i.paginationElPoiRef=e}}),r("div",{class:"swiper-button-prev",ref:function(e){return i.prevElPoiRef=e}}),r("div",{class:"swiper-button-next",ref:function(e){return i.nextElPoiRef=e}}))),r("div",{class:"poi-sub-container"},r("div",{class:"poi-name"},this.poi.name),r("div",{class:this.displayShortDescription?"poi-description-short":"poi-description",innerHTML:this.poi.description}),r("div",{class:"handle-poi-description",onClick:function(){return i.handlePoiDescription()}},this.displayShortDescription?"Lire plus":"Lire moins")))};return i}());m.style=g;var f=":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 b=i("grw_sensitive_area_detail",function(){function i(i){e(this,i);this.sensitiveArea=undefined}i.prototype.render=function(){var i=this;return r(n,null,r("div",{class:"sensitive-area-title"},this.sensitiveArea.name),r("div",{class:"sensitive-area-description",innerHTML:this.sensitiveArea.description}),this.sensitiveArea.practices&&this.sensitiveArea.practices.length>0&&r("div",{class:"sensitive-area-practice-container"},r("div",{class:"sensitive-area-practice-title"},"Domaines d'activités concernés :"),r("div",{class:"sensitive-area-practice-values"},this.sensitiveArea.practices.map((function(e,t){var n=c.practices.find((function(i){return i.id===e}));if(n){return r("div",{innerHTML:"".concat(n.name.toUpperCase()).concat(t+1!==i.sensitiveArea.practices.length?" - ":"")})}})))),this.sensitiveArea.period&&this.sensitiveArea.period.length>0&&r("div",{class:"sensitive-area-period-container"},r("div",{class:"sensitive-area-period-title"},"Périodes de sensibilité"),r("div",{class:"sensitive-area-period-values"},this.sensitiveArea.period.map((function(e,t){if(e){return r("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}))?" - ":"")})}})))),r("div",{class:"sensitive-area-contact-container"},r("div",{class:"sensitive-area-contact-title"},"Contact"),r("div",{innerHTML:this.sensitiveArea.contact,class:"sensitive-area-contact-value"})))};return i}());b.style=f}}}));
+//# sourceMappingURL=p-21c8e513.system.entry.js.map

package/dist/geotrek-rando-widget/p-21c8e513.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["grwInformationDeskDetailCss","GrwInformationDeskDetail","exports","class_1","prototype","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","_this","h","Host","photo_url","class","src","loading","name","onClick","postal_code","municipality","street","concat","phone","href","email","website","description","innerHTML","grwPoiDetailCss","GrwPoiDetail","class_2","componentDidLoad","swiperPoi","Swiper","swiperPoiRef","modules","Navigation","Pagination","Keyboard","navigation","prevEl","prevElPoiRef","nextEl","nextElPoiRef","pagination","el","paginationElPoiRef","allowTouchMove","keyboard","onfullscreenchange","displayFullscreen","enable","disable","handlePoiDescription","handleFullscreen","poi","attachments","url","requestFullscreen","defaultImageSrc","getAssetPath","_a","state","poiTypes","find","poiType","id","type","pictogram","ref","length","filter","attachment","map","thumbnail","grwSensitiveAreaDetailCss","GrwSensitiveAreaDetail","class_3","sensitiveArea","practices","sensitiveAreaPractice","index","practice","statePractice","toUpperCase","period","month","Date","toLocaleDateString","slice","contact"],"sources":["src/components/grw-information-desk-detail/grw-information-desk-detail.scss?tag=grw-information-desk-detail&encapsulation=shadow","src/components/grw-information-desk-detail/grw-information-desk-detail.tsx","src/components/grw-poi-detail/grw-poi-detail.scss?tag=grw-poi-detail&encapsulation=shadow","src/components/grw-poi-detail/grw-poi-detail.tsx","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.scss?tag=grw-sensitive-area-detail&encapsulation=shadow","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.tsx"],"sourcesContent":[".material-symbols {\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-detail',\n  styleUrl: 'grw-information-desk-detail.scss',\n  shadow: true,\n})\nexport class GrwInformationDeskDetail {\n  @Event() centerOnMap: EventEmitter<{ latitude: number; longitude: number }>;\n  @State() displayShortDescription = true;\n  @Prop() informationDesk: InformationDesk;\n\n  handleInformationDeskDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleCenterOnMap() {\n    this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.informationDesk.photo_url && (\n          <div class=\"information-desk-img\">\n            <img src={this.informationDesk.photo_url} loading=\"lazy\" />\n          </div>\n        )}\n        <div class=\"information-desk-sub-container\">\n          {this.informationDesk.name && <div class=\"information-desk-name\">{this.informationDesk.name}</div>}\n          {this.informationDesk.latitude && this.informationDesk.longitude && (\n            <button class=\"center-on-map-button\" onClick={() => this.handleCenterOnMap()}>\n              <span class=\"material-symbols 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-detail',\n  styleUrl: 'grw-poi-detail.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\n    this.swiperPoi = new Swiper(this.swiperPoiRef, {\n      modules: [Navigation, Pagination, Keyboard],\n      navigation: {\n        prevEl: this.prevElPoiRef,\n        nextEl: this.nextElPoiRef,\n      },\n      pagination: { el: this.paginationElPoiRef },\n      allowTouchMove: false,\n      keyboard: false,\n    });\n    this.swiperPoiRef.onfullscreenchange = () => {\n      this.displayFullscreen = !this.displayFullscreen;\n      if (this.displayFullscreen) {\n        this.swiperPoi.keyboard.enable();\n      } else {\n        this.swiperPoi.keyboard.disable();\n      }\n    };\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div class=\"poi-type-img-container\">\n          <img class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} />\n          <div class=\"swiper\" ref={el => (this.swiperPoiRef = el)}>\n            <div class=\"swiper-wrapper\">\n              {this.poi.attachments.length > 0 ? (\n                this.poi.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div class=\"swiper-slide\">\n                      <img\n                        class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                        src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                        loading=\"lazy\"\n                        onClick={() => this.handleFullscreen()}\n                      />\n                    </div>\n                  ))\n              ) : (\n                <div class=\"swiper-slide\">\n                  <img class=\"default-poi-img\" src={defaultImageSrc} loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n            <div class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n            <div class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n          </div>\n        </div>\n        <div class=\"poi-sub-container\">\n          <div class=\"poi-name\">{this.poi.name}</div>\n          <div class={this.displayShortDescription ? 'poi-description-short' : 'poi-description'} innerHTML={this.poi.description}></div>\n          <div class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n            {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: flex;\n  flex-direction: column;\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n}\n\n.sensitive-area-title {\n  font-size: 22px;\n  line-height: 28px;\n  padding: 12px 0px;\n  font-weight: 400;\n}\n\n.sensitive-area-description {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.sensitive-area-period-container,\n.sensitive-area-practice-container,\n.sensitive-area-contact-container {\n  .sensitive-area-period-title,\n  .sensitive-area-practice-title,\n  .sensitive-area-contact-title {\n    font-size: 16px;\n    line-height: 24px;\n    padding: 12px 0px;\n  }\n  .sensitive-area-period-values,\n  .sensitive-area-practice-values {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport state from 'store/store';\nimport { SensitiveArea } from 'types/types';\n\n@Component({\n  tag: 'grw-sensitive-area-detail',\n  styleUrl: 'grw-sensitive-area-detail.scss',\n  shadow: true,\n})\nexport class GrwSensitiveAreaDetail {\n  @Prop() sensitiveArea: SensitiveArea;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"sensitive-area-title\">{this.sensitiveArea.name}</div>\n        <div class=\"sensitive-area-description\" innerHTML={this.sensitiveArea.description}></div>\n        {this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (\n          <div class=\"sensitive-area-practice-container\">\n            <div class=\"sensitive-area-practice-title\">Domaines d'activités concernés :</div>\n            <div class=\"sensitive-area-practice-values\">\n              {this.sensitiveArea.practices.map((sensitiveAreaPractice, index) => {\n                const practice = state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);\n                if (practice) {\n                  return <div innerHTML={`${practice.name.toUpperCase()}${index + 1 !== this.sensitiveArea.practices.length ? ' -&nbsp;' : ''}`}></div>;\n                }\n              })}\n            </div>\n          </div>\n        )}\n        {this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (\n          <div class=\"sensitive-area-period-container\">\n            <div class=\"sensitive-area-period-title\">Périodes de sensibilité</div>\n            <div class=\"sensitive-area-period-values\">\n              {this.sensitiveArea.period.map((month, index) => {\n                if (month) {\n                  return (\n                    <div\n                      innerHTML={`${new Date(0, index + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${\n                        this.sensitiveArea.period.slice(index + 1).find(month => month) ? ' -&nbsp;' : ''\n                      }`}\n                    ></div>\n                  );\n                }\n              })}\n            </div>\n          </div>\n        )}\n        <div class=\"sensitive-area-contact-container\">\n          <div class=\"sensitive-area-contact-title\">Contact</div>\n          <div innerHTML={this.sensitiveArea.contact} class=\"sensitive-area-contact-value\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-574221ae.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as e,h as t,H as r,i as a}from"./p-b4e1f9ae.js";import{S as s,N as n,P as o,K as p}from"./p-a06aacd4.js";import{s as l}from"./p-ad723f74.js";const c='.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}';const w=class{constructor(t){i(this,t);this.centerOnMap=e(this,"centerOnMap",7);this.displayShortDescription=true;this.informationDesk=undefined}handleInformationDeskDescription(){this.displayShortDescription=!this.displayShortDescription}handleCenterOnMap(){this.centerOnMap.emit({latitude:this.informationDesk.latitude,longitude:this.informationDesk.longitude})}render(){return t(r,null,this.informationDesk.photo_url&&t("div",{class:"information-desk-img"},t("img",{src:this.informationDesk.photo_url,loading:"lazy"})),t("div",{class:"information-desk-sub-container"},this.informationDesk.name&&t("div",{class:"information-desk-name"},this.informationDesk.name),this.informationDesk.latitude&&this.informationDesk.longitude&&t("button",{class:"center-on-map-button",onClick:()=>this.handleCenterOnMap()},t("span",{class:"material-symbols material-symbols-outlined"},"location_searching"),"Centrer sur la carte"),(this.informationDesk.postal_code||this.informationDesk.municipality||this.informationDesk.street)&&t("div",null,this.informationDesk.postal_code&&this.informationDesk.postal_code,this.informationDesk.municipality&&` ${this.informationDesk.municipality}`,this.informationDesk.street&&` ${this.informationDesk.street}`),this.informationDesk.phone&&t("div",{class:"phone-container"},t("span",{class:"material-symbols material-symbols-outlined"},"call"),t("a",{href:`tel:${this.informationDesk.phone}`},this.informationDesk.phone)),this.informationDesk.email&&t("div",{class:"mail-container"},t("span",{class:"material-symbols material-symbols-outlined"},"mail"),t("a",{href:`mailto:${this.informationDesk.email}`},this.informationDesk.email)),this.informationDesk.website&&t("div",{class:"link-container"},t("span",{class:"material-symbols material-symbols-outlined"},"link"),t("a",{href:`${this.informationDesk.website}`},this.informationDesk.website)),this.informationDesk.description&&t("div",{class:"information-desk-description-container"},t("div",{class:this.displayShortDescription?"information-desk-description-short":"information-desk-description",innerHTML:this.informationDesk.description}),t("div",{class:"handle-information-desk-description",onClick:()=>this.handleInformationDeskDescription()},this.displayShortDescription?"Lire plus":"Lire moins"))))}};w.style=c;const d='@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}';const g=class{constructor(e){i(this,e);this.poi=undefined;this.displayShortDescription=true;this.displayFullscreen=false}componentDidLoad(){this.swiperPoi=new s(this.swiperPoiRef,{modules:[n,o,p],navigation:{prevEl:this.prevElPoiRef,nextEl:this.nextElPoiRef},pagination:{el:this.paginationElPoiRef},allowTouchMove:false,keyboard:false});this.swiperPoiRef.onfullscreenchange=()=>{this.displayFullscreen=!this.displayFullscreen;if(this.displayFullscreen){this.swiperPoi.keyboard.enable()}else{this.swiperPoi.keyboard.disable()}}}handlePoiDescription(){this.displayShortDescription=!this.displayShortDescription}handleFullscreen(){if(this.poi.attachments&&this.poi.attachments[0]&&this.poi.attachments[0].url){this.swiperPoiRef.requestFullscreen()}}render(){var i;const e=a(`${""}assets/default-image.svg`);return t(r,null,t("div",{class:"poi-type-img-container"},t("img",{class:"poi-type",src:`${(i=l.poiTypes.find((i=>i.id===this.poi.type)))===null||i===void 0?void 0:i.pictogram}`}),t("div",{class:"swiper",ref:i=>this.swiperPoiRef=i},t("div",{class:"swiper-wrapper"},this.poi.attachments.length>0?this.poi.attachments.filter((i=>i.type==="image")).map((i=>t("div",{class:"swiper-slide"},t("img",{class:`poi-img${this.displayFullscreen?" img-fullscreen":""}`,src:this.displayFullscreen?i.url:i.thumbnail,loading:"lazy",onClick:()=>this.handleFullscreen()})))):t("div",{class:"swiper-slide"},t("img",{class:"default-poi-img",src:e,loading:"lazy"}))),t("div",{class:"swiper-pagination",ref:i=>this.paginationElPoiRef=i}),t("div",{class:"swiper-button-prev",ref:i=>this.prevElPoiRef=i}),t("div",{class:"swiper-button-next",ref:i=>this.nextElPoiRef=i}))),t("div",{class:"poi-sub-container"},t("div",{class:"poi-name"},this.poi.name),t("div",{class:this.displayShortDescription?"poi-description-short":"poi-description",innerHTML:this.poi.description}),t("div",{class:"handle-poi-description",onClick:()=>this.handlePoiDescription()},this.displayShortDescription?"Lire plus":"Lire moins")))}};g.style=d;const b=":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--color-on-surface)}:host a{color:var(--color-primary-app)}.sensitive-area-title{font-size:22px;line-height:28px;padding:12px 0px;font-weight:400}.sensitive-area-description{font-size:16px;line-height:24px}.sensitive-area-period-container .sensitive-area-period-title,.sensitive-area-period-container .sensitive-area-practice-title,.sensitive-area-period-container .sensitive-area-contact-title,.sensitive-area-practice-container .sensitive-area-period-title,.sensitive-area-practice-container .sensitive-area-practice-title,.sensitive-area-practice-container .sensitive-area-contact-title,.sensitive-area-contact-container .sensitive-area-period-title,.sensitive-area-contact-container .sensitive-area-practice-title,.sensitive-area-contact-container .sensitive-area-contact-title{font-size:16px;line-height:24px;padding:12px 0px}.sensitive-area-period-container .sensitive-area-period-values,.sensitive-area-period-container .sensitive-area-practice-values,.sensitive-area-practice-container .sensitive-area-period-values,.sensitive-area-practice-container .sensitive-area-practice-values,.sensitive-area-contact-container .sensitive-area-period-values,.sensitive-area-contact-container .sensitive-area-practice-values{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";const m=class{constructor(e){i(this,e);this.sensitiveArea=undefined}render(){return t(r,null,t("div",{class:"sensitive-area-title"},this.sensitiveArea.name),t("div",{class:"sensitive-area-description",innerHTML:this.sensitiveArea.description}),this.sensitiveArea.practices&&this.sensitiveArea.practices.length>0&&t("div",{class:"sensitive-area-practice-container"},t("div",{class:"sensitive-area-practice-title"},"Domaines d'activités concernés :"),t("div",{class:"sensitive-area-practice-values"},this.sensitiveArea.practices.map(((i,e)=>{const r=l.practices.find((e=>e.id===i));if(r){return t("div",{innerHTML:`${r.name.toUpperCase()}${e+1!==this.sensitiveArea.practices.length?" - ":""}`})}})))),this.sensitiveArea.period&&this.sensitiveArea.period.length>0&&t("div",{class:"sensitive-area-period-container"},t("div",{class:"sensitive-area-period-title"},"Périodes de sensibilité"),t("div",{class:"sensitive-area-period-values"},this.sensitiveArea.period.map(((i,e)=>{if(i){return t("div",{innerHTML:`${new Date(0,e+1,0).toLocaleDateString("fr",{month:"long"}).toUpperCase()}${this.sensitiveArea.period.slice(e+1).find((i=>i))?" - ":""}`})}})))),t("div",{class:"sensitive-area-contact-container"},t("div",{class:"sensitive-area-contact-title"},"Contact"),t("div",{innerHTML:this.sensitiveArea.contact,class:"sensitive-area-contact-value"})))}};m.style=b;export{w as grw_information_desk_detail,g as grw_poi_detail,m as grw_sensitive_area_detail};
+//# sourceMappingURL=p-574221ae.entry.js.map

package/dist/geotrek-rando-widget/p-574221ae.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["grwInformationDeskDetailCss","GrwInformationDeskDetail","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","h","Host","photo_url","class","src","loading","name","onClick","postal_code","municipality","street","phone","href","email","website","description","innerHTML","grwPoiDetailCss","GrwPoiDetail","componentDidLoad","swiperPoi","Swiper","swiperPoiRef","modules","Navigation","Pagination","Keyboard","navigation","prevEl","prevElPoiRef","nextEl","nextElPoiRef","pagination","el","paginationElPoiRef","allowTouchMove","keyboard","onfullscreenchange","displayFullscreen","enable","disable","handlePoiDescription","handleFullscreen","poi","attachments","url","requestFullscreen","defaultImageSrc","getAssetPath","_a","state","poiTypes","find","poiType","id","type","pictogram","ref","length","filter","attachment","map","thumbnail","grwSensitiveAreaDetailCss","GrwSensitiveAreaDetail","sensitiveArea","practices","sensitiveAreaPractice","index","practice","statePractice","toUpperCase","period","month","Date","toLocaleDateString","slice","contact"],"sources":["./src/components/grw-information-desk-detail/grw-information-desk-detail.scss?tag=grw-information-desk-detail&encapsulation=shadow","./src/components/grw-information-desk-detail/grw-information-desk-detail.tsx","./src/components/grw-poi-detail/grw-poi-detail.scss?tag=grw-poi-detail&encapsulation=shadow","./src/components/grw-poi-detail/grw-poi-detail.tsx","./src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.scss?tag=grw-sensitive-area-detail&encapsulation=shadow","./src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.tsx"],"sourcesContent":[".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-detail',\n  styleUrl: 'grw-information-desk-detail.scss',\n  shadow: true,\n})\nexport class GrwInformationDeskDetail {\n  @Event() centerOnMap: EventEmitter<{ latitude: number; longitude: number }>;\n  @State() displayShortDescription = true;\n  @Prop() informationDesk: InformationDesk;\n\n  handleInformationDeskDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleCenterOnMap() {\n    this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.informationDesk.photo_url && (\n          <div class=\"information-desk-img\">\n            <img src={this.informationDesk.photo_url} loading=\"lazy\" />\n          </div>\n        )}\n        <div class=\"information-desk-sub-container\">\n          {this.informationDesk.name && <div class=\"information-desk-name\">{this.informationDesk.name}</div>}\n          {this.informationDesk.latitude && this.informationDesk.longitude && (\n            <button class=\"center-on-map-button\" onClick={() => this.handleCenterOnMap()}>\n              <span class=\"material-symbols 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-detail',\n  styleUrl: 'grw-poi-detail.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\n    this.swiperPoi = new Swiper(this.swiperPoiRef, {\n      modules: [Navigation, Pagination, Keyboard],\n      navigation: {\n        prevEl: this.prevElPoiRef,\n        nextEl: this.nextElPoiRef,\n      },\n      pagination: { el: this.paginationElPoiRef },\n      allowTouchMove: false,\n      keyboard: false,\n    });\n    this.swiperPoiRef.onfullscreenchange = () => {\n      this.displayFullscreen = !this.displayFullscreen;\n      if (this.displayFullscreen) {\n        this.swiperPoi.keyboard.enable();\n      } else {\n        this.swiperPoi.keyboard.disable();\n      }\n    };\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div class=\"poi-type-img-container\">\n          <img class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} />\n          <div class=\"swiper\" ref={el => (this.swiperPoiRef = el)}>\n            <div class=\"swiper-wrapper\">\n              {this.poi.attachments.length > 0 ? (\n                this.poi.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div class=\"swiper-slide\">\n                      <img\n                        class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                        src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                        loading=\"lazy\"\n                        onClick={() => this.handleFullscreen()}\n                      />\n                    </div>\n                  ))\n              ) : (\n                <div class=\"swiper-slide\">\n                  <img class=\"default-poi-img\" src={defaultImageSrc} loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n            <div class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n            <div class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n          </div>\n        </div>\n        <div class=\"poi-sub-container\">\n          <div class=\"poi-name\">{this.poi.name}</div>\n          <div class={this.displayShortDescription ? 'poi-description-short' : 'poi-description'} innerHTML={this.poi.description}></div>\n          <div class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n            {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: flex;\n  flex-direction: column;\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n}\n\n.sensitive-area-title {\n  font-size: 22px;\n  line-height: 28px;\n  padding: 12px 0px;\n  font-weight: 400;\n}\n\n.sensitive-area-description {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.sensitive-area-period-container,\n.sensitive-area-practice-container,\n.sensitive-area-contact-container {\n  .sensitive-area-period-title,\n  .sensitive-area-practice-title,\n  .sensitive-area-contact-title {\n    font-size: 16px;\n    line-height: 24px;\n    padding: 12px 0px;\n  }\n  .sensitive-area-period-values,\n  .sensitive-area-practice-values {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport state from 'store/store';\nimport { SensitiveArea } from 'types/types';\n\n@Component({\n  tag: 'grw-sensitive-area-detail',\n  styleUrl: 'grw-sensitive-area-detail.scss',\n  shadow: true,\n})\nexport class GrwSensitiveAreaDetail {\n  @Prop() sensitiveArea: SensitiveArea;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"sensitive-area-title\">{this.sensitiveArea.name}</div>\n        <div class=\"sensitive-area-description\" innerHTML={this.sensitiveArea.description}></div>\n        {this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (\n          <div class=\"sensitive-area-practice-container\">\n            <div class=\"sensitive-area-practice-title\">Domaines d'activités concernés :</div>\n            <div class=\"sensitive-area-practice-values\">\n              {this.sensitiveArea.practices.map((sensitiveAreaPractice, index) => {\n                const practice = state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);\n                if (practice) {\n                  return <div innerHTML={`${practice.name.toUpperCase()}${index + 1 !== this.sensitiveArea.practices.length ? ' -&nbsp;' : ''}`}></div>;\n                }\n              })}\n            </div>\n          </div>\n        )}\n        {this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (\n          <div class=\"sensitive-area-period-container\">\n            <div class=\"sensitive-area-period-title\">Périodes de sensibilité</div>\n            <div class=\"sensitive-area-period-values\">\n              {this.sensitiveArea.period.map((month, index) => {\n                if (month) {\n                  return (\n                    <div\n                      innerHTML={`${new Date(0, index + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${\n                        this.sensitiveArea.period.slice(index + 1).find(month => month) ? ' -&nbsp;' : ''\n                      }`}\n                    ></div>\n                  );\n                }\n              })}\n            </div>\n          </div>\n        )}\n        <div class=\"sensitive-area-contact-container\">\n          <div class=\"sensitive-area-contact-title\">Contact</div>\n          <div innerHTML={this.sensitiveArea.contact} class=\"sensitive-area-contact-value\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-731c8990.system.js

@@ -0,0 +1,2 @@
+var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var n=0,s=r.length,i;n<s;n++){if(i||!(n in r)){if(!i)i=Array.prototype.slice.call(r,0,n);i[n]=r[n]}}return e.concat(i||Array.prototype.slice.call(r))};System.register(["./p-a7ce321e.system.js"],(function(e){"use strict";var r;return{setters:[function(e){r=e.s}],execute:function(){e({a:t,b:n,c:s,h:a});function t(e){var r;if(e<24){r="".concat(Math.floor(e),"h");if(e%1>0){r+="".concat(Math.round(60*(e%1)),"min")}}else{r="".concat(e/24,"j")}return r}function n(e){return"".concat(Math.round(e/1e3),"km")}function s(e){return"".concat(e,"m")}var i=e("f",[{property:"practices",trekProperty:"practice",trekPropertyIsArray:false,type:"include",segment:"selectedOthersFilters"},{property:"difficulties",trekProperty:"difficulty",trekPropertyIsArray:false,type:"include",segment:"selectedOthersFilters"},{property:"durations",trekProperty:"duration",trekPropertyIsArray:false,type:"interval",segment:"selectedOthersFilters"},{property:"lengths",trekProperty:"length_2d",trekPropertyIsArray:false,type:"interval",segment:"selectedOthersFilters"},{property:"elevations",trekProperty:"ascent",trekPropertyIsArray:false,type:"interval",segment:"selectedOthersFilters"},{property:"routes",trekProperty:"route",trekPropertyIsArray:false,type:"include",segment:"selectedOthersFilters"},{property:"accessibilities",trekProperty:"accessibilities",trekPropertyIsArray:true,type:"include",segment:"selectedOthersFilters"},{property:"labels",trekProperty:"labels",trekPropertyIsArray:true,type:"include",segment:"selectedOthersFilters"},{property:"themes",trekProperty:"themes",trekPropertyIsArray:true,type:"include",segment:"selectedThemesFilters"},{property:"cities",trekProperty:"cities",trekPropertyIsArray:true,type:"include",segment:"selectedLocationFilters"},{property:"districts",trekProperty:"districts",trekPropertyIsArray:true,type:"include",segment:"selectedLocationFilters"}]);function a(){var e=false;var t=[];var n=function(n){var s=r[n.property].filter((function(e){return e.selected})).map((function(e){return e.id}));if(s.length>0){if(t.length>0){if(n.type==="include"){if(n.trekPropertyIsArray){t=__spreadArray([],t.filter((function(e){return e[n.trekProperty].some((function(e){return s.includes(e)}))})),true)}else{t=__spreadArray([],t.filter((function(e){return s.includes(e[n.trekProperty])})),true)}}else if(n.type==="interval"){t=__spreadArray([],t.filter((function(e){var t=function(t){var s=r[n.property].find((function(e){return e.id===t}));if(e[n.trekProperty]>=s.minValue&&e[n.trekProperty]<=s.maxValue){return{value:true}}};for(var i=0,a=s;i<a.length;i++){var o=a[i];var l=t(o);if(typeof l==="object")return l.value}return false})),true)}}else{if(!e){e=true}if(n.type==="include"){if(n.trekPropertyIsArray){t=__spreadArray([],r.treks.filter((function(e){return e[n.trekProperty].some((function(e){return s.includes(e)}))})),true)}else{t=__spreadArray([],r.treks.filter((function(e){return s.includes(e[n.trekProperty])})),true)}}else if(n.type==="interval"){var i;var a;var o=function(e){var t=r[n.property].find((function(r){return r.id===e}));if(isNaN(i)||t.minValue<i){i=t.minValue}if(isNaN(a)||t.maxValue>a){a=t.maxValue}};for(var l=0,u=s;l<u.length;l++){var p=u[l];o(p)}t=__spreadArray([],r.treks.filter((function(e){return e[n.trekProperty]>=i&&e[n.trekProperty]<=a})),true)}}}};for(var s=0,a=i;s<a.length;s++){var o=a[s];n(o)}var l=e?t:r.treks;return Boolean(r.searchValue)?l.filter((function(e){return e.name.toLowerCase().includes(r.searchValue.toLowerCase())})):l}}}}));
+//# sourceMappingURL=p-731c8990.system.js.map

package/dist/geotrek-rando-widget/p-731c8990.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatDuration","duration","formattedDuration","concat","Math","floor","round","formatLength","length","formatAscent","ascent","filters","exports","property","trekProperty","trekPropertyIsArray","type","segment","handleFiltersAndSearch","isUsingFilter","filtersTreks","filter","currentFiltersId","state","currentFilter","selected","map","id","__spreadArray","trek","some","includes","currentFilterId","find","minValue","maxValue","_i","currentFiltersId_2","treks","minValue_1","maxValue_1","isNaN","_a","currentFiltersId_1","filters_1","searchTreks","Boolean","searchValue","currentTrek","name","toLowerCase"],"sources":["src/utils/utils.ts"],"sourcesContent":["import state from 'store/store';\nimport { Filters, Treks } from 'types/types';\n\nexport function formatDuration(duration: number) {\n  let formattedDuration;\n  if (duration < 24) {\n    formattedDuration = `${Math.floor(duration)}h`;\n    if (duration % 1 > 0) {\n      formattedDuration += `${Math.round(60 * (duration % 1))}min`;\n    }\n  } else {\n    formattedDuration = `${duration / 24}j`;\n  }\n  return formattedDuration;\n}\n\nexport function formatLength(length: number) {\n  return `${Math.round(length / 1000)}km`;\n}\n\nexport function formatAscent(ascent: number) {\n  return `${ascent}m`;\n}\n\nexport const filters: Filters = [\n  { property: 'practices', trekProperty: 'practice', trekPropertyIsArray: false, type: 'include', segment: 'selectedOthersFilters' },\n  { property: 'difficulties', trekProperty: 'difficulty', trekPropertyIsArray: false, type: 'include', segment: 'selectedOthersFilters' },\n  { property: 'durations', trekProperty: 'duration', trekPropertyIsArray: false, type: 'interval', segment: 'selectedOthersFilters' },\n  { property: 'lengths', trekProperty: 'length_2d', trekPropertyIsArray: false, type: 'interval', segment: 'selectedOthersFilters' },\n  { property: 'elevations', trekProperty: 'ascent', trekPropertyIsArray: false, type: 'interval', segment: 'selectedOthersFilters' },\n  { property: 'routes', trekProperty: 'route', trekPropertyIsArray: false, type: 'include', segment: 'selectedOthersFilters' },\n  { property: 'accessibilities', trekProperty: 'accessibilities', trekPropertyIsArray: true, type: 'include', segment: 'selectedOthersFilters' },\n  { property: 'labels', trekProperty: 'labels', trekPropertyIsArray: true, type: 'include', segment: 'selectedOthersFilters' },\n  { property: 'themes', trekProperty: 'themes', trekPropertyIsArray: true, type: 'include', segment: 'selectedThemesFilters' },\n  { property: 'cities', trekProperty: 'cities', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },\n  { property: 'districts', trekProperty: 'districts', trekPropertyIsArray: true, type: 'include', segment: 'selectedLocationFilters' },\n];\n\nexport function handleFiltersAndSearch(): Treks {\n  let isUsingFilter = false;\n  let filtersTreks = [];\n  for (const filter of filters) {\n    const currentFiltersId: number[] = state[filter.property].filter(currentFilter => currentFilter.selected).map(currentFilter => currentFilter.id);\n    if (currentFiltersId.length > 0) {\n      if (filtersTreks.length > 0) {\n        if (filter.type === 'include') {\n          if (filter.trekPropertyIsArray) {\n            filtersTreks = [...filtersTreks.filter(trek => trek[filter.trekProperty].some(trekProperty => currentFiltersId.includes(trekProperty)))];\n          } else {\n            filtersTreks = [...filtersTreks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];\n          }\n        } else if (filter.type === 'interval') {\n          filtersTreks = [\n            ...filtersTreks.filter(trek => {\n              for (const currentFilterId of currentFiltersId) {\n                const currentFilter = state[filter.property].find(property => property.id === currentFilterId);\n                if (trek[filter.trekProperty] >= currentFilter.minValue && trek[filter.trekProperty] <= currentFilter.maxValue) {\n                  return true;\n                }\n              }\n              return false;\n            }),\n          ];\n        }\n      } else {\n        if (!isUsingFilter) {\n          isUsingFilter = true;\n        }\n        if (filter.type === 'include') {\n          if (filter.trekPropertyIsArray) {\n            filtersTreks = [...state.treks.filter(trek => trek[filter.trekProperty].some(trekProperty => currentFiltersId.includes(trekProperty)))];\n          } else {\n            filtersTreks = [...state.treks.filter(trek => currentFiltersId.includes(trek[filter.trekProperty]))];\n          }\n        } else if (filter.type === 'interval') {\n          let minValue: number;\n          let maxValue: number;\n          for (const currentFilterId of currentFiltersId) {\n            const currentFilter = state[filter.property].find(property => property.id === currentFilterId);\n            if (isNaN(minValue) || currentFilter.minValue < minValue) {\n              minValue = currentFilter.minValue;\n            }\n            if (isNaN(maxValue) || currentFilter.maxValue > maxValue) {\n              maxValue = currentFilter.maxValue;\n            }\n          }\n          filtersTreks = [...state.treks.filter(trek => trek[filter.trekProperty] >= minValue && trek[filter.trekProperty] <= maxValue)];\n        }\n      }\n    }\n  }\n\n  const searchTreks = isUsingFilter ? filtersTreks : state.treks;\n  return Boolean(state.searchValue) ? searchTreks.filter(currentTrek => currentTrek.name.toLowerCase().includes(state.searchValue.toLowerCase())) : searchTreks;\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-7c0fdac3.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-266b2cee.system.js","./p-a7ce321e.system.js","./p-731c8990.system.js"],(function(e){"use strict";var r,t,i,n,a,c,o,s,l,d;return{setters:[function(e){r=e.r;t=e.c;i=e.h;n=e.H},function(e){a=e.s;c=e.o;o=e.r},function(e){s=e.a;l=e.b;d=e.c}],execute:function(){var u='.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}.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:auto;margin-right:8px}.trek-card-container .sub-container .icons-labels-container .row .practice img,.trek-card-large-view-container .sub-container .icons-labels-container .row .practice img{background-color:var(--color-primary-app)}.trek-card-container{width:350px}.trek-card-container .image{width:100%;max-height:200px}.trek-card-large-view-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.trek-card-large-view-container .image{width:250px}';var f=e("grw_trek_card",function(){function e(e){r(this,e);this.trekCardPress=t(this,"trekCardPress",7);this.currentTrek=undefined;this.difficulty=undefined;this.route=undefined;this.practice=undefined;this.themes=undefined;this.departureCity=undefined;this.trek=undefined;this.colorPrimaryApp="#6b0030";this.colorOnSurface="#49454e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorSurfaceContainerLow="#f7f2fa";this.isLargeView=false;this.resetStoreOnDisconnected=true}e.prototype.connectedCallback=function(){var e=this;this.currentTrek=this.trek?this.trek:a.currentTrek;if(this.currentTrek){this.difficulty=a.difficulties.find((function(r){return r.id===e.currentTrek.difficulty}));this.route=a.routes.find((function(r){return r.id===e.currentTrek.route}));this.practice=a.practices.find((function(r){return r.id===e.currentTrek.practice}));this.themes=a.themes.filter((function(r){return e.currentTrek.themes.includes(r.id)}));this.departureCity=a.cities.find((function(r){return r.id===e.currentTrek.departure_city}))}c("currentTrek",(function(){e.currentTrek=e.trek?e.trek:a.currentTrek;if(e.currentTrek){e.difficulty=a.difficulties.find((function(r){return r.id===e.currentTrek.difficulty}));e.route=a.routes.find((function(r){return r.id===e.currentTrek.route}));e.practice=a.practices.find((function(r){return r.id===e.currentTrek.practice}));e.themes=a.themes.filter((function(r){return e.currentTrek.themes.includes(r.id)}));e.departureCity=a.cities.find((function(r){return r.id===e.currentTrek.departure_city}))}}))};e.prototype.disconnectedCallback=function(){if(this.resetStoreOnDisconnected){o()}};e.prototype.render=function(){var e=this;var r,t,a,c,o,u,f;return i(n,{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&&i("div",{class:this.isLargeView?"trek-card-large-view-container":"trek-card-container",onClick:function(){return e.trekCardPress.emit(e.currentTrek.id)}},this.currentTrek.attachments.filter((function(e){return e.type==="image"})).length>0&&i("img",{class:"image",src:"".concat(this.currentTrek.attachments.filter((function(e){return e.type==="image"}))[0].thumbnail),loading:"lazy"}),i("div",{class:"sub-container"},this.departureCity&&i("div",{class:"departure"},this.departureCity.name),i("div",{class:"name"},(r=this.currentTrek)===null||r===void 0?void 0:r.name),i("div",{class:"themes-container"},this.themes.map((function(e){return i("div",{class:"theme"},e.label)}))),i("div",{class:"icons-labels-container"},i("div",{class:"row"},i("div",{class:"icon-label difficulty"},((t=this.difficulty)===null||t===void 0?void 0:t.pictogram)&&i("img",{src:this.difficulty.pictogram}),(a=this.difficulty)===null||a===void 0?void 0:a.label),i("div",{class:"icon-label duration"},i("span",{class:"material-symbols material-symbols-outlined"},"timelapse"),s(this.currentTrek.duration))),i("div",{class:"row"},i("div",{class:"icon-label length"},i("span",{class:"material-symbols material-symbols-outlined"},"open_in_full"),l(this.currentTrek.length_2d)),i("div",{class:"icon-label ascent"},i("span",{class:"material-symbols material-symbols-outlined"},"moving"),d(this.currentTrek.ascent))),i("div",{class:"row"},i("div",{class:"icon-label route"},((c=this.route)===null||c===void 0?void 0:c.pictogram)&&i("img",{src:this.route.pictogram}),(o=this.route)===null||o===void 0?void 0:o.route),i("div",{class:"icon-label practice"},((u=this.practice)===null||u===void 0?void 0:u.pictogram)&&i("img",{src:this.practice.pictogram}),(f=this.practice)===null||f===void 0?void 0:f.name))))))};return e}());f.style=u}}}));
+//# sourceMappingURL=p-7c0fdac3.system.entry.js.map

package/dist/geotrek-rando-widget/p-7c0fdac3.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["grwTrekCardCss","GrwTrekCard","exports","class_1","prototype","connectedCallback","_this","this","currentTrek","trek","state","difficulty","difficulties","find","id","route","routes","practice","practices","themes","filter","theme","includes","departureCity","cities","city","departure_city","onChange","disconnectedCallback","resetStoreOnDisconnected","reset","render","h","Host","style","width","isLargeView","colorPrimaryApp","colorOnSurface","colorSecondaryContainer","colorOnSecondaryContainer","colorSurfaceContainerLow","class","onClick","trekCardPress","emit","attachments","attachment","type","length","src","concat","thumbnail","loading","name","_a","map","label","_b","pictogram","_c","formatDuration","duration","formatLength","length_2d","formatAscent","ascent","_d","_e","_f","_g"],"sources":["src/components/grw-trek-card/grw-trek-card.scss?tag=grw-trek-card&encapsulation=shadow","src/components/grw-trek-card/grw-trek-card.tsx"],"sourcesContent":[".material-symbols {\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      }\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: auto;\n            margin-right: 8px;\n          }\n        }\n        .practice {\n          img {\n            background-color: var(--color-primary-app);\n          }\n        }\n      }\n    }\n  }\n}\n\n.trek-card-container {\n  width: 350px;\n  .image {\n    width: 100%;\n    max-height: 200px;\n  }\n}\n\n.trek-card-large-view-container {\n  display: flex;\n  flex-direction: row;\n  .image {\n    width: 250px;\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport state, { onChange, reset } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\n\n@Component({\n  tag: 'grw-trek-card',\n  styleUrl: 'grw-trek-card.scss',\n  shadow: true,\n})\nexport class GrwTrekCard {\n  @Event() trekCardPress: EventEmitter<number>;\n  @State() currentTrek: Trek;\n  @State() difficulty: Difficulty;\n  @State() route: Route;\n  @State() practice: Practice;\n  @State() themes: Themes;\n  @State() departureCity: City;\n  @Prop() trek: Trek;\n  @Prop() colorPrimaryApp = '#6b0030';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() isLargeView = false;\n  @Prop() resetStoreOnDisconnected = true;\n\n  connectedCallback() {\n    this.currentTrek = this.trek ? this.trek : state.currentTrek;\n    if (this.currentTrek) {\n      this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n      this.route = state.routes.find(route => route.id === this.currentTrek.route);\n      this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n      this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n      this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n    }\n    onChange('currentTrek', () => {\n      this.currentTrek = this.trek ? this.trek : state.currentTrek;\n      if (this.currentTrek) {\n        this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n        this.route = state.routes.find(route => route.id === this.currentTrek.route);\n        this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n        this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n        this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.resetStoreOnDisconnected) {\n      reset();\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          'width': this.isLargeView ? '100%' : 'auto',\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n        }}\n      >\n        {this.currentTrek && (\n          <div class={this.isLargeView ? 'trek-card-large-view-container' : 'trek-card-container'} onClick={() => this.trekCardPress.emit(this.currentTrek.id)}>\n            {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (\n              <img class=\"image\" src={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n            )}\n            <div class=\"sub-container\">\n              {this.departureCity && <div class=\"departure\">{this.departureCity.name}</div>}\n              <div class=\"name\">{this.currentTrek?.name}</div>\n              <div class=\"themes-container\">\n                {this.themes.map(theme => (\n                  <div class=\"theme\">{theme.label}</div>\n                ))}\n              </div>\n              <div class=\"icons-labels-container\">\n                <div class=\"row\">\n                  <div class=\"icon-label difficulty\">\n                    {this.difficulty?.pictogram && <img src={this.difficulty.pictogram} />}\n                    {this.difficulty?.label}\n                  </div>\n                  <div class=\"icon-label duration\">\n                    <span class=\"material-symbols 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                <div class=\"row\">\n                  <div class=\"icon-label route\">\n                    {this.route?.pictogram && <img src={this.route.pictogram} />}\n                    {this.route?.route}\n                  </div>\n                  <div class=\"icon-label practice\">\n                    {this.practice?.pictogram && <img src={this.practice.pictogram} />}\n                    {this.practice?.name}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/geotrek-rando-widget/p-890b281b.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as a}from"./p-b4e1f9ae.js";import{s as r,o as n,r as o}from"./p-ad723f74.js";import{a as s,b as c,c as l}from"./p-c1eb1f30.js";const d='.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}.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:auto;margin-right:8px}.trek-card-container .sub-container .icons-labels-container .row .practice img,.trek-card-large-view-container .sub-container .icons-labels-container .row .practice img{background-color:var(--color-primary-app)}.trek-card-container{width:350px}.trek-card-container .image{width:100%;max-height:200px}.trek-card-large-view-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.trek-card-large-view-container .image{width:250px}';const h=class{constructor(t){e(this,t);this.trekCardPress=i(this,"trekCardPress",7);this.currentTrek=undefined;this.difficulty=undefined;this.route=undefined;this.practice=undefined;this.themes=undefined;this.departureCity=undefined;this.trek=undefined;this.colorPrimaryApp="#6b0030";this.colorOnSurface="#49454e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorSurfaceContainerLow="#f7f2fa";this.isLargeView=false;this.resetStoreOnDisconnected=true}connectedCallback(){this.currentTrek=this.trek?this.trek:r.currentTrek;if(this.currentTrek){this.difficulty=r.difficulties.find((e=>e.id===this.currentTrek.difficulty));this.route=r.routes.find((e=>e.id===this.currentTrek.route));this.practice=r.practices.find((e=>e.id===this.currentTrek.practice));this.themes=r.themes.filter((e=>this.currentTrek.themes.includes(e.id)));this.departureCity=r.cities.find((e=>e.id===this.currentTrek.departure_city))}n("currentTrek",(()=>{this.currentTrek=this.trek?this.trek:r.currentTrek;if(this.currentTrek){this.difficulty=r.difficulties.find((e=>e.id===this.currentTrek.difficulty));this.route=r.routes.find((e=>e.id===this.currentTrek.route));this.practice=r.practices.find((e=>e.id===this.currentTrek.practice));this.themes=r.themes.filter((e=>this.currentTrek.themes.includes(e.id)));this.departureCity=r.cities.find((e=>e.id===this.currentTrek.departure_city))}}))}disconnectedCallback(){if(this.resetStoreOnDisconnected){o()}}render(){var e,i,r,n,o,d,h;return t(a,{style:{width:this.isLargeView?"100%":"auto","--color-primary-app":this.colorPrimaryApp,"--color-on-surface":this.colorOnSurface,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-surface-container-low":this.colorSurfaceContainerLow}},this.currentTrek&&t("div",{class:this.isLargeView?"trek-card-large-view-container":"trek-card-container",onClick:()=>this.trekCardPress.emit(this.currentTrek.id)},this.currentTrek.attachments.filter((e=>e.type==="image")).length>0&&t("img",{class:"image",src:`${this.currentTrek.attachments.filter((e=>e.type==="image"))[0].thumbnail}`,loading:"lazy"}),t("div",{class:"sub-container"},this.departureCity&&t("div",{class:"departure"},this.departureCity.name),t("div",{class:"name"},(e=this.currentTrek)===null||e===void 0?void 0:e.name),t("div",{class:"themes-container"},this.themes.map((e=>t("div",{class:"theme"},e.label)))),t("div",{class:"icons-labels-container"},t("div",{class:"row"},t("div",{class:"icon-label difficulty"},((i=this.difficulty)===null||i===void 0?void 0:i.pictogram)&&t("img",{src:this.difficulty.pictogram}),(r=this.difficulty)===null||r===void 0?void 0:r.label),t("div",{class:"icon-label duration"},t("span",{class:"material-symbols material-symbols-outlined"},"timelapse"),s(this.currentTrek.duration))),t("div",{class:"row"},t("div",{class:"icon-label length"},t("span",{class:"material-symbols material-symbols-outlined"},"open_in_full"),c(this.currentTrek.length_2d)),t("div",{class:"icon-label ascent"},t("span",{class:"material-symbols material-symbols-outlined"},"moving"),l(this.currentTrek.ascent))),t("div",{class:"row"},t("div",{class:"icon-label route"},((n=this.route)===null||n===void 0?void 0:n.pictogram)&&t("img",{src:this.route.pictogram}),(o=this.route)===null||o===void 0?void 0:o.route),t("div",{class:"icon-label practice"},((d=this.practice)===null||d===void 0?void 0:d.pictogram)&&t("img",{src:this.practice.pictogram}),(h=this.practice)===null||h===void 0?void 0:h.name))))))}};h.style=d;export{h as grw_trek_card};
+//# sourceMappingURL=p-890b281b.entry.js.map

package/dist/geotrek-rando-widget/p-890b281b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["grwTrekCardCss","GrwTrekCard","connectedCallback","this","currentTrek","trek","state","difficulty","difficulties","find","id","route","routes","practice","practices","themes","filter","theme","includes","departureCity","cities","city","departure_city","onChange","disconnectedCallback","resetStoreOnDisconnected","reset","render","h","Host","style","width","isLargeView","colorPrimaryApp","colorOnSurface","colorSecondaryContainer","colorOnSecondaryContainer","colorSurfaceContainerLow","class","onClick","trekCardPress","emit","attachments","attachment","type","length","src","thumbnail","loading","name","_a","map","label","_b","pictogram","_c","formatDuration","duration","formatLength","length_2d","formatAscent","ascent","_d","_e","_f","_g"],"sources":["./src/components/grw-trek-card/grw-trek-card.scss?tag=grw-trek-card&encapsulation=shadow","./src/components/grw-trek-card/grw-trek-card.tsx"],"sourcesContent":[".material-symbols {\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      }\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: auto;\n            margin-right: 8px;\n          }\n        }\n        .practice {\n          img {\n            background-color: var(--color-primary-app);\n          }\n        }\n      }\n    }\n  }\n}\n\n.trek-card-container {\n  width: 350px;\n  .image {\n    width: 100%;\n    max-height: 200px;\n  }\n}\n\n.trek-card-large-view-container {\n  display: flex;\n  flex-direction: row;\n  .image {\n    width: 250px;\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport state, { onChange, reset } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\n\n@Component({\n  tag: 'grw-trek-card',\n  styleUrl: 'grw-trek-card.scss',\n  shadow: true,\n})\nexport class GrwTrekCard {\n  @Event() trekCardPress: EventEmitter<number>;\n  @State() currentTrek: Trek;\n  @State() difficulty: Difficulty;\n  @State() route: Route;\n  @State() practice: Practice;\n  @State() themes: Themes;\n  @State() departureCity: City;\n  @Prop() trek: Trek;\n  @Prop() colorPrimaryApp = '#6b0030';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() isLargeView = false;\n  @Prop() resetStoreOnDisconnected = true;\n\n  connectedCallback() {\n    this.currentTrek = this.trek ? this.trek : state.currentTrek;\n    if (this.currentTrek) {\n      this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n      this.route = state.routes.find(route => route.id === this.currentTrek.route);\n      this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n      this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n      this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n    }\n    onChange('currentTrek', () => {\n      this.currentTrek = this.trek ? this.trek : state.currentTrek;\n      if (this.currentTrek) {\n        this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n        this.route = state.routes.find(route => route.id === this.currentTrek.route);\n        this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n        this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n        this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.resetStoreOnDisconnected) {\n      reset();\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          'width': this.isLargeView ? '100%' : 'auto',\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n        }}\n      >\n        {this.currentTrek && (\n          <div class={this.isLargeView ? 'trek-card-large-view-container' : 'trek-card-container'} onClick={() => this.trekCardPress.emit(this.currentTrek.id)}>\n            {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (\n              <img class=\"image\" src={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n            )}\n            <div class=\"sub-container\">\n              {this.departureCity && <div class=\"departure\">{this.departureCity.name}</div>}\n              <div class=\"name\">{this.currentTrek?.name}</div>\n              <div class=\"themes-container\">\n                {this.themes.map(theme => (\n                  <div class=\"theme\">{theme.label}</div>\n                ))}\n              </div>\n              <div class=\"icons-labels-container\">\n                <div class=\"row\">\n                  <div class=\"icon-label difficulty\">\n                    {this.difficulty?.pictogram && <img src={this.difficulty.pictogram} />}\n                    {this.difficulty?.label}\n                  </div>\n                  <div class=\"icon-label duration\">\n                    <span class=\"material-symbols 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                <div class=\"row\">\n                  <div class=\"icon-label route\">\n                    {this.route?.pictogram && <img src={this.route.pictogram} />}\n                    {this.route?.route}\n                  </div>\n                  <div class=\"icon-label practice\">\n                    {this.practice?.pictogram && <img src={this.practice.pictogram} />}\n                    {this.practice?.name}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6JAAA,MAAMA,EAAiB,wqI,MCUVC,EAAW,M,oQASI,U,oBACD,U,6BACS,U,+BACE,U,8BACD,U,iBACb,M,8BACa,I,CAEnCC,oBACEC,KAAKC,YAAcD,KAAKE,KAAOF,KAAKE,KAAOC,EAAMF,YACjD,GAAID,KAAKC,YAAa,CACpBD,KAAKI,WAAaD,EAAME,aAAaC,MAAKF,GAAcA,EAAWG,KAAOP,KAAKC,YAAYG,aAC3FJ,KAAKQ,MAAQL,EAAMM,OAAOH,MAAKE,GAASA,EAAMD,KAAOP,KAAKC,YAAYO,QACtER,KAAKU,SAAWP,EAAMQ,UAAUL,MAAKI,GAAYA,EAASH,KAAOP,KAAKC,YAAYS,WAClFV,KAAKY,OAAST,EAAMS,OAAOC,QAAOC,GAASd,KAAKC,YAAYW,OAAOG,SAASD,EAAMP,MAClFP,KAAKgB,cAAgBb,EAAMc,OAAOX,MAAKY,GAAQA,EAAKX,KAAOP,KAAKC,YAAYkB,gB,CAE9EC,EAAS,eAAe,KACtBpB,KAAKC,YAAcD,KAAKE,KAAOF,KAAKE,KAAOC,EAAMF,YACjD,GAAID,KAAKC,YAAa,CACpBD,KAAKI,WAAaD,EAAME,aAAaC,MAAKF,GAAcA,EAAWG,KAAOP,KAAKC,YAAYG,aAC3FJ,KAAKQ,MAAQL,EAAMM,OAAOH,MAAKE,GAASA,EAAMD,KAAOP,KAAKC,YAAYO,QACtER,KAAKU,SAAWP,EAAMQ,UAAUL,MAAKI,GAAYA,EAASH,KAAOP,KAAKC,YAAYS,WAClFV,KAAKY,OAAST,EAAMS,OAAOC,QAAOC,GAASd,KAAKC,YAAYW,OAAOG,SAASD,EAAMP,MAClFP,KAAKgB,cAAgBb,EAAMc,OAAOX,MAAKY,GAAQA,EAAKX,KAAOP,KAAKC,YAAYkB,gB,KAKlFE,uBACE,GAAIrB,KAAKsB,yBAA0B,CACjCC,G,EAIJC,S,kBACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLC,MAAS5B,KAAK6B,YAAc,OAAS,OACrC,sBAAuB7B,KAAK8B,gBAC5B,qBAAsB9B,KAAK+B,eAC3B,8BAA+B/B,KAAKgC,wBACpC,iCAAkChC,KAAKiC,0BACvC,gCAAiCjC,KAAKkC,2BAGvClC,KAAKC,aACJwB,EAAA,OAAKU,MAAOnC,KAAK6B,YAAc,iCAAmC,sBAAuBO,QAAS,IAAMpC,KAAKqC,cAAcC,KAAKtC,KAAKC,YAAYM,KAC9IP,KAAKC,YAAYsC,YAAY1B,QAAO2B,GAAcA,EAAWC,OAAS,UAASC,OAAS,GACvFjB,EAAA,OAAKU,MAAM,QAAQQ,IAAK,GAAG3C,KAAKC,YAAYsC,YAAY1B,QAAO2B,GAAcA,EAAWC,OAAS,UAAS,GAAGG,YAAaC,QAAQ,SAEpIpB,EAAA,OAAKU,MAAM,iBACRnC,KAAKgB,eAAiBS,EAAA,OAAKU,MAAM,aAAanC,KAAKgB,cAAc8B,MAClErB,EAAA,OAAKU,MAAM,SAAQY,EAAA/C,KAAKC,eAAW,MAAA8C,SAAA,SAAAA,EAAED,MACrCrB,EAAA,OAAKU,MAAM,oBACRnC,KAAKY,OAAOoC,KAAIlC,GACfW,EAAA,OAAKU,MAAM,SAASrB,EAAMmC,UAG9BxB,EAAA,OAAKU,MAAM,0BACTV,EAAA,OAAKU,MAAM,OACTV,EAAA,OAAKU,MAAM,2BACRe,EAAAlD,KAAKI,cAAU,MAAA8C,SAAA,SAAAA,EAAEC,YAAa1B,EAAA,OAAKkB,IAAK3C,KAAKI,WAAW+C,aACxDC,EAAApD,KAAKI,cAAU,MAAAgD,SAAA,S,EAAEH,OAEpBxB,EAAA,OAAKU,MAAM,uBACTV,EAAA,QAAMU,MAAM,8CAA4C,aACvDkB,EAAerD,KAAKC,YAAYqD,YAGrC7B,EAAA,OAAKU,MAAM,OACTV,EAAA,OAAKU,MAAM,qBACTV,EAAA,QAAMU,MAAM,8CAA4C,gBACvDoB,EAAavD,KAAKC,YAAYuD,YAEjC/B,EAAA,OAAKU,MAAM,qBACTV,EAAA,QAAMU,MAAM,8CAA4C,UACvDsB,EAAazD,KAAKC,YAAYyD,UAGnCjC,EAAA,OAAKU,MAAM,OACTV,EAAA,OAAKU,MAAM,sBACRwB,EAAA3D,KAAKQ,SAAK,MAAAmD,SAAA,SAAAA,EAAER,YAAa1B,EAAA,OAAKkB,IAAK3C,KAAKQ,MAAM2C,aAC9CS,EAAA5D,KAAKQ,SAAK,MAAAoD,SAAA,S,EAAEpD,OAEfiB,EAAA,OAAKU,MAAM,yBACR0B,EAAA7D,KAAKU,YAAQ,MAAAmD,SAAA,SAAAA,EAAEV,YAAa1B,EAAA,OAAKkB,IAAK3C,KAAKU,SAASyC,aACpDW,EAAA9D,KAAKU,YAAQ,MAAAoD,SAAA,S,EAAEhB,U"}

package/dist/geotrek-rando-widget/p-9099f1eb.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-266b2cee.system.js","./p-a1c76660.system.js","./p-a7ce321e.system.js","./p-731c8990.system.js"],(function(e){"use strict";var t,r,i,n,o,a,s,l,c,h;return{setters:[function(e){t=e.r;r=e.c;i=e.h;n=e.H;o=e.g},function(e){a=e.t},function(e){s=e.o;l=e.s;c=e.r},function(e){h=e.f}],execute:function(){var d='.material-symbols{font-family:"Material Symbols Outlined"}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48}grw-app{display:block;position:relative;width:var(--app-width);height:var(--app-height);font-family:"Roboto";color:var(--color-on-surface);overflow:hidden;line-height:initial;max-width:100vw;max-height:100vh}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.header-container,.large-view-header-container{background-color:var(--color-background);-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.header-container .header-top,.large-view-header-container .header-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:64px}.header-container .arrow-back-icon,.large-view-header-container .arrow-back-icon{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface);border:none;background-color:var(--color-background);border-radius:50%;height:48px;width:48px;padding:12px}.header-container .arrow-back-icon:hover,.large-view-header-container .arrow-back-icon:hover{-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1)}.header-container .header-left-container,.large-view-header-container .header-left-container{margin-left:8px}.header-container .header-right-container,.large-view-header-container .header-right-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:8px}.header-container .header-right-container .margin-right-icon,.large-view-header-container .header-right-container .margin-right-icon{margin-right:8px}.header-container .attribution-container a,.large-view-header-container .attribution-container a{font-size:24px;font-weight:400;line-height:40px;color:var(--color-on-surface);text-decoration:none}.options-container{height:calc(100% - 64px);position:absolute;width:100%;z-index:1100;top:64px}.handle-search-filters-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:0px 16px;height:64px}.handle-search-filters-container .handle-filters-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;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;border:none;background-color:var(--color-background);color:var(--color-on-surface);padding:12px 24px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;gap:8px;white-space:nowrap;line-height:20px;letter-spacing:0.1000000015px;font-size:14px;font-weight:500;-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);-webkit-transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:-webkit-box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s;transition:box-shadow 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s}.handle-search-filters-container .handle-filters-button span{font-size:18px}.filters-container{background-color:var(--color-background);position:relative;width:100%;height:100%;z-index:1100}.filters-container .segmented-buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:calc(100% - 32px);height:40px;margin:16px;border:1px solid var(--color-outline);border-radius:20px;line-height:20px}.filters-container .segmented-buttons-container .segment{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;color:var(--color-on-surface-variant);background-color:transparent;border-radius:0px;min-width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.filters-container .segmented-buttons-container .segment:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.filters-container .segmented-buttons-container .segment:not(:last-child){border-right:1px solid var(--color-outline)}.filters-container .segmented-buttons-container .segment:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.filters-container .segmented-buttons-container .selected-segment{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.filters-segment-container{overflow-y:scroll;padding-bottom:32px;max-height:calc(100% - 48px - 32px)}.back-filters-container{background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:absolute;z-index:1099}.divider{margin:16px;border-top:1px solid var(--color-outline)}.init-loader-container,.loader-container,.large-view-loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--color-background)}.init-loader-container .loader,.loader-container .loader,.large-view-loader-container .loader{width:48px;height:48px;border:5px solid var(--color-primary-container);border-bottom-color:var(--color-on-primary-container);border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-container{position:relative;display:-ms-flexbox;display:flex;height:calc(100% - 64px - 64px);background-color:var(--color-background)}.content-treks{height:calc(100% - 64px - 64px)}.content-trek{height:calc(100% - 64px)}.app-treks-list-container,.app-trek-detail-container,.large-view-app-treks-list-container,.large-view-app-trek-detail-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-map-container,.large-view-app-map-container{width:100%;height:100%}.map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:absolute;bottom:24px;z-index:4}.map-visibility-button-container .map-visibility-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;text-decoration:none;padding:16px;background-color:var(--color-primary-container);color:var(--color-on-primary-container);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);border-radius:12px;height:56px;font-size:16px;width:unset}.map-visibility-button-container .map-visibility-button:hover{-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4)}.map-visibility-button-container .map-visibility-button span{font-size:24px;margin-right:8px;color:var(--color-on-primary-container)}.init-loader-container,.loader-container{width:100%}.app-treks-list-container,.app-trek-detail-container{width:100%}grw-treks-list{max-height:calc(100vh - 64px - 64px)}grw-trek-detail{max-height:calc(100vh - 64px - 48px)}.app-map-container{width:100%;position:absolute}.large-view-loader-container{width:50%}.large-view-app-treks-list-container,.large-view-app-trek-detail-container{width:50%}.large-view-app-map-container{position:relative;width:50%}.filters-options-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:48px;margin:0px 16px}.filters-options-container .filters-options-buttons-container{display:-ms-flexbox;display:flex}.filters-options-container .filters-options-buttons-container .filter-option-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-weight:500;margin:8px 0px 0px 8px;padding:8px 16px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);border:none;-webkit-tap-highlight-color:transparent;line-height:20px;color:var(--color-primary);background-color:transparent}.segment-container{margin-bottom:64px}.filter-container:not(:last-child)::after{content:"";display:block;margin:16px;border-top:1px solid var(--color-outline)}';var p=e("grw_app",function(){function e(e){t(this,e);this.resetFilter=r(this,"resetFilter",7);this.largeViewSize=1024;this.handlePopStateBind=this.handlePopState.bind(this);this.showTrek=false;this.showTreksMap=false;this.showTrekMap=false;this.showFilters=false;this.isLargeView=false;this.selectedSegment="selectedOthersFilters";this.currentTrekId=undefined;this.appWidth="100%";this.appHeight="100vh";this.api=undefined;this.languages="fr";this.inBbox=undefined;this.cities=undefined;this.districts=undefined;this.structures=undefined;this.themes=undefined;this.portals=undefined;this.routes=undefined;this.practices=undefined;this.urlLayer=undefined;this.center=undefined;this.zoom=undefined;this.attribution=undefined;this.linkName="GEOTREK";this.linkTarget="https://geotrek.fr";this.weather=false;this.colorPrimaryApp="#6750a4";this.colorOnPrimary="#ffffff";this.colorSurface="#1c1b1f";this.colorOnSurface="#49454e";this.colorSurfaceVariant="#fef7ff";this.colorOnSurfaceVariant="#1c1b1f";this.colorPrimaryContainer="#eaddff";this.colorOnPrimaryContainer="#21005e";this.colorSecondaryContainer="#e8def8";this.colorOnSecondaryContainer="#1d192b";this.colorBackground="#fef7ff";this.colorSurfaceContainerHigh="#ece6f0";this.colorSurfaceContainerLow="#f7f2fa";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.colorTrekLine="#6b0030";this.colorSensitiveArea="#4974a5";this.colorPoiIcon="#974c6e";this.useGradient=false}e.prototype.onTrekCardPress=function(e){this.currentTrekId=e.detail;this.showTrek=!this.showTrek;this.showTrekMap=false;var t=new URL(window.location.toString());t.searchParams.set("trek",this.currentTrekId.toString());window.history.pushState({},"",t)};e.prototype.onWindowResize=function(){this.handleView()};e.prototype.onCenterOnMap=function(){if(!this.isLargeView){this.showTrekMap=true}};e.prototype.watchPropHandler=function(){window.dispatchEvent(new window.Event("resize"))};e.prototype.componentWillLoad=function(){var e=new URL(window.location.toString());var t=e.searchParams.get("trek");if(t){window.history.replaceState({isInitialHistoryWithTrek:true},"",e);this.currentTrekId=Number(t);this.showTrek=!this.showTrek}};e.prototype.componentDidLoad=function(){var e=this;s("trekNetworkError",(function(){if(l.trekNetworkError){var t=new URL(window.location.toString());t.searchParams.delete("trek");window.history.replaceState({},"",t);e.onTrekDetailsClose()}}));window.addEventListener("popstate",this.handlePopStateBind,false);this.handleView()};e.prototype.onTrekDetailsClose=function(){l.currentTrek=null;this.currentTrekId=null;this.showTrek=!this.showTrek};e.prototype.handleView=function(){this.isLargeView=this.appElement.getBoundingClientRect().width>=this.largeViewSize;this.showTreksMap=this.isLargeView;this.showTrekMap=this.isLargeView};e.prototype.handleFilters=function(){this.showFilters=!this.showFilters};e.prototype.handleBackButton=function(){if(window.history.state&&window.history.state.isInitialHistoryWithTrek){this.onTrekDetailsClose();var e=new URL(window.location.toString());e.searchParams.delete("trek");window.history.pushState({},"",e)}else{window.history.back()}};e.prototype.handlePopState=function(){var e=new URL(window.location.toString());var t=Number(e.searchParams.get("trek"));if(t&&this.currentTrekId!==t){this.currentTrekId=t;this.showTrek=true}else if(!t){this.onTrekDetailsClose()}};e.prototype.handleShowMap=function(){if(this.currentTrekId){this.showTrekMap=!this.showTrekMap}else{this.showTreksMap=!this.showTreksMap}};e.prototype.handleEraseFilters=function(){h.forEach((function(e){l[e.property].forEach((function(e){return e.selected=false}))}));l.selectedOthersFilters=0;l.selectedThemesFilters=0;l.selectedLocationFilters=0;l.currentTreks=l.treks;this.resetFilter.emit()};e.prototype.handleOkFilters=function(){this.handleFilters()};e.prototype.disconnectedCallback=function(){c();window.removeEventListener("popstate",this.handlePopStateBind)};e.prototype.handleSelectedSegment=function(e){this.selectedSegment=e};e.prototype.handleSegment=function(e){return h.filter((function(t){return t.segment===e})).some((function(e){return l[e.property]&&l[e.property].length>0}))};e.prototype.render=function(){var e=this;return i(n,{style:{"--color-primary-app":this.colorPrimaryApp,"--color-on-primary":this.colorOnPrimary,"--color-surface":this.colorSurface,"--color-on-surface":this.colorOnSurface,"--color-surface-variant":this.colorSurfaceVariant,"--color-on-surface-variant":this.colorOnSurfaceVariant,"--color-primary-container":this.colorPrimaryContainer,"--color-on-primary-container":this.colorOnPrimaryContainer,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-background":this.colorBackground,"--color-surface-container-high":this.colorSurfaceContainerHigh,"--color-surface-container-low":this.colorSurfaceContainerLow,"--fab-background-color":this.fabBackgroundColor,"--fab-color":this.fabColor,"--app-width":this.appWidth,"--app-height":this.appHeight}},!l.currentTreks&&!l.currentTrek&&i("div",{class:"init-loader-container"},i("span",{class:"loader"})),!this.showTrek&&!l.treks&&i("grw-treks-provider",{api:this.api,languages:this.languages,"in-bbox":this.inBbox,cities:this.cities,districts:this.districts,structures:this.structures,themes:this.themes,portals:this.portals,routes:this.routes,practices:this.practices}),this.showTrek&&this.currentTrekId&&!l.currentTrek&&i("grw-trek-provider",{api:this.api,languages:this.languages,"trek-id":this.currentTrekId}),(l.currentTreks||l.currentTrek)&&i("div",{class:"app-container"},i("div",{class:this.isLargeView?"large-view-header-container":"header-container"},i("div",{class:"header-top"},i("div",{class:"header-left-container"},this.showTrek?i("button",{onClick:function(){return e.handleBackButton()},class:"arrow-back-icon"},i("span",{class:"material-symbols material-symbols-outlined"},"arrow_back")):i("div",{class:"attribution-container"},i("a",{target:"_blank",href:this.linkTarget},this.linkName))),i("div",{class:"header-right-container"},l.languages.length>1&&i("grw-select-language",null))),!this.showTrek&&i("div",{class:"handle-search-filters-container"},i("div",{class:"handle-search-container"},i("grw-search",null)),i("div",{class:"handle-filters-container"},i("button",{onClick:function(){return e.handleFilters()},class:"handle-filters-button"},i("span",{class:"material-symbols material-symbols-outlined margin-right-icon"},"filter_list"),a[l.language].filter)))),i("div",{class:"content-container ".concat(this.showTrek?"content-trek":"content-treks")},i("div",{class:this.isLargeView?"large-view-app-treks-list-container":"app-treks-list-container",style:{display:this.showTrek?"none":"flex",position:this.showTrek?"absolute":"relative"}},i("grw-treks-list",{"reset-store-on-disconnected":"false","is-large-view":this.isLargeView,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-surface-container-low":this.colorSurfaceContainerLow})),this.showTrek&&!l.currentTrek&&i("div",{class:this.isLargeView?"large-view-loader-container":"loader-container"},i("span",{class:"loader"})),l.currentTrek&&i("div",{class:this.isLargeView?"large-view-app-trek-detail-container":"app-trek-detail-container"},i("grw-trek-detail",{style:{visibility:!this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:!this.showTrekMap?"1":"0"},"reset-store-on-disconnected":"false","color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-secondary-container":this.colorSecondaryContainer,"color-on-secondary-container":this.colorOnSecondaryContainer,"color-background":this.colorBackground,weather:this.weather,"is-large-view":this.isLargeView})),i("grw-map",{"reset-store-on-disconnected":"false",class:this.isLargeView?"large-view-app-map-container":"app-map-container",style:{visibility:this.showTreksMap&&!this.showTrek||this.showTrekMap&&this.showTrek||this.isLargeView?"visible":"hidden",zIndex:this.showTrekMap?"1":"0"},"url-layer":this.urlLayer,center:this.center,zoom:this.zoom,attribution:this.attribution,"color-primary-app":this.colorPrimaryApp,"color-on-surface":this.colorOnSurface,"color-primary-container":this.colorPrimaryContainer,"color-on-primary-container":this.colorOnPrimaryContainer,"color-background":this.colorBackground,"color-trek-line":this.colorTrekLine,"color-sensitive-area":this.colorSensitiveArea,"color-poi-icon":this.colorPoiIcon,"is-large-view":this.isLargeView,"use-gradient":this.useGradient})),(!this.showTrek||this.showTrek&&l.currentTrek)&&i("div",{class:"map-visibility-button-container"},i("button",{onClick:function(){return e.handleShowMap()},class:"map-visibility-button",style:{display:this.isLargeView?"none":"flex"}},i("span",{class:"material-symbols material-symbols-outlined"},this.showTrek?this.showTrekMap?"summarize":"map":this.showTreksMap?"list":"map"),this.showTrek?this.showTrekMap?a[l.language].showDetails:a[l.language].showRoute:this.showTreksMap?a[l.language].showList:a[l.language].showMap))),!this.showTrek&&this.showFilters&&i("div",{class:"options-container"},i("div",{class:"filters-container"},i("div",{class:"filters-options-container"},l.treksWithinBounds&&i("div",{class:"current-treks-within-bounds-length"},"".concat(l.treksWithinBounds.length," ").concat(l.treksWithinBounds.length>1?a[l.language].treks:a[l.language].trek)),i("div",{class:"filters-options-buttons-container"},i("button",{class:"filter-option-button",onClick:function(){return e.handleEraseFilters()}},"Effacer"),i("button",{class:"filter-option-button",onClick:function(){return e.handleOkFilters()}},"Ok"))),i("div",{class:"segmented-buttons-container"},this.handleSegment("selectedOthersFilters")&&i("label",{class:"segment".concat(this.selectedSegment==="selectedOthersFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedOthersFilters")}},"Autres ",l.selectedOthersFilters!==0&&"(".concat(l.selectedOthersFilters,")")),this.handleSegment("selectedThemesFilters")&&i("label",{class:"segment".concat(this.selectedSegment==="selectedThemesFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedThemesFilters")}},"Thèmes ",l.selectedThemesFilters!==0&&"(".concat(l.selectedThemesFilters,")")),this.handleSegment("selectedLocationFilters")&&i("label",{class:"segment".concat(this.selectedSegment==="selectedLocationFilters"?" selected-segment":""),onClick:function(){return e.handleSelectedSegment("selectedLocationFilters")}},"Localisation ",l.selectedLocationFilters!==0&&"(".concat(l.selectedLocationFilters,")"))),i("div",{class:"filters-segment-container"},this.selectedSegment==="selectedOthersFilters"&&i("div",{class:"segment-container"},l["practices"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].practice,filterType:"practices",filterNameProperty:"name",segment:"selectedOthersFilters"})),l["difficulties"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].difficulty,filterType:"difficulties",filterNameProperty:"label",segment:"selectedOthersFilters"})),l["durations"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].duration,filterType:"durations",filterNameProperty:"name",segment:"selectedOthersFilters"})),l["lengths"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].length,filterType:"lengths",filterNameProperty:"name",segment:"selectedOthersFilters"})),l["elevations"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].elevation,filterType:"elevations",filterNameProperty:"name",segment:"selectedOthersFilters"})),l["routes"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].routes,filterType:"routes",filterNameProperty:"route",segment:"selectedOthersFilters"})),l["accessibilities"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].accessibility,filterType:"accessibilities",filterNameProperty:"name",segment:"selectedOthersFilters"})),l["labels"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].others,filterType:"labels",filterNameProperty:"name",segment:"selectedOthersFilters"}))),this.selectedSegment==="selectedThemesFilters"&&i("div",{class:"segment-container"},l["themes"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].themes,filterType:"themes",filterNameProperty:"label",segment:"selectedThemesFilters"}))),this.selectedSegment==="selectedLocationFilters"&&i("div",{class:"segment-container"},l["districts"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].districts,filterType:"districts",filterNameProperty:"name",segment:"selectedLocationFilters"})),l["cities"].length>0&&i("div",{class:"filter-container"},i("grw-filter",{filterName:a[l.language].cities,filterType:"cities",filterNameProperty:"name",segment:"selectedLocationFilters"}))))),i("div",{onClick:function(){return e.handleFilters()},class:"back-filters-container"})))};Object.defineProperty(e.prototype,"appElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isLargeView:["watchPropHandler"]}},enumerable:false,configurable:true});return e}());p.style=d}}}));
+//# sourceMappingURL=p-9099f1eb.system.entry.js.map