@geotrekce/geotrek-rando-widget 0.0.21 → 0.2.1

package/dist/esm-es5/grw-information-desk-detail_3.entry.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["grwInformationDeskDetailCss","GrwInformationDeskDetail","prototype","render","h","Host","this","informationDesk","photo_url","class","src","loading","name","description","innerHTML","postal_code","municipality","street","concat","phone","href","email","website","grwPoiDetailCss","GrwPoiDetail","poi","attachments","thumbnail","grwSensitiveAreaDetailCss","GrwSensitiveAreaDetail","_this","sensitiveArea","practices","length","map","sensitiveAreaPractice","index","practice","state","find","statePractice","id","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":[":host {\n  display: flex;\n  flex-direction: column;\n  a {\n    color: var(--color-primary);\n  }\n}\n\n.information-desk-img {\n  width: 180px;\n  img {\n    width: 180px;\n    border-radius: 8px;\n  }\n}\n\n.information-desk-sub-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.information-desk-name {\n  color: var(--color-primary);\n  font-size: 24px;\n  font-weight: bold;\n  padding: 12px 0px;\n}\n\n.information-desk-description {\n  font-size: 16px;\n}\n","import { Component, Host, h, Prop } 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  @Prop() informationDesk: InformationDesk;\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.description && <div class=\"information-desk-description\" innerHTML={this.informationDesk.description}></div>}\n          {this.informationDesk.postal_code ||\n            this.informationDesk.municipality ||\n            (this.informationDesk.street && (\n              <div>\n                {this.informationDesk.postal_code}\n                {` ${this.informationDesk.municipality}`}\n                {` ${this.informationDesk.street}`}\n              </div>\n            ))}\n          {this.informationDesk.phone && (\n            <div>\n              <a href={`tel:${this.informationDesk.phone}`}>{this.informationDesk.phone}</a>\n            </div>\n          )}\n          {this.informationDesk.email && (\n            <div>\n              <a href={`mailto:${this.informationDesk.email}`}>{this.informationDesk.email}</a>\n            </div>\n          )}\n          {this.informationDesk.website && (\n            <div>\n              <a href={`${this.informationDesk.website}`}>{this.informationDesk.website}</a>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: flex;\n  flex-direction: column;\n  a {\n    color: var(--color-primary);\n  }\n}\n\n.poi-img {\n  width: 180px;\n  img {\n    width: 180px;\n    border-radius: 8px;\n  }\n}\n\n.poi-sub-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.poi-name {\n  color: var(--color-primary);\n  font-size: 24px;\n  font-weight: bold;\n  padding: 12px 0px;\n}\n\n.poi-description {\n  font-size: 16px;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\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  @Prop() poi: Poi;\n\n  render() {\n    return (\n      <Host>\n        {this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].thumbnail && (\n          <div class=\"poi-img\">\n            <img src={this.poi.attachments[0].thumbnail} loading=\"lazy\" />\n          </div>\n        )}\n        <div class=\"poi-sub-container\">\n          <div class=\"poi-name\">{this.poi.name}</div>\n          <div class=\"poi-description\" innerHTML={this.poi.description}></div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: flex;\n  flex-direction: column;\n  a {\n    color: var(--color-primary);\n  }\n}\n\n.sensitive-area-title {\n  color: var(--color-primary);\n  font-size: 24px;\n  padding: 12px 0px;\n  font-weight: bold;\n}\n\n.sensitive-area-description {\n  font-size: 16px;\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    color: var(--color-primary);\n    font-size: 24px;\n    padding: 12px 0px;\n  }\n  .sensitive-area-period-values,\n  .sensitive-area-practice-values {\n    display: flex;\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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"}
+{"version":3,"names":["grwInformationDeskDetailCss","GrwInformationDeskDetail","prototype","handleInformationDeskDescription","this","displayShortDescription","handleCenterOnMap","centerOnMap","emit","latitude","informationDesk","longitude","render","_this","h","Host","photo_url","class","src","loading","name","onClick","postal_code","municipality","street","concat","phone","href","email","website","description","innerHTML","grwPoiDetailCss","GrwPoiDetail","componentDidLoad","swiperPoi","Swiper","swiperPoiRef","modules","Navigation","Pagination","Keyboard","navigation","prevEl","prevElPoiRef","nextEl","nextElPoiRef","pagination","el","paginationElPoiRef","allowTouchMove","keyboard","onfullscreenchange","displayFullscreen","enable","disable","handlePoiDescription","handleFullscreen","poi","attachments","url","requestFullscreen","defaultImageSrc","getAssetPath","_a","state","poiTypes","find","poiType","id","type","pictogram","ref","length","filter","attachment","map","thumbnail","grwSensitiveAreaDetailCss","GrwSensitiveAreaDetail","sensitiveArea","practices","sensitiveAreaPractice","index","practice","statePractice","toUpperCase","period","month","Date","toLocaleDateString","slice","contact"],"sources":["src/components/grw-information-desk-detail/grw-information-desk-detail.scss?tag=grw-information-desk-detail&encapsulation=shadow","src/components/grw-information-desk-detail/grw-information-desk-detail.tsx","src/components/grw-poi-detail/grw-poi-detail.scss?tag=grw-poi-detail&encapsulation=shadow","src/components/grw-poi-detail/grw-poi-detail.tsx","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.scss?tag=grw-sensitive-area-detail&encapsulation=shadow","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.tsx"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0');\n\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid gray;\n  border-radius: 12px;\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n}\n\n.information-desk-img {\n  position: relative;\n  img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n}\n\n.information-desk-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n}\n\n.information-desk-name {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n}\n\n.information-desk-description {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.information-desk-description-short {\n  font-size: 14px;\n  line-height: 20px;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  overflow: hidden;\n}\n\n.handle-information-desk-description {\n  cursor: pointer;\n  color: var(--color-primary-app);\n  text-decoration: underline;\n  margin-top: 12px;\n}\n\n.phone-container,\n.mail-container,\n.link-container {\n  display: flex;\n  align-items: center;\n  span {\n    font-size: 16px;\n    margin-right: 8px;\n  }\n}\n\n.center-on-map-button {\n  cursor: pointer;\n  background-color: var(--color-primary-container);\n  color: var(--color-on-primary-container);\n  border-radius: 8px;\n  padding: 8px 16px;\n  box-shadow: var(--elevation-1);\n  height: 32px;\n  gap: 8px;\n  box-sizing: border-box;\n  text-align: start;\n  vertical-align: middle;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border: none;\n  font-size: 14px;\n  margin: 12px 0px;\n  &:hover {\n    box-shadow: var(--elevation-2);\n  }\n  span {\n    font-size: 18px;\n  }\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport { InformationDesk } from 'types/types';\n\n@Component({\n  tag: 'grw-information-desk-detail',\n  styleUrl: 'grw-information-desk-detail.scss',\n  shadow: true,\n})\nexport class GrwInformationDeskDetail {\n  @Event() centerOnMap: EventEmitter<{ latitude: number; longitude: number }>;\n  @State() displayShortDescription = true;\n  @Prop() informationDesk: InformationDesk;\n\n  handleInformationDeskDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleCenterOnMap() {\n    this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.informationDesk.photo_url && (\n          <div class=\"information-desk-img\">\n            <img src={this.informationDesk.photo_url} loading=\"lazy\" />\n          </div>\n        )}\n        <div class=\"information-desk-sub-container\">\n          {this.informationDesk.name && <div class=\"information-desk-name\">{this.informationDesk.name}</div>}\n          {this.informationDesk.latitude && this.informationDesk.longitude && (\n            <button class=\"center-on-map-button\" onClick={() => this.handleCenterOnMap()}>\n              <span class=\"material-symbols-outlined\">location_searching</span>\n              Centrer sur la carte\n            </button>\n          )}\n          {(this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (\n            <div>\n              {this.informationDesk.postal_code && this.informationDesk.postal_code}\n              {this.informationDesk.municipality && ` ${this.informationDesk.municipality}`}\n              {this.informationDesk.street && ` ${this.informationDesk.street}`}\n            </div>\n          )}\n          {this.informationDesk.phone && (\n            <div class=\"phone-container\">\n              <span class=\"material-symbols-outlined\">call</span>\n              <a href={`tel:${this.informationDesk.phone}`}>{this.informationDesk.phone}</a>\n            </div>\n          )}\n          {this.informationDesk.email && (\n            <div class=\"mail-container\">\n              <span class=\"material-symbols-outlined\">mail</span>\n              <a href={`mailto:${this.informationDesk.email}`}>{this.informationDesk.email}</a>\n            </div>\n          )}\n          {this.informationDesk.website && (\n            <div class=\"link-container\">\n              <span class=\"material-symbols-outlined\">link</span>\n              <a href={`${this.informationDesk.website}`}>{this.informationDesk.website}</a>\n            </div>\n          )}\n          {this.informationDesk.description && (\n            <div class=\"information-desk-description-container\">\n              <div class={this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description'} innerHTML={this.informationDesk.description}></div>\n              <div class=\"handle-information-desk-description\" onClick={() => this.handleInformationDeskDescription()}>\n                {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0');\n\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid gray;\n  border-radius: 12px;\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-color: var(--color-primary-app);\n  --swiper-pagination-bullet-size: 12px;\n  a {\n    color: var(--color-primary-app);\n  }\n}\n\n.poi-type-img-container {\n  position: relative;\n  .poi-img,\n  .default-poi-img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n  .poi-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-poi-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .poi-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: 50%;\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.poi-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n}\n\n.poi-name {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.poi-description {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.poi-description-short {\n  font-size: 14px;\n  line-height: 20px;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  overflow: hidden;\n}\n\n.handle-poi-description {\n  cursor: pointer;\n  color: var(--color-primary-app);\n  text-decoration: underline;\n  margin-top: 12px;\n}\n","import { Component, Host, h, Prop, State, Build, getAssetPath } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { Poi } from 'types/types';\n\n@Component({\n  tag: 'grw-poi-detail',\n  styleUrl: 'grw-poi-detail.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() displayFullscreen = false;\n\n  componentDidLoad() {\n    this.swiperPoi = new Swiper(this.swiperPoiRef, {\n      modules: [Navigation, Pagination, Keyboard],\n      navigation: {\n        prevEl: this.prevElPoiRef,\n        nextEl: this.nextElPoiRef,\n      },\n      pagination: { el: this.paginationElPoiRef },\n      allowTouchMove: false,\n      keyboard: false,\n    });\n    this.swiperPoiRef.onfullscreenchange = () => {\n      this.displayFullscreen = !this.displayFullscreen;\n      if (this.displayFullscreen) {\n        this.swiperPoi.keyboard.enable();\n      } else {\n        this.swiperPoi.keyboard.disable();\n      }\n    };\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div class=\"poi-type-img-container\">\n          <img class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} />\n          <div class=\"swiper\" ref={el => (this.swiperPoiRef = el)}>\n            <div class=\"swiper-wrapper\">\n              {this.poi.attachments.length > 0 ? (\n                this.poi.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div class=\"swiper-slide\">\n                      <img\n                        class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                        src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                        loading=\"lazy\"\n                        onClick={() => this.handleFullscreen()}\n                      />\n                    </div>\n                  ))\n              ) : (\n                <div class=\"swiper-slide\">\n                  <img class=\"default-poi-img\" src={defaultImageSrc} loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n            <div class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n            <div class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n          </div>\n        </div>\n        <div class=\"poi-sub-container\">\n          <div class=\"poi-name\">{this.poi.name}</div>\n          <div class={this.displayShortDescription ? 'poi-description-short' : 'poi-description'} innerHTML={this.poi.description}></div>\n          <div class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n            {this.displayShortDescription ? 'Lire plus' : 'Lire moins'}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0');\n\n:host {\n  display: flex;\n  flex-direction: column;\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n}\n\n.sensitive-area-title {\n  font-size: 22px;\n  line-height: 28px;\n  padding: 12px 0px;\n  font-weight: 400;\n}\n\n.sensitive-area-description {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.sensitive-area-period-container,\n.sensitive-area-practice-container,\n.sensitive-area-contact-container {\n  .sensitive-area-period-title,\n  .sensitive-area-practice-title,\n  .sensitive-area-contact-title {\n    font-size: 16px;\n    line-height: 24px;\n    padding: 12px 0px;\n  }\n  .sensitive-area-period-values,\n  .sensitive-area-practice-values {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport state from 'store/store';\nimport { SensitiveArea } from 'types/types';\n\n@Component({\n  tag: 'grw-sensitive-area-detail',\n  styleUrl: 'grw-sensitive-area-detail.scss',\n  shadow: true,\n})\nexport class GrwSensitiveAreaDetail {\n  @Prop() sensitiveArea: SensitiveArea;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"sensitive-area-title\">{this.sensitiveArea.name}</div>\n        <div class=\"sensitive-area-description\" innerHTML={this.sensitiveArea.description}></div>\n        {this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (\n          <div class=\"sensitive-area-practice-container\">\n            <div class=\"sensitive-area-practice-title\">Domaines d'activités concernés :</div>\n            <div class=\"sensitive-area-practice-values\">\n              {this.sensitiveArea.practices.map((sensitiveAreaPractice, index) => {\n                const practice = state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);\n                if (practice) {\n                  return <div innerHTML={`${practice.name.toUpperCase()}${index + 1 !== this.sensitiveArea.practices.length ? ' -&nbsp;' : ''}`}></div>;\n                }\n              })}\n            </div>\n          </div>\n        )}\n        {this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (\n          <div class=\"sensitive-area-period-container\">\n            <div class=\"sensitive-area-period-title\">Périodes de sensibilité</div>\n            <div class=\"sensitive-area-period-values\">\n              {this.sensitiveArea.period.map((month, index) => {\n                if (month) {\n                  return (\n                    <div\n                      innerHTML={`${new Date(0, index + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${\n                        this.sensitiveArea.period.slice(index + 1).find(month => month) ? ' -&nbsp;' : ''\n                      }`}\n                    ></div>\n                  );\n                }\n              })}\n            </div>\n          </div>\n        )}\n        <div class=\"sensitive-area-contact-container\">\n          <div class=\"sensitive-area-contact-title\">Contact</div>\n          <div innerHTML={this.sensitiveArea.contact} class=\"sensitive-area-contact-value\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/esm-es5/grw-trek-card.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,i as createEvent,g as getAssetPath,h,H as Host}from"./index-e862524f.js";import{s as state,o as onChange,r as reset}from"./store-5565fa38.js";import{f as formatDuration,a as formatLength,b as formatAscent}from"./utils-160ec4d0.js";var grwTrekCardCss='.trek-card-container,.trek-card-large-view-container{font-family:"Roboto";border-radius:8px;-webkit-box-shadow:4px 8px 24px rgba(0, 0, 0, 0.25);box-shadow:4px 8px 24px rgba(0, 0, 0, 0.25);cursor:pointer}.trek-card-container .image,.trek-card-large-view-container .image{-o-object-fit:cover;object-fit:cover}.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:12px}.trek-card-container .sub-container .name,.trek-card-large-view-container .sub-container .name{color:var(--color-primary);font-size:24px;font-weight:bold;margin-bottom:8px}.trek-card-container .sub-container .departure,.trek-card-large-view-container .sub-container .departure{color:rgba(0, 0, 0, 0.7);font-size:16px;margin:4px 0px}.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-primary-tint);color:#ffffff;border-radius:8px;padding:8px;margin:0px 8px 8px 0px}.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}.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-large-view-container .sub-container .icons-labels-container .row .icon-label img{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)}.trek-card-container{width:350px;height:auto}.trek-card-container .image{width:100%}.trek-card-large-view-container{height:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.trek-card-large-view-container .image{width:250px}';var GrwTrekCard=function(){function e(e){registerInstance(this,e);this.trekCardPress=createEvent(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.colorPrimary="#6b0030";this.colorPrimaryTint="#974c6e";this.isLargeView=false;this.resetStoreOnDisconnected=true}e.prototype.connectedCallback=function(){var e=this;this.currentTrek=this.trek?this.trek:state.currentTrek;if(this.currentTrek){this.difficulty=state.difficulties.find((function(r){return r.id===e.currentTrek.difficulty}));this.route=state.routes.find((function(r){return r.id===e.currentTrek.route}));this.practice=state.practices.find((function(r){return r.id===e.currentTrek.practice}));this.themes=state.themes.filter((function(r){return e.currentTrek.themes.includes(r.id)}));this.departureCity=state.cities.find((function(r){return r.id===e.currentTrek.departure_city}))}onChange("currentTrek",(function(){e.currentTrek=e.trek?e.trek:state.currentTrek;if(e.currentTrek){e.difficulty=state.difficulties.find((function(r){return r.id===e.currentTrek.difficulty}));e.route=state.routes.find((function(r){return r.id===e.currentTrek.route}));e.practice=state.practices.find((function(r){return r.id===e.currentTrek.practice}));e.themes=state.themes.filter((function(r){return e.currentTrek.themes.includes(r.id)}));e.departureCity=state.cities.find((function(r){return r.id===e.currentTrek.departure_city}))}}))};e.prototype.disconnectedCallback=function(){if(this.resetStoreOnDisconnected){reset()}};e.prototype.render=function(){var e=this;var r,t,i,n,a,c,s;var o=getAssetPath("assets/duration.svg");var l=getAssetPath("assets/length.svg");var d=getAssetPath("assets/ascent.svg");return h(Host,{onClick:function(){return e.trekCardPress.emit(e.currentTrek.id)},style:{width:this.isLargeView?"100%":"auto","--color-primary":this.colorPrimary,"--color-primary-tint":this.colorPrimaryTint}},this.currentTrek&&h("div",{class:this.isLargeView?"trek-card-large-view-container":"trek-card-container"},this.currentTrek.attachments&&this.currentTrek.attachments[0]&&this.currentTrek.attachments[0].thumbnail&&h("img",{class:"image",src:"".concat(this.currentTrek.attachments[0].thumbnail),loading:"lazy"}),h("div",{class:"sub-container"},this.departureCity&&h("div",{class:"departure"},this.departureCity.name),h("div",{class:"name"},(r=this.currentTrek)===null||r===void 0?void 0:r.name),h("div",{class:"themes-container"},this.themes.map((function(e){return h("div",{class:"theme"},e.label)}))),h("div",{class:"icons-labels-container"},h("div",{class:"row"},h("div",{class:"icon-label difficulty"},((t=this.difficulty)===null||t===void 0?void 0:t.pictogram)&&h("img",{src:this.difficulty.pictogram}),(i=this.difficulty)===null||i===void 0?void 0:i.label),h("div",{class:"icon-label duration"},h("img",{src:o}),formatDuration(this.currentTrek.duration))),h("div",{class:"row"},h("div",{class:"icon-label length"},h("img",{src:l}),formatLength(this.currentTrek.length_2d)),h("div",{class:"icon-label ascent"},h("img",{src:d}),formatAscent(this.currentTrek.ascent))),h("div",{class:"row"},h("div",{class:"icon-label route"},((n=this.route)===null||n===void 0?void 0:n.pictogram)&&h("img",{src:this.route.pictogram}),(a=this.route)===null||a===void 0?void 0:a.route),h("div",{class:"icon-label practice"},((c=this.practice)===null||c===void 0?void 0:c.pictogram)&&h("img",{src:this.practice.pictogram}),(s=this.practice)===null||s===void 0?void 0:s.name))))))};return e}();GrwTrekCard.style=grwTrekCardCss;export{GrwTrekCard as grw_trek_card};
+import{r as registerInstance,e as createEvent,h,H as Host}from"./index-57c9193c.js";import{s as state,o as onChange,r as reset}from"./store-b2d579d9.js";import{f as formatDuration,a as formatLength,b as formatAscent}from"./utils-160ec4d0.js";var grwTrekCardCss='@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0");.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{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 GrwTrekCard=function(){function e(e){registerInstance(this,e);this.trekCardPress=createEvent(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:state.currentTrek;if(this.currentTrek){this.difficulty=state.difficulties.find((function(r){return r.id===e.currentTrek.difficulty}));this.route=state.routes.find((function(r){return r.id===e.currentTrek.route}));this.practice=state.practices.find((function(r){return r.id===e.currentTrek.practice}));this.themes=state.themes.filter((function(r){return e.currentTrek.themes.includes(r.id)}));this.departureCity=state.cities.find((function(r){return r.id===e.currentTrek.departure_city}))}onChange("currentTrek",(function(){e.currentTrek=e.trek?e.trek:state.currentTrek;if(e.currentTrek){e.difficulty=state.difficulties.find((function(r){return r.id===e.currentTrek.difficulty}));e.route=state.routes.find((function(r){return r.id===e.currentTrek.route}));e.practice=state.practices.find((function(r){return r.id===e.currentTrek.practice}));e.themes=state.themes.filter((function(r){return e.currentTrek.themes.includes(r.id)}));e.departureCity=state.cities.find((function(r){return r.id===e.currentTrek.departure_city}))}}))};e.prototype.disconnectedCallback=function(){if(this.resetStoreOnDisconnected){reset()}};e.prototype.render=function(){var e=this;var r,t,i,n,a,o,c;return h(Host,{style:{width:this.isLargeView?"100%":"auto","--color-primary-app":this.colorPrimaryApp,"--color-on-surface":this.colorOnSurface,"--color-secondary-container":this.colorSecondaryContainer,"--color-on-secondary-container":this.colorOnSecondaryContainer,"--color-surface-container-low":this.colorSurfaceContainerLow}},this.currentTrek&&h("div",{class:this.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&&h("img",{class:"image",src:"".concat(this.currentTrek.attachments.filter((function(e){return e.type==="image"}))[0].thumbnail),loading:"lazy"}),h("div",{class:"sub-container"},this.departureCity&&h("div",{class:"departure"},this.departureCity.name),h("div",{class:"name"},(r=this.currentTrek)===null||r===void 0?void 0:r.name),h("div",{class:"themes-container"},this.themes.map((function(e){return h("div",{class:"theme"},e.label)}))),h("div",{class:"icons-labels-container"},h("div",{class:"row"},h("div",{class:"icon-label difficulty"},((t=this.difficulty)===null||t===void 0?void 0:t.pictogram)&&h("img",{src:this.difficulty.pictogram}),(i=this.difficulty)===null||i===void 0?void 0:i.label),h("div",{class:"icon-label duration"},h("span",{class:"material-symbols-outlined"},"timelapse"),formatDuration(this.currentTrek.duration))),h("div",{class:"row"},h("div",{class:"icon-label length"},h("span",{class:"material-symbols-outlined"},"open_in_full"),formatLength(this.currentTrek.length_2d)),h("div",{class:"icon-label ascent"},h("span",{class:"material-symbols-outlined"},"moving"),formatAscent(this.currentTrek.ascent))),h("div",{class:"row"},h("div",{class:"icon-label route"},((n=this.route)===null||n===void 0?void 0:n.pictogram)&&h("img",{src:this.route.pictogram}),(a=this.route)===null||a===void 0?void 0:a.route),h("div",{class:"icon-label practice"},((o=this.practice)===null||o===void 0?void 0:o.pictogram)&&h("img",{src:this.practice.pictogram}),(c=this.practice)===null||c===void 0?void 0:c.name))))))};return e}();GrwTrekCard.style=grwTrekCardCss;export{GrwTrekCard as grw_trek_card};
 //# sourceMappingURL=grw-trek-card.entry.js.map

package/dist/esm-es5/grw-trek-card.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["grwTrekCardCss","GrwTrekCard","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","durationImageSrc","getAssetPath","lengthImageSrc","ascentImageSrc","h","Host","onClick","trekCardPress","emit","style","width","isLargeView","colorPrimary","colorPrimaryTint","class","attachments","thumbnail","src","concat","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":[".trek-card-container,\n.trek-card-large-view-container {\n  font-family: 'Roboto';\n  border-radius: 8px;\n  box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.25);\n  cursor: pointer;\n  .image {\n    object-fit: cover;\n  }\n  .sub-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 12px;\n    .name {\n      color: var(--color-primary);\n      font-size: 24px;\n      font-weight: bold;\n      margin-bottom: 8px;\n    }\n    .departure {\n      color: rgba(0, 0, 0, 0.7);\n      font-size: 16px;\n      margin: 4px 0px;\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-primary-tint);\n        color: #ffffff;\n        border-radius: 8px;\n        padding: 8px;\n        margin: 0px 8px 8px 0px;\n      }\n    }\n    .icons-labels-container {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      flex-wrap: wrap;\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            width: 24px;\n            height: auto;\n            margin-right: 8px;\n          }\n        }\n        .practice {\n          img {\n            background-color: var(--color-primary);\n          }\n        }\n      }\n    }\n  }\n}\n\n.trek-card-container {\n  width: 350px;\n  height: auto;\n  .image {\n    width: 100%;\n  }\n}\n\n.trek-card-large-view-container {\n  height: auto;\n  display: flex;\n  flex-direction: row;\n  .image {\n    width: 250px;\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, getAssetPath } 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() colorPrimary = '#6b0030';\n  @Prop() colorPrimaryTint = '#974c6e';\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    const durationImageSrc = getAssetPath(`assets/duration.svg`);\n    const lengthImageSrc = getAssetPath(`assets/length.svg`);\n    const ascentImageSrc = getAssetPath(`assets/ascent.svg`);\n    return (\n      <Host\n        onClick={() => this.trekCardPress.emit(this.currentTrek.id)}\n        style={{ 'width': this.isLargeView ? '100%' : 'auto', '--color-primary': this.colorPrimary, '--color-primary-tint': this.colorPrimaryTint }}\n      >\n        {this.currentTrek && (\n          <div class={this.isLargeView ? 'trek-card-large-view-container' : 'trek-card-container'}>\n            {this.currentTrek.attachments && this.currentTrek.attachments[0] && this.currentTrek.attachments[0].thumbnail && (\n              <img class=\"image\" src={`${this.currentTrek.attachments[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                    <img src={durationImageSrc} />\n                    {formatDuration(this.currentTrek.duration)}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"icon-label length\">\n                    <img src={lengthImageSrc} />\n                    {formatLength(this.currentTrek.length_2d)}\n                  </div>\n                  <div class=\"icon-label ascent\">\n                    <img src={ascentImageSrc} />\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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"}
+{"version":3,"names":["grwTrekCardCss","GrwTrekCard","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":["@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0');\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            width: 24px;\n            height: auto;\n            margin-right: 8px;\n          }\n        }\n        .practice {\n          img {\n            background-color: var(--color-primary-app);\n          }\n        }\n      }\n    }\n  }\n}\n\n.trek-card-container {\n  width: 350px;\n  .image {\n    width: 100%;\n    max-height: 200px;\n  }\n}\n\n.trek-card-large-view-container {\n  display: flex;\n  flex-direction: row;\n  .image {\n    width: 250px;\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport state, { onChange, reset } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\n\n@Component({\n  tag: 'grw-trek-card',\n  styleUrl: 'grw-trek-card.scss',\n  shadow: true,\n})\nexport class GrwTrekCard {\n  @Event() trekCardPress: EventEmitter<number>;\n  @State() currentTrek: Trek;\n  @State() difficulty: Difficulty;\n  @State() route: Route;\n  @State() practice: Practice;\n  @State() themes: Themes;\n  @State() departureCity: City;\n  @Prop() trek: Trek;\n  @Prop() colorPrimaryApp = '#6b0030';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() isLargeView = false;\n  @Prop() resetStoreOnDisconnected = true;\n\n  connectedCallback() {\n    this.currentTrek = this.trek ? this.trek : state.currentTrek;\n    if (this.currentTrek) {\n      this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n      this.route = state.routes.find(route => route.id === this.currentTrek.route);\n      this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n      this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n      this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n    }\n    onChange('currentTrek', () => {\n      this.currentTrek = this.trek ? this.trek : state.currentTrek;\n      if (this.currentTrek) {\n        this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n        this.route = state.routes.find(route => route.id === this.currentTrek.route);\n        this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n        this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n        this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.resetStoreOnDisconnected) {\n      reset();\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          'width': this.isLargeView ? '100%' : 'auto',\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n        }}\n      >\n        {this.currentTrek && (\n          <div class={this.isLargeView ? 'trek-card-large-view-container' : 'trek-card-container'} onClick={() => this.trekCardPress.emit(this.currentTrek.id)}>\n            {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 && (\n              <img class=\"image\" src={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`} loading=\"lazy\" />\n            )}\n            <div class=\"sub-container\">\n              {this.departureCity && <div class=\"departure\">{this.departureCity.name}</div>}\n              <div class=\"name\">{this.currentTrek?.name}</div>\n              <div class=\"themes-container\">\n                {this.themes.map(theme => (\n                  <div class=\"theme\">{theme.label}</div>\n                ))}\n              </div>\n              <div class=\"icons-labels-container\">\n                <div class=\"row\">\n                  <div class=\"icon-label difficulty\">\n                    {this.difficulty?.pictogram && <img src={this.difficulty.pictogram} />}\n                    {this.difficulty?.label}\n                  </div>\n                  <div class=\"icon-label duration\">\n                    <span class=\"material-symbols-outlined\">timelapse</span>\n                    {formatDuration(this.currentTrek.duration)}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"icon-label length\">\n                    <span class=\"material-symbols-outlined\">open_in_full</span>\n                    {formatLength(this.currentTrek.length_2d)}\n                  </div>\n                  <div class=\"icon-label ascent\">\n                    <span class=\"material-symbols-outlined\">moving</span>\n                    {formatAscent(this.currentTrek.ascent)}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"icon-label route\">\n                    {this.route?.pictogram && <img src={this.route.pictogram} />}\n                    {this.route?.route}\n                  </div>\n                  <div class=\"icon-label practice\">\n                    {this.practice?.pictogram && <img src={this.practice.pictogram} />}\n                    {this.practice?.name}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/esm-es5/i18n-b25e6b48.js

@@ -0,0 +1,2 @@
+var translate={fr:{filter:"Filtrer",practice:"Pratique",difficulty:"Difficulté",duration:"Durée",treks:"randonnées",trek:"randonnée",showList:"Voir la liste",showMap:"Voir la carte",showRoute:"Voir l'itinéraire",showDetails:"Voir la fiche",downloads:"Téléchargements",description:"Description",departure:"Départ",arrival:"Arrivée",elevationProfile:"Profil altimétrique",roadAccess:"Accès routier",transport:"Transport",recommendations:"Recommandations",recommendedParking:"Parking conseillé",equipments:"Équipements",environmentalSensitiveAreas:"Zones de sensibilité environnementale",informationPlaces:"Lieux de renseignement",accessibility:"Accessibilité",accessibilityLevel:"Niveau d'accessibilité",accessibilitySlope:"Pente",accessibilityWidth:"Largeur",accessibilitySignage:"Signalisation",accessibilityCovering:"Revêtement",accessibilityExposure:"Exposition",accessibilityAdvices:"Conseils",pois:function(e){return"Les ".concat(e," patrimoines à découvrir")},sources:"Sources",cities:"Communes traversées",options:{presentation:"Présentation",description:"Description",recommendations:"Recommandations",environmentalSensitiveAreas:"Zones sensibles",informationPlaces:"Lieux d'informations",pois:"Patrimoines"},layers:{pointsReference:"Points de référence",parking:"Parking conseillé",sensitiveArea:"Zones de sensibilité environnementale",informationPlaces:"Lieux de renseignement",pois:"Patrimoines"}},en:{filter:"Filter",practice:"Practice",difficulty:"Difficulty",duration:"Duration",treks:"Hikes",trek:"Hike",showList:"Show the list",showMap:"Show the map",showRoute:"Show the route",showDetails:"Show the details",downloads:"Downloads",description:"Description",departure:"Departure",arrival:"Arrival",elevationProfile:"Elevation profile",roadAccess:"Road acess",transport:"Transport",recommendations:"Recommendations",recommendedParking:"Parking recommended",equipments:"Equipements",environmentalSensitiveAreas:"Areas of environmental sensitivity",informationPlaces:"Information places",accessibility:"Accessibility",accessibilityLevel:"Accessibility level",accessibilitySlope:"Slope",accessibilityWidth:"Width",accessibilitySignage:"Signage",accessibilityCovering:"Covering",accessibilityExposure:"Exposure",accessibilityAdvices:"Advices",pois:function(e){return"".concat(e," points of interest")},sources:"Sources",cities:"Cities crossed",options:{presentation:"Presentation",description:"Description",recommendations:"Recommendations",environmentalSensitiveAreas:"Sensitive areas",informationPlaces:"Information places",pois:"Points of interest"},layers:{pointsReference:"Reference points",parking:"Parking",sensitiveArea:"Sensitive areas",informationPlaces:"Information places",pois:"Points of interest"}}};export{translate as t};
+//# sourceMappingURL=i18n-b25e6b48.js.map

package/dist/esm-es5/i18n-b25e6b48.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["translate","fr","filter","practice","difficulty","duration","treks","trek","showList","showMap","showRoute","showDetails","downloads","description","departure","arrival","elevationProfile","roadAccess","transport","recommendations","recommendedParking","equipments","environmentalSensitiveAreas","informationPlaces","accessibility","accessibilityLevel","accessibilitySlope","accessibilityWidth","accessibilitySignage","accessibilityCovering","accessibilityExposure","accessibilityAdvices","pois","poisLength","concat","sources","cities","options","presentation","layers","pointsReference","parking","sensitiveArea","en"],"sources":["src/i18n/i18n.ts"],"sourcesContent":["interface Translation {\n  filter: string;\n  practice: string;\n  difficulty: string;\n  duration: string;\n  treks: string;\n  trek: string;\n  showList: string;\n  showMap: string;\n  showRoute: string;\n  showDetails: string;\n  downloads: string;\n  description: string;\n  departure: string;\n  arrival: string;\n  elevationProfile: string;\n  roadAccess: string;\n  transport: string;\n  recommendations: string;\n  recommendedParking: string;\n  equipments: string;\n  environmentalSensitiveAreas: string;\n  informationPlaces: string;\n  accessibility: string;\n  accessibilityLevel: string;\n  accessibilitySlope: string;\n  accessibilityWidth: string;\n  accessibilitySignage: string;\n  accessibilityCovering: string;\n  accessibilityExposure: string;\n  accessibilityAdvices: string;\n  pois: Function;\n  sources: string;\n  cities: string;\n  options: {\n    presentation: string;\n    description: string;\n    recommendations: string;\n    environmentalSensitiveAreas: string;\n    informationPlaces: string;\n    pois: string;\n  };\n  layers: {\n    pointsReference: string;\n    parking: string;\n    sensitiveArea: string;\n    informationPlaces: string;\n    pois: string;\n  };\n}\n\ninterface AvailableTranslations {\n  fr: Translation;\n  en: Translation;\n}\n\nexport const translate: AvailableTranslations = {\n  fr: {\n    filter: 'Filtrer',\n    practice: 'Pratique',\n    difficulty: 'Difficulté',\n    duration: 'Durée',\n    treks: 'randonnées',\n    trek: 'randonnée',\n    showList: 'Voir la liste',\n    showMap: 'Voir la carte',\n    showRoute: \"Voir l'itinéraire\",\n    showDetails: 'Voir la fiche',\n    downloads: 'Téléchargements',\n    description: 'Description',\n    departure: 'Départ',\n    arrival: 'Arrivée',\n    elevationProfile: 'Profil altimétrique',\n    roadAccess: 'Accès routier',\n    transport: 'Transport',\n    recommendations: 'Recommandations',\n    recommendedParking: 'Parking conseillé',\n    equipments: 'Équipements',\n    environmentalSensitiveAreas: 'Zones de sensibilité environnementale',\n    informationPlaces: 'Lieux de renseignement',\n    accessibility: 'Accessibilité',\n    accessibilityLevel: \"Niveau d'accessibilité\",\n    accessibilitySlope: 'Pente',\n    accessibilityWidth: 'Largeur',\n    accessibilitySignage: 'Signalisation',\n    accessibilityCovering: 'Revêtement',\n    accessibilityExposure: 'Exposition',\n    accessibilityAdvices: 'Conseils',\n    pois: (poisLength: number) => `Les ${poisLength} patrimoines à découvrir`,\n    sources: 'Sources',\n    cities: 'Communes traversées',\n    options: {\n      presentation: 'Présentation',\n      description: 'Description',\n      recommendations: 'Recommandations',\n      environmentalSensitiveAreas: 'Zones sensibles',\n      informationPlaces: \"Lieux d'informations\",\n      pois: 'Patrimoines',\n    },\n    layers: {\n      pointsReference: 'Points de référence',\n      parking: 'Parking conseillé',\n      sensitiveArea: 'Zones de sensibilité environnementale',\n      informationPlaces: 'Lieux de renseignement',\n      pois: 'Patrimoines',\n    },\n  },\n  en: {\n    filter: 'Filter',\n    practice: 'Practice',\n    difficulty: 'Difficulty',\n    duration: 'Duration',\n    treks: 'Hikes',\n    trek: 'Hike',\n    showList: 'Show the list',\n    showMap: 'Show the map',\n    showRoute: 'Show the route',\n    showDetails: 'Show the details',\n    downloads: 'Downloads',\n    description: 'Description',\n    departure: 'Departure',\n    arrival: 'Arrival',\n    elevationProfile: 'Elevation profile',\n    roadAccess: 'Road acess',\n    transport: 'Transport',\n    recommendations: 'Recommendations',\n    recommendedParking: 'Parking recommended',\n    equipments: 'Equipements',\n    environmentalSensitiveAreas: 'Areas of environmental sensitivity',\n    informationPlaces: 'Information places',\n    accessibility: 'Accessibility',\n    accessibilityLevel: 'Accessibility level',\n    accessibilitySlope: 'Slope',\n    accessibilityWidth: 'Width',\n    accessibilitySignage: 'Signage',\n    accessibilityCovering: 'Covering',\n    accessibilityExposure: 'Exposure',\n    accessibilityAdvices: 'Advices',\n    pois: (poisLength: number) => `${poisLength} points of interest`,\n    sources: 'Sources',\n    cities: 'Cities crossed',\n    options: {\n      presentation: 'Presentation',\n      description: 'Description',\n      recommendations: 'Recommendations',\n      environmentalSensitiveAreas: 'Sensitive areas',\n      informationPlaces: 'Information places',\n      pois: 'Points of interest',\n    },\n    layers: {\n      pointsReference: 'Reference points',\n      parking: 'Parking',\n      sensitiveArea: 'Sensitive areas',\n      informationPlaces: 'Information places',\n      pois: 'Points of interest',\n    },\n  },\n};\n"],"mappings":"IAwDaA,UAAmC,CAC9CC,GAAI,CACFC,OAAQ,UACRC,SAAU,WACVC,WAAY,aACZC,SAAU,QACVC,MAAO,aACPC,KAAM,YACNC,SAAU,gBACVC,QAAS,gBACTC,UAAW,oBACXC,YAAa,gBACbC,UAAW,kBACXC,YAAa,cACbC,UAAW,SACXC,QAAS,UACTC,iBAAkB,sBAClBC,WAAY,gBACZC,UAAW,YACXC,gBAAiB,kBACjBC,mBAAoB,oBACpBC,WAAY,cACZC,4BAA6B,wCAC7BC,kBAAmB,yBACnBC,cAAe,gBACfC,mBAAoB,yBACpBC,mBAAoB,QACpBC,mBAAoB,UACpBC,qBAAsB,gBACtBC,sBAAuB,aACvBC,sBAAuB,aACvBC,qBAAsB,WACtBC,KAAM,SAACC,GAAuB,aAAAC,OAAOD,EAAU,2BAAjB,EAC9BE,QAAS,UACTC,OAAQ,sBACRC,QAAS,CACPC,aAAc,eACdzB,YAAa,cACbM,gBAAiB,kBACjBG,4BAA6B,kBAC7BC,kBAAmB,uBACnBS,KAAM,eAERO,OAAQ,CACNC,gBAAiB,sBACjBC,QAAS,oBACTC,cAAe,wCACfnB,kBAAmB,yBACnBS,KAAM,gBAGVW,GAAI,CACFzC,OAAQ,SACRC,SAAU,WACVC,WAAY,aACZC,SAAU,WACVC,MAAO,QACPC,KAAM,OACNC,SAAU,gBACVC,QAAS,eACTC,UAAW,iBACXC,YAAa,mBACbC,UAAW,YACXC,YAAa,cACbC,UAAW,YACXC,QAAS,UACTC,iBAAkB,oBAClBC,WAAY,aACZC,UAAW,YACXC,gBAAiB,kBACjBC,mBAAoB,sBACpBC,WAAY,cACZC,4BAA6B,qCAC7BC,kBAAmB,qBACnBC,cAAe,gBACfC,mBAAoB,sBACpBC,mBAAoB,QACpBC,mBAAoB,QACpBC,qBAAsB,UACtBC,sBAAuB,WACvBC,sBAAuB,WACvBC,qBAAsB,UACtBC,KAAM,SAACC,GAAuB,SAAAC,OAAGD,EAAU,sBAAb,EAC9BE,QAAS,UACTC,OAAQ,iBACRC,QAAS,CACPC,aAAc,eACdzB,YAAa,cACbM,gBAAiB,kBACjBG,4BAA6B,kBAC7BC,kBAAmB,qBACnBS,KAAM,sBAERO,OAAQ,CACNC,gBAAiB,mBACjBC,QAAS,UACTC,cAAe,kBACfnB,kBAAmB,qBACnBS,KAAM,+B"}

package/dist/esm-es5/index-57c9193c.js

@@ -0,0 +1,3 @@
+var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]};return e(t,n)};return function(t,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{l(r.next(e))}catch(t){o(t)}}function i(e){try{l(r["throw"](e))}catch(t){o(t)}}function l(e){e.done?n(e.value):a(e.value).then(s,i)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return l([e,t])}}function l(i){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(n=0)),n)try{if(r=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;a=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){n.label=i[1];break}if(i[0]===6&&n.label<o[1]){n.label=o[1];o=i;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(i);break}if(o[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(l){i=[6,l];a=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var r=0,a=t.length,o;r<a;r++){if(o||!(r in t)){if(!o)o=Array.prototype.slice.call(t,0,r);o[r]=t[r]}}return e.concat(o||Array.prototype.slice.call(t))};var NAMESPACE="geotrek-rando-widget";var scopeId;var contentRef;var hostTagName;var useNativeShadowDom=false;var checkSlotFallbackVisibility=false;var checkSlotRelocate=false;var isSvgMode=false;var renderingRef=null;var queuePending=false;var getAssetPath=function(e){var t=new URL(e,plt.$resourcesUrl$);return t.origin!==win.location.origin?t.href:t.pathname};var createTime=function(e,t){if(t===void 0){t=""}{return function(){return}}};var uniqueTime=function(e,t){{return function(){return}}};var HYDRATED_CSS="{visibility:hidden}.hydrated{visibility:inherit}";var EMPTY_OBJ={};var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};function queryNonceMetaTagContent(e){var t,n,r;return(r=(n=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&r!==void 0?r:undefined}var h=function(e,t){var n=[];for(var r=2;r<arguments.length;r++){n[r-2]=arguments[r]}var a=null;var o=null;var s=null;var i=false;var l=false;var c=[];var f=function(t){for(var n=0;n<t.length;n++){a=t[n];if(Array.isArray(a)){f(a)}else if(a!=null&&typeof a!=="boolean"){if(i=typeof e!=="function"&&!isComplexType(a)){a=String(a)}if(i&&l){c[c.length-1].$text$+=a}else{c.push(i?newVNode(null,a):a)}l=i}}};f(n);if(t){if(t.key){o=t.key}if(t.name){s=t.name}{var u=t.className||t.class;if(u){t.class=typeof u!=="object"?u:Object.keys(u).filter((function(e){return u[e]})).join(" ")}}}var $=newVNode(e,null);$.$attrs$=t;if(c.length>0){$.$children$=c}{$.$key$=o}{$.$name$=s}return $};var newVNode=function(e,t){var n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{n.$attrs$=null}{n.$key$=null}{n.$name$=null}return n};var Host={};var isHost=function(e){return e&&e.$tag$===Host};var parsePropertyValue=function(e,t){if(e!=null&&!isComplexType(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,t,n){var r=getElement(e);return{emit:function(e){return emitEvent(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}}};var emitEvent=function(e,t,n){var r=plt.ce(t,n);e.dispatchEvent(r);return r};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,t,n){var r=styles.get(e);if(supportsConstructableStylesheets&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}styles.set(e,r)};var addStyle=function(e,t,n,r){var a;var o=getScopeId(t);var s=styles.get(o);e=e.nodeType===11?e:doc;if(s){if(typeof s==="string"){e=e.head||e;var i=rootAppliedStyles.get(e);var l=void 0;if(!i){rootAppliedStyles.set(e,i=new Set)}if(!i.has(o)){{if(plt.$cssShim$){l=plt.$cssShim$.createHostStyle(r,o,s,!!(t.$flags$&10));var c=l["s-sc"];if(c){o=c;i=null}}else{l=doc.createElement("style");l.innerHTML=s}var f=(a=plt.$nonce$)!==null&&a!==void 0?a:queryNonceMetaTagContent(doc);if(f!=null){l.setAttribute("nonce",f)}e.insertBefore(l,e.querySelector("link"))}if(i){i.add(o)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[s],false)}}return o};var attachStyles=function(e){var t=e.$cmpMeta$;var n=e.$hostElement$;var r=t.$flags$;var a=createTime("attachStyles",t.$tagName$);var o=addStyle(supportsShadow&&n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.$modeName$,n);if(r&10){n["s-sc"]=o;n.classList.add(o+"-h")}a()};var getScopeId=function(e,t){return"sc-"+e.$tagName$};var setAccessor=function(e,t,n,r,a,o){if(n!==r){var s=isMemberInElement(e,t);var i=t.toLowerCase();if(t==="class"){var l=e.classList;var c=parseClassList(n);var f=parseClassList(r);l.remove.apply(l,c.filter((function(e){return e&&!f.includes(e)})));l.add.apply(l,f.filter((function(e){return e&&!c.includes(e)})))}else if(t==="style"){{for(var u in n){if(!r||r[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in r){if(!n||r[u]!==n[u]){if(u.includes("-")){e.style.setProperty(u,r[u])}else{e.style[u]=r[u]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(isMemberInElement(win,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(n){plt.rel(e,t,n,false)}if(r){plt.ael(e,t,r,false)}}else{var $=isComplexType(r);if((s||$&&r!==null)&&!a){try{if(!e.tagName.includes("-")){var d=r==null?"":r;if(t==="list"){s=false}else if(n==null||e[t]!=d){e[t]=d}}else{e[t]=r}}catch(v){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!s||o&4||a)&&!$){r=r===true?"":r;{e.setAttribute(t,r)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var updateElement=function(e,t,n,r){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var o=e&&e.$attrs$||EMPTY_OBJ;var s=t.$attrs$||EMPTY_OBJ;{for(r in o){if(!(r in s)){setAccessor(a,r,o[r],undefined,n,t.$flags$)}}}for(r in s){setAccessor(a,r,o[r],s[r],n,t.$flags$)}};var createElm=function(e,t,n,r){var a=t.$children$[n];var o=0;var s;var i;var l;if(!useNativeShadowDom){checkSlotRelocate=true;if(a.$tag$==="slot"){if(scopeId){r.classList.add(scopeId+"-s")}a.$flags$|=a.$children$?2:1}}if(a.$text$!==null){s=a.$elm$=doc.createTextNode(a.$text$)}else if(a.$flags$&1){s=a.$elm$=doc.createTextNode("")}else{s=a.$elm$=doc.createElement(a.$flags$&2?"slot-fb":a.$tag$);{updateElement(null,a,isSvgMode)}if(isDef(scopeId)&&s["s-si"]!==scopeId){s.classList.add(s["s-si"]=scopeId)}if(a.$children$){for(o=0;o<a.$children$.length;++o){i=createElm(e,a,o,s);if(i){s.appendChild(i)}}}}{s["s-hn"]=hostTagName;if(a.$flags$&(2|1)){s["s-sr"]=true;s["s-cr"]=contentRef;s["s-sn"]=a.$name$||"";l=e&&e.$children$&&e.$children$[n];if(l&&l.$tag$===a.$tag$&&e.$elm$){putBackInOriginalLocation(e.$elm$,false)}}}return s};var putBackInOriginalLocation=function(e,t){plt.$flags$|=1;var n=e.childNodes;for(var r=n.length-1;r>=0;r--){var a=n[r];if(a["s-hn"]!==hostTagName&&a["s-ol"]){parentReferenceNode(a).insertBefore(a,referenceNode(a));a["s-ol"].remove();a["s-ol"]=undefined;checkSlotRelocate=true}if(t){putBackInOriginalLocation(a,t)}}plt.$flags$&=~1};var addVnodes=function(e,t,n,r,a,o){var s=e["s-cr"]&&e["s-cr"].parentNode||e;var i;if(s.shadowRoot&&s.tagName===hostTagName){s=s.shadowRoot}for(;a<=o;++a){if(r[a]){i=createElm(null,n,a,e);if(i){r[a].$elm$=i;s.insertBefore(i,referenceNode(t))}}}};var removeVnodes=function(e,t,n){for(var r=t;r<=n;++r){var a=e[r];if(a){var o=a.$elm$;nullifyVNodeRefs(a);if(o){{checkSlotFallbackVisibility=true;if(o["s-ol"]){o["s-ol"].remove()}else{putBackInOriginalLocation(o,true)}}o.remove()}}}};var updateChildren=function(e,t,n,r){var a=0;var o=0;var s=0;var i=0;var l=t.length-1;var c=t[0];var f=t[l];var u=r.length-1;var $=r[0];var d=r[u];var v;var p;while(a<=l&&o<=u){if(c==null){c=t[++a]}else if(f==null){f=t[--l]}else if($==null){$=r[++o]}else if(d==null){d=r[--u]}else if(isSameVnode(c,$)){patch(c,$);c=t[++a];$=r[++o]}else if(isSameVnode(f,d)){patch(f,d);f=t[--l];d=r[--u]}else if(isSameVnode(c,d)){if(c.$tag$==="slot"||d.$tag$==="slot"){putBackInOriginalLocation(c.$elm$.parentNode,false)}patch(c,d);e.insertBefore(c.$elm$,f.$elm$.nextSibling);c=t[++a];d=r[--u]}else if(isSameVnode(f,$)){if(c.$tag$==="slot"||d.$tag$==="slot"){putBackInOriginalLocation(f.$elm$.parentNode,false)}patch(f,$);e.insertBefore(f.$elm$,c.$elm$);f=t[--l];$=r[++o]}else{s=-1;{for(i=a;i<=l;++i){if(t[i]&&t[i].$key$!==null&&t[i].$key$===$.$key$){s=i;break}}}if(s>=0){p=t[s];if(p.$tag$!==$.$tag$){v=createElm(t&&t[o],n,s,e)}else{patch(p,$);t[s]=undefined;v=p.$elm$}$=r[++o]}else{v=createElm(t&&t[o],n,o,e);$=r[++o]}if(v){{parentReferenceNode(c.$elm$).insertBefore(v,referenceNode(c.$elm$))}}}}if(a>l){addVnodes(e,r[u+1]==null?null:r[u+1].$elm$,n,r,o,u)}else if(o>u){removeVnodes(t,a,l)}};var isSameVnode=function(e,t){if(e.$tag$===t.$tag$){if(e.$tag$==="slot"){return e.$name$===t.$name$}{return e.$key$===t.$key$}}return false};var referenceNode=function(e){return e&&e["s-ol"]||e};var parentReferenceNode=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var patch=function(e,t){var n=t.$elm$=e.$elm$;var r=e.$children$;var a=t.$children$;var o=t.$tag$;var s=t.$text$;var i;if(s===null){{if(o==="slot");else{updateElement(e,t,isSvgMode)}}if(r!==null&&a!==null){updateChildren(n,r,t,a)}else if(a!==null){if(e.$text$!==null){n.textContent=""}addVnodes(n,null,t,a,0,a.length-1)}else if(r!==null){removeVnodes(r,0,r.length-1)}}else if(i=n["s-cr"]){i.parentNode.textContent=s}else if(e.$text$!==s){n.data=s}};var updateFallbackSlotVisibility=function(e){var t=e.childNodes;var n;var r;var a;var o;var s;var i;for(r=0,a=t.length;r<a;r++){n=t[r];if(n.nodeType===1){if(n["s-sr"]){s=n["s-sn"];n.hidden=false;for(o=0;o<a;o++){i=t[o].nodeType;if(t[o]["s-hn"]!==n["s-hn"]||s!==""){if(i===1&&s===t[o].getAttribute("slot")){n.hidden=true;break}}else{if(i===1||i===3&&t[o].textContent.trim()!==""){n.hidden=true;break}}}}updateFallbackSlotVisibility(n)}}};var relocateNodes=[];var relocateSlotContent=function(e){var t;var n;var r;var a;var o;var s;var i=0;var l=e.childNodes;var c=l.length;for(;i<c;i++){t=l[i];if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){r=n.parentNode.childNodes;a=t["s-sn"];for(s=r.length-1;s>=0;s--){n=r[s];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==t["s-hn"]){if(isNodeLocatedInSlot(n,a)){o=relocateNodes.find((function(e){return e.$nodeToRelocate$===n}));checkSlotFallbackVisibility=true;n["s-sn"]=n["s-sn"]||a;if(o){o.$slotRefNode$=t}else{relocateNodes.push({$slotRefNode$:t,$nodeToRelocate$:n})}if(n["s-sr"]){relocateNodes.map((function(e){if(isNodeLocatedInSlot(e.$nodeToRelocate$,n["s-sn"])){o=relocateNodes.find((function(e){return e.$nodeToRelocate$===n}));if(o&&!e.$slotRefNode$){e.$slotRefNode$=o.$slotRefNode$}}}))}}else if(!relocateNodes.some((function(e){return e.$nodeToRelocate$===n}))){relocateNodes.push({$nodeToRelocate$:n})}}}}if(t.nodeType===1){relocateSlotContent(t)}}};var isNodeLocatedInSlot=function(e,t){if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var nullifyVNodeRefs=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(nullifyVNodeRefs)}};var renderVdom=function(e,t){var n=e.$hostElement$;var r=e.$cmpMeta$;var a=e.$vnode$||newVNode(null,null);var o=isHost(t)?t:h(null,null,t);hostTagName=n.tagName;o.$tag$=null;o.$flags$|=4;e.$vnode$=o;o.$elm$=a.$elm$=n.shadowRoot||n;{scopeId=n["s-sc"]}{contentRef=n["s-cr"];useNativeShadowDom=supportsShadow&&(r.$flags$&1)!==0;checkSlotFallbackVisibility=false}patch(a,o);{plt.$flags$|=1;if(checkSlotRelocate){relocateSlotContent(o.$elm$);var s=void 0;var i=void 0;var l=void 0;var c=void 0;var f=void 0;var u=void 0;var $=0;for(;$<relocateNodes.length;$++){s=relocateNodes[$];i=s.$nodeToRelocate$;if(!i["s-ol"]){l=doc.createTextNode("");l["s-nr"]=i;i.parentNode.insertBefore(i["s-ol"]=l,i)}}for($=0;$<relocateNodes.length;$++){s=relocateNodes[$];i=s.$nodeToRelocate$;if(s.$slotRefNode$){c=s.$slotRefNode$.parentNode;f=s.$slotRefNode$.nextSibling;l=i["s-ol"];while(l=l.previousSibling){u=l["s-nr"];if(u&&u["s-sn"]===i["s-sn"]&&c===u.parentNode){u=u.nextSibling;if(!u||!u["s-nr"]){f=u;break}}}if(!f&&c!==i.parentNode||i.nextSibling!==f){if(i!==f){if(!i["s-hn"]&&i["s-ol"]){i["s-hn"]=i["s-ol"].parentNode.nodeName}c.insertBefore(i,f)}}}else{if(i.nodeType===1){i.hidden=true}}}}if(checkSlotFallbackVisibility){updateFallbackSlotVisibility(o.$elm$)}plt.$flags$&=~1;relocateNodes.length=0}};var attachToAncestor=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var scheduleUpdate=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}attachToAncestor(e,e.$ancestorComponent$);var n=function(){return dispatchHooks(e,t)};return writeTask(n)};var dispatchHooks=function(e,t){var n=createTime("scheduleUpdate",e.$cmpMeta$.$tagName$);var r=e.$lazyInstance$;var a;if(t){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var t=e[0],n=e[1];return safeCall(r,t,n)}));e.$queuedListeners$=undefined}}{a=safeCall(r,"componentWillLoad")}}n();return enqueue(a,(function(){return updateComponent(e,r,t)}))};var enqueue=function(e,t){return isPromisey(e)?e.then(t):t()};var isPromisey=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var updateComponent=function(e,t,n){return __awaiter(void 0,void 0,void 0,(function(){var r,a,o,s,i,l,c;return __generator(this,(function(f){a=e.$hostElement$;o=createTime("update",e.$cmpMeta$.$tagName$);s=a["s-rc"];if(n){attachStyles(e)}i=createTime("render",e.$cmpMeta$.$tagName$);{callRender(e,t)}if(plt.$cssShim$){plt.$cssShim$.updateHost(a)}if(s){s.map((function(e){return e()}));a["s-rc"]=undefined}i();o();{l=(r=a["s-p"])!==null&&r!==void 0?r:[];c=function(){return postUpdateComponent(e)};if(l.length===0){c()}else{Promise.all(l).then(c);e.$flags$|=4;l.length=0}}return[2]}))}))};var callRender=function(e,t,n){try{renderingRef=t;t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{renderVdom(e,t)}}}}catch(r){consoleError(r,e.$hostElement$)}renderingRef=null;return null};var getRenderingRef=function(){return renderingRef};var postUpdateComponent=function(e){var t=e.$cmpMeta$.$tagName$;var n=e.$hostElement$;var r=createTime("postUpdate",t);var a=e.$lazyInstance$;var o=e.$ancestorComponent$;if(!(e.$flags$&64)){e.$flags$|=64;{addHydratedFlag(n)}{safeCall(a,"componentDidLoad")}r();{e.$onReadyResolve$(n);if(!o){appDidLoad()}}}else{r()}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.$flags$&=~(4|512)}};var forceUpdate=function(e){{var t=getHostRef(e);var n=t.$hostElement$.isConnected;if(n&&(t.$flags$&(2|16))===2){scheduleUpdate(t,false)}return n}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,t,n){if(e&&e[t]){try{return e[t](n)}catch(r){consoleError(r)}}return undefined};var addHydratedFlag=function(e){return e.classList.add("hydrated")};var getValue=function(e,t){return getHostRef(e).$instanceValues$.get(t)};var setValue=function(e,t,n,r){var a=getHostRef(e);var o=a.$hostElement$;var s=a.$instanceValues$.get(t);var i=a.$flags$;var l=a.$lazyInstance$;n=parsePropertyValue(n,r.$members$[t][0]);var c=Number.isNaN(s)&&Number.isNaN(n);var f=n!==s&&!c;if((!(i&8)||s===undefined)&&f){a.$instanceValues$.set(t,n);if(l){if(r.$watchers$&&i&128){var u=r.$watchers$[t];if(u){u.map((function(e){try{l[e](n,s,t)}catch(r){consoleError(r,o)}}))}}if((i&(2|16))===2){scheduleUpdate(a,false)}}}};var proxyComponent=function(e,t,n){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var r=Object.entries(t.$members$);var a=e.prototype;r.map((function(e){var r=e[0],o=e[1][0];if(o&31||n&2&&o&32){Object.defineProperty(a,r,{get:function(){return getValue(this,r)},set:function(e){setValue(this,r,e,t)},configurable:true,enumerable:true})}}));if(n&1){var o=new Map;a.attributeChangedCallback=function(e,t,n){var r=this;plt.jmp((function(){var t=o.get(e);if(r.hasOwnProperty(t)){n=r[t];delete r[t]}else if(a.hasOwnProperty(t)&&typeof r[t]==="number"&&r[t]==n){return}r[t]=n===null&&typeof r[t]==="boolean"?false:n}))};e.observedAttributes=r.filter((function(e){var t=e[0],n=e[1];return n[0]&15})).map((function(e){var t=e[0],n=e[1];var r=n[1]||t;o.set(r,t);return r}))}}return e};var initializeComponent=function(e,t,n,r,a){return __awaiter(void 0,void 0,void 0,(function(){var e,r,o,s,i,l,c;return __generator(this,(function(f){switch(f.label){case 0:if(!((t.$flags$&32)===0))return[3,5];t.$flags$|=32;a=loadModule(n);if(!a.then)return[3,2];e=uniqueTime();return[4,a];case 1:a=f.sent();e();f.label=2;case 2:if(!a.isProxied){{n.$watchers$=a.watchers}proxyComponent(a,n,2);a.isProxied=true}r=createTime("createInstance",n.$tagName$);{t.$flags$|=8}try{new a(t)}catch(u){consoleError(u)}{t.$flags$&=~8}{t.$flags$|=128}r();fireConnectedCallback(t.$lazyInstance$);if(!a.style)return[3,5];o=a.style;s=getScopeId(n);if(!!styles.has(s))return[3,5];i=createTime("registerStyles",n.$tagName$);if(!(n.$flags$&8))return[3,4];return[4,import("./shadow-css-19be24ee.js").then((function(e){return e.scopeCss(o,s,false)}))];case 3:o=f.sent();f.label=4;case 4:registerStyle(s,o,!!(n.$flags$&1));i();f.label=5;case 5:l=t.$ancestorComponent$;c=function(){return scheduleUpdate(t,true)};if(l&&l["s-rc"]){l["s-rc"].push(c)}else{c()}return[2]}}))}))};var fireConnectedCallback=function(e){{safeCall(e,"connectedCallback")}};var connectedCallback=function(e){if((plt.$flags$&1)===0){var t=getHostRef(e);var n=t.$cmpMeta$;var r=createTime("connectedCallback",n.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;{if(n.$flags$&(4|8)){setContentReference(e)}}{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){attachToAncestor(t,t.$ancestorComponent$=a);break}}}if(n.$members$){Object.entries(n.$members$).map((function(t){var n=t[0],r=t[1][0];if(r&31&&e.hasOwnProperty(n)){var a=e[n];delete e[n];e[n]=a}}))}{initializeComponent(e,t,n)}}else{addHostEventListeners(e,t,n.$listeners$);fireConnectedCallback(t.$lazyInstance$)}r()}};var setContentReference=function(e){var t=e["s-cr"]=doc.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};var disconnectedCallback=function(e){if((plt.$flags$&1)===0){var t=getHostRef(e);var n=t.$lazyInstance$;{if(t.$rmListeners$){t.$rmListeners$.map((function(e){return e()}));t.$rmListeners$=undefined}}if(plt.$cssShim$){plt.$cssShim$.removeHost(e)}{safeCall(n,"disconnectedCallback")}}};var patchChildSlotNodes=function(e,t){var n=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}t.prototype.item=function(e){return this[e]};return t}(Array);if(t.$flags$&8){var r=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get:function(){return this.childNodes.map((function(e){return e.nodeType===1}))}});Object.defineProperty(e,"childElementCount",{get:function(){return e.children.length}});Object.defineProperty(e,"childNodes",{get:function(){var e=r.call(this);if((plt.$flags$&1)===0&&getHostRef(this).$flags$&2){var t=new n;for(var a=0;a<e.length;a++){var o=e[a]["s-nr"];if(o){t.push(o)}}return t}return n.from(e)}})}};var bootstrapLazy=function(e,t){if(t===void 0){t={}}var n;var r=createTime();var a=[];var o=t.exclude||[];var s=win.customElements;var i=doc.head;var l=i.querySelector("meta[charset]");var c=doc.createElement("style");var f=[];var u;var $=true;Object.assign(plt,t);plt.$resourcesUrl$=new URL(t.resourcesUrl||"./",doc.baseURI).href;e.map((function(e){e[1].map((function(t){var n={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{n.$members$=t[2]}{n.$listeners$=t[3]}{n.$watchers$={}}if(!supportsShadow&&n.$flags$&1){n.$flags$|=8}var r=n.$tagName$;var i=function(e){__extends(t,e);function t(t){var r=e.call(this,t)||this;t=r;registerHost(t,n);if(n.$flags$&1){if(supportsShadow){{t.attachShadow({mode:"open"})}}else if(!("shadowRoot"in t)){t.shadowRoot=t}}{patchChildSlotNodes(t,n)}return r}t.prototype.connectedCallback=function(){var e=this;if(u){clearTimeout(u);u=null}if($){f.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};t.prototype.componentOnReady=function(){return getHostRef(this).$onReadyPromise$};return t}(HTMLElement);n.$lazyBundleId$=e[0];if(!o.includes(r)&&!s.get(r)){a.push(r);s.define(r,proxyComponent(i,n,1))}}))}));{c.innerHTML=a+HYDRATED_CSS;c.setAttribute("data-styles","");var d=(n=plt.$nonce$)!==null&&n!==void 0?n:queryNonceMetaTagContent(doc);if(d!=null){c.setAttribute("nonce",d)}i.insertBefore(c,l?l.nextSibling:i.firstChild)}$=false;if(f.length){f.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return u=setTimeout(appDidLoad,30)}))}}r()};var addHostEventListeners=function(e,t,n,r){if(n){n.map((function(n){var r=n[0],a=n[1],o=n[2];var s=getHostListenerTarget(e,r);var i=hostListenerProxy(t,o);var l=hostListenerOpts(r);plt.ael(s,a,i,l);(t.$rmListeners$=t.$rmListeners$||[]).push((function(){return plt.rel(s,a,i,l)}))}))}};var hostListenerProxy=function(e,t){return function(n){try{{if(e.$flags$&256){e.$lazyInstance$[t](n)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,n])}}}catch(r){consoleError(r)}}};var getHostListenerTarget=function(e,t){if(t&8)return win;return e};var hostListenerOpts=function(e){return(e&2)!==0};var setNonce=function(e){return plt.$nonce$=e};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,t){return hostRefs.set(t.$lazyInstance$=e,t)};var registerHost=function(e,t){var n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{n.$onReadyPromise$=new Promise((function(e){return n.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}addHostEventListeners(e,n,t.$listeners$);return hostRefs.set(e,n)};var isMemberInElement=function(e,t){return t in e};var consoleError=function(e,t){return(0,console.error)(e,t)};var cmpModules=new Map;var loadModule=function(e,t,n){var r=e.$tagName$.replace(/-/g,"_");var a=e.$lazyBundleId$;var o=cmpModules.get(a);if(o){return o[r]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import("./".concat(a,".entry.js").concat("")).then((function(e){{cmpModules.set(a,e)}return e[r]}),consoleError)};var styles=new Map;var win=typeof window!=="undefined"?window:{};var CSS=win.CSS;var doc=win.document||{head:{}};var plt={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,n,r){return e.addEventListener(t,n,r)},rel:function(e,t,n,r){return e.removeEventListener(t,n,r)},ce:function(e,t){return new CustomEvent(e,t)}};var supportsShadow=function(){return(doc.head.attachShadow+"").indexOf("[native")>-1}();var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,t){return function(n){e.push(n);if(!queuePending){queuePending=true;if(t&&plt.$flags$&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(n){consoleError(n)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);export{CSS as C,Host as H,NAMESPACE as N,promiseResolve as a,bootstrapLazy as b,getRenderingRef as c,doc as d,createEvent as e,forceUpdate as f,getElement as g,h,getAssetPath as i,plt as p,registerInstance as r,setNonce as s,win as w};
+//# sourceMappingURL=index-57c9193c.js.map