@postnord/pn-marketweb-components 4.2.1 → 4.2.3

package/pn-market-web-components/{p-0f2148b7.entry.js → p-118fe47d.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,g as i,h as o}from"./p-b3a13b6a.js";import{H as a}from"./p-885d59e8.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-media-block .media-block .media-block__block-container{display:grid;overflow:hidden}pn-media-block .media-block .media-block__media-container,pn-media-block .media-block .media-block__content-container,pn-media-block .media-block .media-block__overlay-filter{grid-area:1/1;width:100%;position:relative}pn-media-block .media-block .media-block__media-container{height:100vh;overflow:hidden;position:relative}pn-media-block .media-block .media-block__media-container img,pn-media-block .media-block .media-block__media-container video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;pointer-events:none;max-width:100%;max-height:none;height:100%;width:100%;pointer-events:none}pn-media-block .media-block .media-block__media-container pn-play-on-scroll{width:100%;height:100%}pn-media-block .media-block .media-block__media-container .scroll-wrapper{width:100%;height:100%}pn-media-block .media-block .media-block__media-container [slot=scroll-affected]{width:100%;height:100%;display:flex}pn-media-block .media-block .media-block__media-container .scroll-wrapper,pn-media-block .media-block .media-block__media-container .scroll-affected{width:100%;height:100%;display:flex}pn-media-block .media-block .media-block__media-container video{width:100%;height:100%}pn-media-block .media-block .media-block__overlay-filter{z-index:2}pn-media-block .media-block .media-block__content-container{z-index:3;display:flex;align-items:center;justify-content:center;transition:opacity 1s;flex-direction:column;margin:0 auto;padding:3.4rem 0;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){pn-media-block .media-block .media-block__content-container{max-width:540px}}@media (min-width: 768px){pn-media-block .media-block .media-block__content-container{max-width:720px}}@media (min-width: 992px){pn-media-block .media-block .media-block__content-container{max-width:960px}}@media (min-width: 1200px){pn-media-block .media-block .media-block__content-container{max-width:1140px}}@media (min-width: 1640px){pn-media-block .media-block .media-block__content-container{max-width:1440px}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container{padding:6.4rem 0}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container{padding:7.2rem 0}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container{padding:8rem 0}}pn-media-block .media-block .media-block__content-container .media-block__block-heading{max-width:100rem;text-wrap:balance;color:white;font-size:3.2rem;text-align:center;font-weight:700;line-height:1.1;margin-bottom:3rem}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4rem}}@media screen and (min-width: 768px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4.8rem}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8.8rem}}pn-media-block .media-block .media-block__content-container .media-block__preamble{max-width:80rem;max-width:80ch;text-wrap:balance;display:flex;color:white;font-size:1.8rem;text-align:center;font-weight:300}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2.4rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-weight:500}}pn-media-block .media-block .media-block__content-container .media-block__cta-link{margin-top:3rem}pn-media-block .media-block--height-100svh{min-height:100vh}@supports (height: 100svh){pn-media-block .media-block--height-100svh{height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{max-height:100svh}}pn-media-block .media-block--height-65svh{min-height:65svh;overflow:auto}pn-media-block .media-block--height-65svh .media-block__block-container{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__media-container picture{max-height:none !important;height:auto !important}pn-media-block .media-block--height-dynamic{height:auto;overflow:auto}pn-media-block .media-block--height-dynamic .media-block__block-container{height:auto;max-height:none}pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__overlay-filter{height:auto;max-height:none}pn-media-block .media-block--with-overlay .media-block__block-container .media-block__overlay-filter{z-index:2;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container,pn-media-block .media-block--fixed-background .media-block__block-container .media-block__overlay-filter{position:relative;overflow:hidden;top:0;width:100%;display:flex !important;clip-path:inset(0)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture{position:absolute;top:0;width:100%;display:flex !important;height:100%}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture img{position:fixed;width:100%;height:100%;object-fit:cover;z-index:1}pn-media-block .media-block--video .media-block__content-container{max-width:80%}pn-media-block .media-block--animate-overlay-background .media-block__overlay-filter{background-size:200% 200% !important;animation:overlayBackgroundAnimation 20s ease infinite}@keyframes overlayBackgroundAnimation{0%{background-position:100% 100%}50%{background-position:50% 60%}100%{background-position:100% 100%}}pn-media-block .media-block--margin-bottom{margin-bottom:3.2rem}@media screen and (min-width: 768px){pn-media-block .media-block--margin-bottom{margin-bottom:4rem}}@media screen and (min-width: 992px){pn-media-block .media-block--margin-bottom{margin-bottom:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block--margin-bottom{margin-bottom:7.2rem}}";const t=n;const c=class{constructor(i){e(this,i);this.blockHeight=null;this.imageSrc=null;this.imageSrcSmallScreenFormat=undefined;this.imageAltText="";this.videoSrc=null;this.parallaxScroll=false;this.showOverlayLayer=false;this.customOverlayBackground=null;this.animateOverlayBackground=false;this.scrollSnapBlock=false;this.fixedBackground=false;this.blockHeading=null;this.blockHeadingLevel="h2";this.blockPreamble=null;this.marginBottom=false;this.pnPlayOnScrollObserverOptions={root:document,threshold:1,rootMargin:"220px 0px 220px 0px"};this.calculatedBlockHeight=undefined;this.hasButtonSlot=true}get block(){return i(this)}get hasVideo(){if(this.videoSrc!==null&&this.videoSrc!=="undefined"){return true}return false}get hasImage(){if(this.imageSrc!==null&&this.imageSrc!=="undefined"){return true}return false}observerScroll;observerSnap;componentWillLoad(){this.hasButtonSlot=!!this.block.querySelector('[slot="cta-button"]')}async componentDidLoad(){const e=document.getElementById("scroll-trigger");this.calculatedBlockHeight=this.block.offsetHeight;const i=this.block.querySelector("#mediaBlockOverlay");if(this.customOverlayBackground!=null||this.customOverlayBackground!="undefined"){i.style.background=`${this.customOverlayBackground}`}if(this.parallaxScroll){this.observerScroll=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){window.addEventListener("scroll",this.handleScroll)}else{window.removeEventListener("scroll",this.handleScroll)}}))}),{rootMargin:`0px 0px`});this.observerScroll.observe(e)}if(this.scrollSnapBlock){this.observerSnap=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){if(this.block instanceof HTMLElement){setTimeout((()=>{this.block.scrollIntoView({behavior:"smooth",block:"start"})}),1e3)}else{console.error("this.block is not a valid HTMLElement")}}}))}),{root:document,rootMargin:"100px 0px 100px 0px",threshold:0});this.observerSnap.observe(e)}}disconnectedCallback(){if(this.observerScroll){this.observerScroll.disconnect()}if(this.observerSnap){this.observerSnap.disconnect()}window.removeEventListener("scroll",this.handleScroll)}handleScroll=()=>{const e=this.block.firstElementChild;const i=this.block.querySelector("#scroll-trigger");const o=this.block.querySelector("#overlayed-button-pause-video");const a=i.getBoundingClientRect().top;const n=e.offsetHeight;const t=n-a;const c=.3;const d=.2;const l=this.block.querySelector(".media-block__media-container");const m=this.block.querySelector(".media-block__content-container");if(l!=null){l.style.transform=`translate(0, ${t*(.1+d)}px)`;if(o!=null){o.style.transform=`translate(0, ${-t*(.3+d)}px)`}}if(m){m.style.transform=`translate(0, ${t*(.5+c)}px)`;const e=Math.max(0,1-t/600);m.style.opacity=`${e}`}};render(){const{showOverlayLayer:e,fixedBackground:i,blockHeight:n,scrollSnapBlock:t,hasButtonSlot:c,hasVideo:d,hasImage:l,animateOverlayBackground:m,marginBottom:b}=this;const h=d;const r=l;const k=["media-block",n?`media-block--height-${n}`:"",e?"media-block--with-overlay":"",m?`media-block--animate-overlay-background`:"",h?"media-block--video":"",t?"scroll-snap":"no-scroll-snap",i?"media-block--fixed-background":"",b?"media-block--margin-bottom":""].join(" ");const s={root:this.blockHeight==="100svh"?this.block:null,threshold:[0,.5,1]};return o("div",{key:"f5ae835cc4299ae08a0c781368c6407f359f8c8e",class:k},o("div",{key:"c7ddb415c0f9fc3ea505dc38f0a1a6ed61eba35b",class:"media-block__block-container"},o("div",{key:"82e5ebb277e31a683eea026dea5481655076dfb1",class:"media-block__media-container"},h?o("pn-play-on-scroll",{"show-overlay":this.showOverlayLayer,observerOptions:s,"video-src":this.videoSrc}):r?o("picture",null,o("source",{media:"(min-width: 1400px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1224px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1140px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1023px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 768px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 500px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("img",{src:this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc,alt:this.imageAltText!=="undefined"?this.imageAltText:"",role:this.imageAltText!=="undefined"?"img":"presentation","aria-hidden":this.imageAltText!=="undefined"?"false":"true"})):null),!h&&o("div",{key:"8d2090b3845bce11806a486c714b7b43b5519880",class:"media-block__overlay-filter",id:"mediaBlockOverlay"}),(this.blockHeading||this.blockPreamble)&&o("div",{key:"9919ba7c0af23dd1323202badbb68c302d037df1",class:"media-block__content-container"},this.blockHeading&&o(a,{key:"5476764a9c75666dc7bdf45c7b7211a071cf78cd",level:this.blockHeadingLevel,cssClass:"media-block__block-heading"},this.blockHeading),this.blockPreamble&&o("p",{key:"d8b7c40d8465c45e8149560446081cc272675fef",class:"media-block__preamble"},this.blockPreamble),c&&o("div",{key:"1273888646c5e960ce36f4b3ecf03cefe16bc6a2",class:"media-block__cta-link"},o("slot",{key:"80d7f2fe2f1657222d385d3e5263c698ddcfeff6",name:"cta-button"})))),o("div",{key:"19f99b2fffe0d4a9152e8cf956aee689978f502f",id:"scroll-trigger"}))}};c.style=t;export{c as pn_media_block};
-//# sourceMappingURL=p-0f2148b7.entry.js.map
+import{r as e,g as i,h as o}from"./p-b3a13b6a.js";import{H as a}from"./p-885d59e8.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-media-block .media-block .media-block__block-container{display:grid;overflow:hidden}pn-media-block .media-block .media-block__media-container,pn-media-block .media-block .media-block__content-container,pn-media-block .media-block .media-block__overlay-filter{grid-area:1/1;width:100%;position:relative}pn-media-block .media-block .media-block__media-container{height:100vh;overflow:hidden;position:relative}pn-media-block .media-block .media-block__media-container img,pn-media-block .media-block .media-block__media-container video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;pointer-events:none;max-width:100%;max-height:none;height:100%;width:100%;pointer-events:none}pn-media-block .media-block .media-block__media-container pn-play-on-scroll{width:100%;height:100%}pn-media-block .media-block .media-block__media-container .scroll-wrapper{width:100%;height:100%}pn-media-block .media-block .media-block__media-container [slot=scroll-affected]{width:100%;height:100%;display:flex}pn-media-block .media-block .media-block__media-container .scroll-wrapper,pn-media-block .media-block .media-block__media-container .scroll-affected{width:100%;height:100%;display:flex}pn-media-block .media-block .media-block__media-container video{width:100%;height:100%}pn-media-block .media-block .media-block__overlay-filter{z-index:2}pn-media-block .media-block .media-block__content-container{z-index:3;display:flex;align-items:center;justify-content:center;transition:opacity 1s;flex-direction:column;margin:0 auto;padding:3.4rem 0;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){pn-media-block .media-block .media-block__content-container{max-width:540px}}@media (min-width: 768px){pn-media-block .media-block .media-block__content-container{max-width:720px}}@media (min-width: 992px){pn-media-block .media-block .media-block__content-container{max-width:960px}}@media (min-width: 1200px){pn-media-block .media-block .media-block__content-container{max-width:1140px}}@media (min-width: 1640px){pn-media-block .media-block .media-block__content-container{max-width:1440px}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container{padding:6.4rem 0}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container{padding:7.2rem 0}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container{padding:8rem 0}}pn-media-block .media-block .media-block__content-container .media-block__block-heading{max-width:100rem;text-wrap:balance;color:white;font-size:3.2rem;text-align:center;font-weight:700;line-height:1.1;margin-bottom:3rem}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4rem}}@media screen and (min-width: 768px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4.8rem}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8.8rem}}pn-media-block .media-block .media-block__content-container .media-block__preamble{max-width:80rem;max-width:80ch;text-wrap:balance;display:flex;color:white;font-size:1.8rem;text-align:center;font-weight:300}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2.4rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-weight:500}}pn-media-block .media-block .media-block__content-container .media-block__cta-link{margin-top:3rem}pn-media-block .media-block--height-100svh{min-height:100vh}@supports (height: 100svh){pn-media-block .media-block--height-100svh{height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{max-height:100svh}}pn-media-block .media-block--height-65svh{min-height:65svh;overflow:auto}pn-media-block .media-block--height-65svh .media-block__block-container{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__media-container picture{max-height:none !important;height:auto !important}pn-media-block .media-block--height-dynamic{height:auto;overflow:auto}pn-media-block .media-block--height-dynamic .media-block__block-container{height:auto;max-height:none}pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__overlay-filter{height:auto;max-height:none}pn-media-block .media-block--with-overlay .media-block__block-container .media-block__overlay-filter{z-index:2;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container,pn-media-block .media-block--fixed-background .media-block__block-container .media-block__overlay-filter{position:relative;overflow:hidden;top:0;width:100%;display:flex !important;clip-path:inset(0)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture{position:absolute;top:0;width:100%;display:flex !important;height:100%}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture img{position:fixed;width:100%;height:100%;object-fit:cover;z-index:1}pn-media-block .media-block--video .media-block__content-container{max-width:80%}pn-media-block .media-block--animate-overlay-background .media-block__overlay-filter{background-size:200% 200% !important;animation:overlayBackgroundAnimation 20s ease infinite}@keyframes overlayBackgroundAnimation{0%{background-position:100% 100%}50%{background-position:50% 60%}100%{background-position:100% 100%}}pn-media-block .media-block--margin-bottom{margin-bottom:3.2rem}@media screen and (min-width: 768px){pn-media-block .media-block--margin-bottom{margin-bottom:4rem}}@media screen and (min-width: 992px){pn-media-block .media-block--margin-bottom{margin-bottom:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block--margin-bottom{margin-bottom:7.2rem}}";const t=n;const c=class{constructor(i){e(this,i);this.blockHeight=null;this.imageSrc=null;this.imageSrcSmallScreenFormat=undefined;this.imageAltText="";this.videoSrc=null;this.parallaxScroll=false;this.showOverlayLayer=false;this.customOverlayBackground=null;this.animateOverlayBackground=false;this.scrollSnapBlock=false;this.fixedBackground=false;this.blockHeading=null;this.blockHeadingLevel="h2";this.blockPreamble=null;this.marginBottom=false;this.pnPlayOnScrollObserverOptions={root:document,threshold:1,rootMargin:"220px 0px 220px 0px"};this.calculatedBlockHeight=undefined;this.hasButtonSlot=true}get block(){return i(this)}get hasVideo(){if(this.videoSrc!==null&&this.videoSrc!=="undefined"){return true}return false}get hasImage(){if(this.imageSrc!==null&&this.imageSrc!=="undefined"){return true}return false}observerScroll;observerSnap;componentWillLoad(){this.hasButtonSlot=!!this.block.querySelector('[slot="cta-button"]')}async componentDidLoad(){const e=document.getElementById("scroll-trigger");this.calculatedBlockHeight=this.block.offsetHeight;const i=this.block.querySelector("#mediaBlockOverlay");const o=this.customOverlayBackground?.trim();if(i&&o&&o!=="undefined"&&o!=="null"){i.style.background=o}if(this.parallaxScroll){this.observerScroll=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){window.addEventListener("scroll",this.handleScroll)}else{window.removeEventListener("scroll",this.handleScroll)}}))}),{rootMargin:`0px 0px`});this.observerScroll.observe(e)}if(this.scrollSnapBlock){this.observerSnap=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){if(this.block instanceof HTMLElement){setTimeout((()=>{this.block.scrollIntoView({behavior:"smooth",block:"start"})}),1e3)}else{console.error("this.block is not a valid HTMLElement")}}}))}),{root:document,rootMargin:"100px 0px 100px 0px",threshold:0});this.observerSnap.observe(e)}}disconnectedCallback(){if(this.observerScroll){this.observerScroll.disconnect()}if(this.observerSnap){this.observerSnap.disconnect()}window.removeEventListener("scroll",this.handleScroll)}handleScroll=()=>{const e=this.block.firstElementChild;const i=this.block.querySelector("#scroll-trigger");const o=this.block.querySelector("#overlayed-button-pause-video");const a=i.getBoundingClientRect().top;const n=e.offsetHeight;const t=n-a;const c=.3;const d=.2;const l=this.block.querySelector(".media-block__media-container");const m=this.block.querySelector(".media-block__content-container");if(l!=null){l.style.transform=`translate(0, ${t*(.1+d)}px)`;if(o!=null){o.style.transform=`translate(0, ${-t*(.3+d)}px)`}}if(m){m.style.transform=`translate(0, ${t*(.5+c)}px)`;const e=Math.max(0,1-t/600);m.style.opacity=`${e}`}};render(){const{showOverlayLayer:e,fixedBackground:i,blockHeight:n,scrollSnapBlock:t,hasButtonSlot:c,hasVideo:d,hasImage:l,animateOverlayBackground:m,marginBottom:b}=this;const h=d;const r=l;const k=["media-block",n?`media-block--height-${n}`:"",e?"media-block--with-overlay":"",m?`media-block--animate-overlay-background`:"",h?"media-block--video":"",t?"scroll-snap":"no-scroll-snap",i?"media-block--fixed-background":"",b?"media-block--margin-bottom":""].join(" ");const s={root:this.blockHeight==="100svh"?this.block:null,threshold:[0,.5,1]};return o("div",{key:"da0d5287214fdaf6bfbeb3959b74f2b27f307fec",class:k},o("div",{key:"e7bcb991eb8d0f180b75adc19fd1c2a5f9f5332a",class:"media-block__block-container"},o("div",{key:"1583cfd0df2bafad5538a45d834f1934b91079b1",class:"media-block__media-container"},h?o("pn-play-on-scroll",{"show-overlay":this.showOverlayLayer,observerOptions:s,"video-src":this.videoSrc}):r?o("picture",null,o("source",{media:"(min-width: 1400px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1224px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1140px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1023px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 768px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 500px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("img",{src:this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc,alt:this.imageAltText!=="undefined"?this.imageAltText:"",role:this.imageAltText!=="undefined"?"img":"presentation","aria-hidden":this.imageAltText!=="undefined"?"false":"true"})):null),!h&&o("div",{key:"1e2dd7afa6e98983f96c2268cd5154b3b5afedd6",class:"media-block__overlay-filter",id:"mediaBlockOverlay"}),(this.blockHeading||this.blockPreamble)&&o("div",{key:"4738c1c2eace3365078011b10f44967f1b6ee230",class:"media-block__content-container"},this.blockHeading&&o(a,{key:"8399e4c5ff4c0b0442ea99ff90b86c3b548ac77f",level:this.blockHeadingLevel,cssClass:"media-block__block-heading"},this.blockHeading),this.blockPreamble&&o("p",{key:"7c0943e4991728bbd7eb028f1a64a8597ab6f613",class:"media-block__preamble"},this.blockPreamble),c&&o("div",{key:"d2db3e84ef94e28d3c2857a3e6f0362bcd39bdcc",class:"media-block__cta-link"},o("slot",{key:"c88e64726536929e7fccf6b0cd7af8df6dc605de",name:"cta-button"})))),o("div",{key:"886b3c5c1c71d7a0c36db654e0d700e294757889",id:"scroll-trigger"}))}};c.style=t;export{c as pn_media_block};
+//# sourceMappingURL=p-118fe47d.entry.js.map

package/pn-market-web-components/p-118fe47d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pnMediaBlockCss","PnMediaBlockStyle0","PnmediaBlock","undefined","root","document","threshold","rootMargin","hasVideo","this","videoSrc","hasImage","imageSrc","observerScroll","observerSnap","componentWillLoad","hasButtonSlot","block","querySelector","componentDidLoad","scrollTrigger","getElementById","calculatedBlockHeight","offsetHeight","overlayElement","bg","customOverlayBackground","trim","style","background","parallaxScroll","IntersectionObserver","entries","forEach","entry","isIntersecting","window","addEventListener","handleScroll","removeEventListener","observe","scrollSnapBlock","HTMLElement","setTimeout","scrollIntoView","behavior","console","error","disconnectedCallback","disconnect","mediaBlockElement","firstElementChild","videoPauseButton","scrollTriggerTop","getBoundingClientRect","top","mediaBlockElementHeight","scrollPosition","parallaxSpeedContent","parallaxSpeedMedia","mediaContainer","content","transform","opacity","Math","max","render","showOverlayLayer","fixedBackground","blockHeight","animateOverlayBackground","marginBottom","isVideo","isImage","classes","join","pnPlayOnScrollObserverOptions","h","key","class","observerOptions","media","srcSet","imageSrcSmallScreenFormat","src","alt","imageAltText","role","id","blockHeading","blockPreamble","HeadingTag","level","blockHeadingLevel","cssClass","name"],"sources":["src/components/media/pn-media-block/pn-media-block.scss?tag=pn-media-block","src/components/media/pn-media-block/pn-media-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$animationDuration: 20s;\n\npn-media-block {\n  .media-block {\n    .media-block__block-container {\n      display: grid;\n      overflow: hidden;\n    }\n    .media-block__media-container,\n    .media-block__content-container,\n    .media-block__overlay-filter {\n      grid-area: 1 / 1;\n      width: 100%;\n      position: relative;\n    }\n\n    .media-block__media-container {\n      height: 100vh;\n      overflow: hidden;\n      position: relative;\n\n      img,\n      video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        object-fit: cover;\n        pointer-events: none;\n        max-width: 100%;\n        max-height: none;\n        height: 100%;\n        width: 100%;\n        pointer-events: none;\n      }\n\n      pn-play-on-scroll {\n        width: 100%;\n        height: 100%;\n      }\n\n      .scroll-wrapper {\n        width: 100%;\n        height: 100%;\n      }\n\n      [slot='scroll-affected'] {\n        width: 100%;\n        height: 100%;\n        display: flex;\n      }\n\n      .scroll-wrapper,\n      .scroll-affected {\n        width: 100%;\n        height: 100%;\n        display: flex;\n      }\n      video {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    .media-block__overlay-filter {\n      z-index: 2;\n    }\n\n    .media-block__content-container {\n      z-index: 3;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: opacity 1s;\n      flex-direction: column;\n      margin: 0 auto;\n      padding: 3.4rem 0;\n\n      @include inner-container;\n\n      @media screen and (min-width: $min-width-lg) {\n        padding: 6.4rem 0;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        padding: 7.2rem 0;\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        padding: 8rem 0;\n      }\n\n      .media-block__block-heading {\n        max-width: 100rem;\n        text-wrap: balance;\n        color: white;\n        font-size: 3.2rem;\n        text-align: center;\n        font-weight: 700;\n        line-height: 1.1;\n        margin-bottom: 3rem;\n\n        @media screen and (min-width: $min-width-sm) {\n          font-size: 4rem;\n        }\n\n        @media screen and (min-width: $min-width-md) {\n          font-size: 4.8rem;\n        }\n\n        @media screen and (min-width: $min-width-lg) {\n          font-size: 5.6rem;\n        }\n\n        @media screen and (min-width: $min-width-xl) {\n          font-size: 8rem;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-size: 8.8rem;\n        }\n      }\n\n      .media-block__preamble {\n        max-width: 80rem;\n        max-width: 80ch;\n        text-wrap: balance;\n        display: flex;\n        color: white;\n        font-size: 1.8rem;\n        text-align: center;\n        font-weight: 300;\n\n        @media screen and (min-width: $min-width-sm) {\n          font-size: 2rem;\n        }\n\n        @media screen and (min-width: $min-width-xl) {\n          font-size: 2.4rem;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-weight: 500;\n        }\n      }\n\n      .media-block__cta-link {\n        margin-top: 3rem;\n      }\n    }\n  }\n\n  .media-block--height-100svh {\n    min-height: 100vh;\n\n    @supports (height: 100svh) {\n      height: 100svh;\n    }\n\n    .media-block__block-container {\n      height: 100vh;\n\n      @supports (max-height: 100svh) {\n        max-height: 100svh;\n      }\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: 100vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 100svh;\n        }\n      }\n\n      .media-block__media-container picture {\n        height: 100vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 100svh;\n        }\n      }\n    }\n  }\n\n  .media-block--height-65svh {\n    min-height: 65svh;\n    overflow: auto;\n\n    .media-block__block-container {\n      height: 65vh;\n\n      @supports (max-height: 100svh) {\n        max-height: 65svh;\n      }\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: 65vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 65svh;\n        }\n      }\n    }\n\n    .media-block__media-container picture {\n      max-height: none !important;\n      height: auto !important;\n    }\n  }\n\n  .media-block--height-dynamic {\n    height: auto;\n    overflow: auto;\n\n    .media-block__block-container {\n      height: auto;\n      max-height: none;\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: auto;\n        max-height: none;\n      }\n    }\n  }\n\n  .media-block--with-overlay {\n    .media-block__block-container .media-block__overlay-filter {\n      z-index: 2;\n      background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n    }\n  }\n\n  .media-block--fixed-background {\n    .media-block__block-container {\n      .media-block__media-container,\n      .media-block__overlay-filter {\n        position: relative;\n        overflow: hidden;\n        top: 0;\n        width: 100%;\n        display: flex !important;\n        clip-path: inset(0);\n      }\n\n      .media-block__media-container {\n        picture {\n          position: absolute;\n          top: 0;\n          width: 100%;\n          display: flex !important;\n          height: 100%;\n\n          img {\n            position: fixed;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            z-index: 1;\n          }\n        }\n      }\n    }\n  }\n\n  .media-block--video {\n    .media-block__content-container {\n      max-width: 80%;\n    }\n  }\n\n  .media-block--animate-overlay-background {\n    .media-block__overlay-filter {\n      background-size: 200% 200% !important;\n      animation: overlayBackgroundAnimation $animationDuration ease infinite;\n    }\n  }\n\n  @keyframes overlayBackgroundAnimation {\n    0% {\n      background-position: 100% 100%;\n    }\n    50% {\n      background-position: 50% 60%;\n    }\n    100% {\n      background-position: 100% 100%;\n    }\n  }\n\n  .media-block--margin-bottom {\n    margin-bottom: 3.2rem;\n\n    @media screen and (min-width:$min-width-md) {\n      margin-bottom: 4rem;\n    }\n\n    @media screen and (min-width:$min-width-lg) {\n      margin-bottom: 5.6rem;\n    }\n\n    @media screen and (min-width:$min-width-xl) {\n      margin-bottom: 7.2rem;\n    }\n  }\n}\n","import { HeadingTag } from '@/globals/HeadingTag';\nimport {\n  Component,\n  Element,\n  h,\n  Prop,\n  State,\n} from '@stencil/core';\n\nfunction userPrefersReducedMotion(): boolean {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n@Component({\n  tag: 'pn-media-block',\n  styleUrl: 'pn-media-block.scss',\n})\nexport class PnmediaBlock {\n  @Prop() blockHeight: string = null;\n  @Prop() imageSrc?: string = null;\n  @Prop() imageSrcSmallScreenFormat?: string = undefined;\n  @Prop() imageAltText?: string = '';\n  @Prop() videoSrc?: string = null;\n  @Prop() parallaxScroll: boolean = false;\n  @Prop() showOverlayLayer: boolean = false;\n  @Prop() customOverlayBackground?: string = null;\n  @Prop() animateOverlayBackground: boolean = false;\n  @Prop() scrollSnapBlock: boolean = false;\n  @Prop() fixedBackground: boolean = false;\n  @Prop() blockHeading?: string = null;\n  @Prop() blockHeadingLevel?: string = 'h2';\n  @Prop() blockPreamble?: string = null;\n  @Prop() marginBottom?: boolean = false;\n\n  @State() pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n    root: document,\n    threshold: 1,\n    rootMargin: '220px 0px 220px 0px',\n  };\n\n  @State() calculatedBlockHeight: number;\n  @State() hasButtonSlot: boolean = true;\n\n  @Element() block: HTMLElement;\n\n  get hasVideo() {\n    if (this.videoSrc !== null && this.videoSrc !== 'undefined') {\n      return true;\n    }\n    return false;\n  }\n\n  get hasImage() {\n    if (this.imageSrc !== null && this.imageSrc !== 'undefined') {\n      return true;\n    }\n    return false;\n  }\n\n  private observerScroll: IntersectionObserver;\n  private observerSnap: IntersectionObserver;\n\n  componentWillLoad() {\n    this.hasButtonSlot = !!this.block.querySelector('[slot=\"cta-button\"]');\n  }\n\n  async componentDidLoad() {\n    const scrollTrigger = document.getElementById('scroll-trigger');\n    this.calculatedBlockHeight = this.block.offsetHeight;\n\n    const overlayElement = this.block.querySelector<HTMLElement>('#mediaBlockOverlay');\n    const bg = this.customOverlayBackground?.trim();\n\n    if (overlayElement && bg && bg !== 'undefined' && bg !== 'null') {\n      overlayElement.style.background = bg;\n    }\n\n    if (this.parallaxScroll) {\n      this.observerScroll = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              window.addEventListener('scroll', this.handleScroll);\n            } else {\n              window.removeEventListener('scroll', this.handleScroll);\n            }\n          });\n        },\n        { rootMargin: `0px 0px` },\n      );\n\n      this.observerScroll.observe(scrollTrigger);\n    }\n\n    if (this.scrollSnapBlock) {\n      this.observerSnap = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              // The block is within 100px of the viewport, scroll it into view\n              if (this.block instanceof HTMLElement) {\n                setTimeout(() => {\n                  this.block.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }, 1000); // Adjust the delay as needed\n              } else {\n                console.error('this.block is not a valid HTMLElement');\n              }\n            }\n          });\n        },\n        {\n          root: document,\n          rootMargin: '100px 0px 100px 0px',\n          threshold: 0,\n        },\n      );\n\n      this.observerSnap.observe(scrollTrigger);\n    }\n  }\n\n  disconnectedCallback() {\n    // Clean up the observer and event listener when the component is removed\n    if (this.observerScroll) {\n      this.observerScroll.disconnect();\n    }\n    if (this.observerSnap) {\n      this.observerSnap.disconnect();\n    }\n    window.removeEventListener('scroll', this.handleScroll);\n  }\n\n  handleScroll = () => {\n    const mediaBlockElement = this.block.firstElementChild as HTMLElement;\n    const scrollTrigger = this.block.querySelector('#scroll-trigger') as HTMLElement;\n    const videoPauseButton = this.block.querySelector('#overlayed-button-pause-video') as HTMLButtonElement;\n\n    const scrollTriggerTop = scrollTrigger.getBoundingClientRect().top;\n    const mediaBlockElementHeight = mediaBlockElement.offsetHeight;\n\n    const scrollPosition = mediaBlockElementHeight - scrollTriggerTop;\n\n    const parallaxSpeedContent = 0.3;\n    const parallaxSpeedMedia = 0.2;\n\n    const mediaContainer = this.block.querySelector('.media-block__media-container') as HTMLElement;\n    const content = this.block.querySelector('.media-block__content-container') as HTMLElement;\n\n    if (mediaContainer != null) {\n      // Move the image or video at a slower speed\n      mediaContainer.style.transform = `translate(0, ${scrollPosition * (0.1 + parallaxSpeedMedia)}px)`;\n\n      if (videoPauseButton != null) {\n        // Move the pause button up\n        videoPauseButton.style.transform = `translate(0, ${-scrollPosition * (0.3 + parallaxSpeedMedia)}px)`;\n      }\n    }\n\n    if (content) {\n      // Move the content at a faster speed\n      content.style.transform = `translate(0, ${scrollPosition * (0.5 + parallaxSpeedContent)}px)`;\n\n      // Change the opacity based on the scroll position\n      const opacity = Math.max(0, 1 - scrollPosition / 600);\n      content.style.opacity = `${opacity}`;\n    }\n  };\n\n  render() {\n    const { showOverlayLayer, fixedBackground, blockHeight, scrollSnapBlock, hasButtonSlot, hasVideo, hasImage, animateOverlayBackground, marginBottom } = this;\n\n    const isVideo = hasVideo;\n    const isImage = hasImage;\n\n    const classes = [\n      'media-block',\n      blockHeight ? `media-block--height-${blockHeight}` : '',\n      showOverlayLayer ? 'media-block--with-overlay' : '',\n      animateOverlayBackground ? `media-block--animate-overlay-background` : '',\n      isVideo ? 'media-block--video' : '',\n      scrollSnapBlock ? 'scroll-snap' : 'no-scroll-snap',\n      fixedBackground ? 'media-block--fixed-background' : '',\n      marginBottom ? 'media-block--margin-bottom' : '',\n    ].join(' ');\n\n    const pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n      root: this.blockHeight === '100svh' ? this.block : null,\n      threshold: [0, 0.5, 1], // Callback will be executed when 0%, 50%, and 100% of the target is visible\n    };\n\n    return (\n      <div class={classes}>\n        <div class=\"media-block__block-container\">\n          <div class=\"media-block__media-container\">\n            {isVideo ? (\n              <pn-play-on-scroll show-overlay={this.showOverlayLayer} observerOptions={pnPlayOnScrollObserverOptions} video-src={this.videoSrc}></pn-play-on-scroll>\n            ) : isImage ? (\n              <picture>\n                <source media=\"(min-width: 1400px)\" srcSet={this.imageSrc} />\n                <source media=\"(min-width: 1224px)\" srcSet={this.imageSrc} />\n                <source media=\"(min-width: 1140px)\" srcSet={this.imageSrc} />\n                <source\n                  media=\"(min-width: 1023px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <source\n                  media=\"(min-width: 768px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <source\n                  media=\"(min-width: 500px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <img\n                  src={this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                  alt={this.imageAltText !== 'undefined' ? this.imageAltText : ''}\n                  role={this.imageAltText !== 'undefined' ? 'img' : 'presentation'}\n                  aria-hidden={this.imageAltText !== 'undefined' ? 'false' : 'true'}\n                />\n              </picture>\n            ) : null}\n          </div>\n\n          {!isVideo && <div class=\"media-block__overlay-filter\" id=\"mediaBlockOverlay\"></div>}\n\n          {(this.blockHeading || this.blockPreamble) && (\n            <div class=\"media-block__content-container\">\n              {this.blockHeading && (\n                <HeadingTag level={this.blockHeadingLevel} cssClass=\"media-block__block-heading\">\n                  {this.blockHeading}\n                </HeadingTag>\n              )}\n              {this.blockPreamble && <p class=\"media-block__preamble\">{this.blockPreamble}</p>}\n              {hasButtonSlot && (\n                <div class=\"media-block__cta-link\">\n                  <slot name=\"cta-button\" />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div id=\"scroll-trigger\"></div>\n      </div>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAkB,66RACxB,MAAAC,EAAeD,E,MCgBFE,EAAY,M,0CACO,K,cACF,K,+BACiBC,U,kBACb,G,cACJ,K,oBACM,M,sBACE,M,6BACO,K,8BACC,M,qBACT,M,qBACA,M,kBACH,K,uBACK,K,mBACJ,K,kBACA,M,mCAEkC,CACjEC,KAAMC,SACNC,UAAW,EACXC,WAAY,uB,wDAIoB,I,4BAIlC,YAAIC,GACF,GAAIC,KAAKC,WAAa,MAAQD,KAAKC,WAAa,YAAa,CAC3D,OAAO,I,CAET,OAAO,K,CAGT,YAAIC,GACF,GAAIF,KAAKG,WAAa,MAAQH,KAAKG,WAAa,YAAa,CAC3D,OAAO,I,CAET,OAAO,K,CAGDC,eACAC,aAER,iBAAAC,GACEN,KAAKO,gBAAkBP,KAAKQ,MAAMC,cAAc,sB,CAGlD,sBAAMC,GACJ,MAAMC,EAAgBf,SAASgB,eAAe,kBAC9CZ,KAAKa,sBAAwBb,KAAKQ,MAAMM,aAExC,MAAMC,EAAiBf,KAAKQ,MAAMC,cAA2B,sBAC7D,MAAMO,EAAKhB,KAAKiB,yBAAyBC,OAEzC,GAAIH,GAAkBC,GAAMA,IAAO,aAAeA,IAAO,OAAQ,CAC/DD,EAAeI,MAAMC,WAAaJ,C,CAGpC,GAAIhB,KAAKqB,eAAgB,CACvBrB,KAAKI,eAAiB,IAAIkB,sBACxBC,IACEA,EAAQC,SAAQC,IACd,GAAIA,EAAMC,eAAgB,CACxBC,OAAOC,iBAAiB,SAAU5B,KAAK6B,a,KAClC,CACLF,OAAOG,oBAAoB,SAAU9B,KAAK6B,a,IAE5C,GAEJ,CAAE/B,WAAY,YAGhBE,KAAKI,eAAe2B,QAAQpB,E,CAG9B,GAAIX,KAAKgC,gBAAiB,CACxBhC,KAAKK,aAAe,IAAIiB,sBACtBC,IACEA,EAAQC,SAAQC,IACd,GAAIA,EAAMC,eAAgB,CAExB,GAAI1B,KAAKQ,iBAAiByB,YAAa,CACrCC,YAAW,KACTlC,KAAKQ,MAAM2B,eAAe,CAAEC,SAAU,SAAU5B,MAAO,SAAU,GAChE,I,KACE,CACL6B,QAAQC,MAAM,wC,KAGlB,GAEJ,CACE3C,KAAMC,SACNE,WAAY,sBACZD,UAAW,IAIfG,KAAKK,aAAa0B,QAAQpB,E,EAI9B,oBAAA4B,GAEE,GAAIvC,KAAKI,eAAgB,CACvBJ,KAAKI,eAAeoC,Y,CAEtB,GAAIxC,KAAKK,aAAc,CACrBL,KAAKK,aAAamC,Y,CAEpBb,OAAOG,oBAAoB,SAAU9B,KAAK6B,a,CAG5CA,aAAe,KACb,MAAMY,EAAoBzC,KAAKQ,MAAMkC,kBACrC,MAAM/B,EAAgBX,KAAKQ,MAAMC,cAAc,mBAC/C,MAAMkC,EAAmB3C,KAAKQ,MAAMC,cAAc,iCAElD,MAAMmC,EAAmBjC,EAAckC,wBAAwBC,IAC/D,MAAMC,EAA0BN,EAAkB3B,aAElD,MAAMkC,EAAiBD,EAA0BH,EAEjD,MAAMK,EAAuB,GAC7B,MAAMC,EAAqB,GAE3B,MAAMC,EAAiBnD,KAAKQ,MAAMC,cAAc,iCAChD,MAAM2C,EAAUpD,KAAKQ,MAAMC,cAAc,mCAEzC,GAAI0C,GAAkB,KAAM,CAE1BA,EAAehC,MAAMkC,UAAY,gBAAgBL,GAAkB,GAAME,QAEzE,GAAIP,GAAoB,KAAM,CAE5BA,EAAiBxB,MAAMkC,UAAY,iBAAiBL,GAAkB,GAAME,O,EAIhF,GAAIE,EAAS,CAEXA,EAAQjC,MAAMkC,UAAY,gBAAgBL,GAAkB,GAAMC,QAGlE,MAAMK,EAAUC,KAAKC,IAAI,EAAG,EAAIR,EAAiB,KACjDI,EAAQjC,MAAMmC,QAAU,GAAGA,G,GAI/B,MAAAG,GACE,MAAMC,iBAAEA,EAAgBC,gBAAEA,EAAeC,YAAEA,EAAW5B,gBAAEA,EAAezB,cAAEA,EAAaR,SAAEA,EAAQG,SAAEA,EAAQ2D,yBAAEA,EAAwBC,aAAEA,GAAiB9D,KAEvJ,MAAM+D,EAAUhE,EAChB,MAAMiE,EAAU9D,EAEhB,MAAM+D,EAAU,CACd,cACAL,EAAc,uBAAuBA,IAAgB,GACrDF,EAAmB,4BAA8B,GACjDG,EAA2B,0CAA4C,GACvEE,EAAU,qBAAuB,GACjC/B,EAAkB,cAAgB,iBAClC2B,EAAkB,gCAAkC,GACpDG,EAAe,6BAA+B,IAC9CI,KAAK,KAEP,MAAMC,EAA0D,CAC9DxE,KAAMK,KAAK4D,cAAgB,SAAW5D,KAAKQ,MAAQ,KACnDX,UAAW,CAAC,EAAG,GAAK,IAGtB,OACEuE,EAAA,OAAAC,IAAA,2CAAKC,MAAOL,GACVG,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gCACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gCACRP,EACCK,EAAA,oCAAiCpE,KAAK0D,iBAAkBa,gBAAiBJ,EAA6B,YAAanE,KAAKC,WACtH+D,EACFI,EAAA,eACEA,EAAA,UAAQI,MAAM,sBAAsBC,OAAQzE,KAAKG,WACjDiE,EAAA,UAAQI,MAAM,sBAAsBC,OAAQzE,KAAKG,WACjDiE,EAAA,UAAQI,MAAM,sBAAsBC,OAAQzE,KAAKG,WACjDiE,EAAA,UACEI,MAAM,sBACNC,OAAQzE,KAAK0E,2BAA6B1E,KAAK0E,4BAA8B,YAAc1E,KAAK0E,0BAA4B1E,KAAKG,WAEnIiE,EAAA,UACEI,MAAM,qBACNC,OAAQzE,KAAK0E,2BAA6B1E,KAAK0E,4BAA8B,YAAc1E,KAAK0E,0BAA4B1E,KAAKG,WAEnIiE,EAAA,UACEI,MAAM,qBACNC,OAAQzE,KAAK0E,2BAA6B1E,KAAK0E,4BAA8B,YAAc1E,KAAK0E,0BAA4B1E,KAAKG,WAEnIiE,EAAA,OACEO,IAAK3E,KAAK0E,4BAA8B,YAAc1E,KAAK0E,0BAA4B1E,KAAKG,SAC5FyE,IAAK5E,KAAK6E,eAAiB,YAAc7E,KAAK6E,aAAe,GAC7DC,KAAM9E,KAAK6E,eAAiB,YAAc,MAAQ,eAAc,cACnD7E,KAAK6E,eAAiB,YAAc,QAAU,UAG7D,OAGJd,GAAWK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,8BAA8BS,GAAG,uBAEvD/E,KAAKgF,cAAgBhF,KAAKiF,gBAC1Bb,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kCACRtE,KAAKgF,cACJZ,EAACc,EAAU,CAAAb,IAAA,2CAACc,MAAOnF,KAAKoF,kBAAmBC,SAAS,8BACjDrF,KAAKgF,cAGThF,KAAKiF,eAAiBb,EAAA,KAAAC,IAAA,2CAAGC,MAAM,yBAAyBtE,KAAKiF,eAC7D1E,GACC6D,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,QAAAC,IAAA,2CAAMiB,KAAK,kBAOrBlB,EAAA,OAAAC,IAAA,2CAAKU,GAAG,mB","ignoreList":[]}

package/pn-market-web-components/{p-02cc3319.entry.js → p-11c6e458.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,g as i,h as t,d as a}from"./p-b3a13b6a.js";const l={sv:{heading:"Prisindikation med PEX Bud",labelFrom:"Från postkod",labelTo:"Till postkod",zipPlaceholder:"Ex. 12831",labelWeight:"Vikt (i kilo)",weightPlaceholder:"Ex. 1000",labelWhen:"När",submitButtonText:"Beräkna pris"},en:{heading:"Calculate price with PEX Bud",labelFrom:"From zip",labelTo:"To zip",zipPlaceholder:"Ex. 12831",labelWeight:"Weight (in kilo)",weightPlaceholder:"Ex. 1000",labelWhen:"When",submitButtonText:"Calculate price"}};const n='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#PEX-truck_svg__a)"><path fill="#8EDDF9" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/><path fill="#0D234B" fill-rule="evenodd" d="M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564" clip-rule="evenodd"/><path fill="#000" d="M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319"/><path fill="#D3CECB" d="M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z"/><path fill="#F3F2F2" d="M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z"/><path fill="#2D2013" d="M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z"/><path fill="#000" d="M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z"/><path fill="#5E554A" fill-rule="evenodd" d="M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504" clip-rule="evenodd"/><path fill="#00A0D6" d="M63.995 98.848 123.334 22h9.431L73.381 98.938z"/><path fill="#A7A6A6" d="m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z"/><path fill="#000" d="M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z"/><path fill="#000" d="M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319"/><path fill="#5E554A" d="M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108"/><path fill="#fff" d="M58.583 58.595h-6.498v1.354h6.498z"/><path fill="#fff" d="M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z"/><path fill="#1798D5" d="m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z"/><path fill="#fff" d="m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812"/></g><defs><clipPath id="PEX-truck_svg__a"><path fill="#fff" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/></clipPath></defs></svg>';const r=n;const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.pex-pricefinder-top{display:flex;align-items:center}.pex-pricefinder-top pn-illustration{width:5.5rem;height:5.5rem;margin-right:1.6rem}.pex-pricefinder-form{margin:1.6rem 0 0 0;padding:0;border:0}.pex-pricefinder-form fieldset{margin:0;padding:0;border:0}.pex-pricefinder-form fieldset+fieldset{margin-top:1.6rem}.pex-pricefinder-form fieldset>div{display:flex;align-items:center;gap:1em}.pex-pricefinder-form fieldset>div>*{flex-grow:1;width:100%}.pex-pricefinder-form pn-button{align-self:end;margin-left:auto}.pex-pricefinder-form .datepicker{display:inline-flex;flex-direction:column}.pex-pricefinder-form .datepicker label{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end;cursor:pointer;transition:color 0.2s}.pex-pricefinder-form .datepicker pn-date-picker{width:100%}.pex-pricefinder-response{margin-top:2.4rem;text-align:center;font-size:2.4em}";const h=d;const c=class{constructor(i){e(this,i);this.language="sv";this.currency="Kr";this.apiUrl="/api/pex/order";this.i18n=l.sv;this.fromzip=null;this.tozip=null;this.weight=1;this.when="";this.response=null}get hostElement(){return i(this)}componentWillLoad(){this.init()}async init(){this.setInitialTime();this.checkParameters();this.setLanguage()}setInitialTime(){const e=new Date;e.setHours(e.getHours()+1);e.setMinutes(0);const i=e.toLocaleString("sv",{timeZoneName:"short"}).split(" ");this.when=`${i[0]}T${i[1].substring(0,5)}`}checkParameters(){const e=new URLSearchParams(window.location.href);if(!e){return}const i=["fromzip","tozip","weight","when"];i.forEach((i=>{if(e.get(i)){this[i]=e.get(i)}}))}setLanguage(){if(l[this.language]){this.i18n=l[this.language]}}onSubmit(e){e.preventDefault();const i=new FormData(e.target);const t=this.compileRequestQuery(i);this.fetchResult(t)}compileRequestQuery(e){let i={from:e.get("fromzip"),to:e.get("tozip"),weight:e.get("weight"),when:e.get("when")};if(!i.when){i.when=this.hostElement.querySelector("input.date-input").value}if(!e.get("fromzip")||!e.get("tozip")||!e.get("weight")){console.error("Form data is not compliant");return}return i}async fetchResult(e){this.response=null;const i=new URLSearchParams(e);const t=await fetch(`${this.apiUrl}?${i.toString()}`,{method:"get",headers:{"Content-Type":"application/json"}}).catch(this.onFetchError.bind(this));let a=await t.json().catch(this.onFetchError.bind(this));if(!a){a=await(await import("./p-4c30e4d5.js")).default}if(a){this.response=a}}onFetchError(e){console.error("onFetchError(error",e)}render(){return t(a,{key:"2c8bd5a159723de16eaed0ba66384165e7372606"},t("div",{key:"b7a392d3431dd431e490c30dc27dfd8c63c2765c",class:"pex-pricefinder-top"},t("pn-illustration",{key:"aaa8d7a175c74148dfd362e02ea8996990aec242",illustration:r}),t("h2",{key:"554b1c1b51bdb3716b169a101b45829862a1b2c2"},this.i18n.heading)),t("form",{key:"bf111300617c799079feb661973c5d3f28c4b8ca",method:"get",action:"",class:"pex-pricefinder-form",onSubmit:this.onSubmit.bind(this)},t("fieldset",{key:"a6196f2d243cd28a6e2060c3b3095f6e0ec20aea"},t("div",{key:"c54a5281124e6e11b37537aed89a14c35e62eb8a"},t("pn-input",{key:"6244e8cfd31566d995524c97a7efc72b93551330",type:"number",label:this.i18n.labelFrom,inputid:"fromzip",name:"fromzip",placeholder:this.i18n.zipPlaceholder,required:true,value:this.fromzip}),t("pn-input",{key:"aa0121fc0fb1d39d4234fbb81eb964f8550ca46e",type:"number",label:this.i18n.labelTo,inputid:"tozip",name:"tozip",placeholder:this.i18n.zipPlaceholder,required:true,value:this.tozip}))),t("fieldset",{key:"b563ba77878a72669e32fa51c6af8e8f2c686937"},t("div",{key:"a968da28258c8d753e1cbd0dd8b0f4e72027219d"},t("pn-input",{key:"adb40ae7b8bd43adbba6bb412aaccdb7fe7b215f",type:"number",label:this.i18n.labelWeight,inputid:"weight",name:"weight",placeholder:this.i18n.weightPlaceholder,required:true,value:this.weight}),t("div",{key:"a5366a5529218da25ac408a93afbcf5957afb1ab",class:"datepicker"},t("label",{key:"d424b95a1e4e83ce492f4892f4dccf4964ef85aa",htmlFor:"when"},this.i18n.labelWhen),t("pn-marketweb-input",{key:"3776e0d4236fa8ea0668408d5499c4ef7dca9313",inputid:"when",name:"when",type:"datetime-local",min:(new Date).toISOString().split("T")[0],value:this.when})))),t("fieldset",{key:"0abfe99084a02884781693b66e34748ecd6d74e8"},t("div",{key:"ed92ea6b6e09486f1a29c67e0aa65415eade22fa"},t("pn-button",{key:"d48193747555f09e50985a80b4bd8429905b234e",type:"submit"},this.i18n.submitButtonText)))),this.response?t("div",{class:"pex-pricefinder-response"},t("strong",null,this.response.data.value," ",this.currency)):null)}};c.style=h;export{c as pn_pex_pricefinder};
-//# sourceMappingURL=p-02cc3319.entry.js.map
+import{r as e,g as i,h as t,d as a}from"./p-b3a13b6a.js";const l={sv:{heading:"Prisindikation med PEX Bud",labelFrom:"Från postkod",labelTo:"Till postkod",zipPlaceholder:"Ex. 12831",labelWeight:"Vikt (i kilo)",weightPlaceholder:"Ex. 1000",labelWhen:"När",submitButtonText:"Beräkna pris"},en:{heading:"Calculate price with PEX Bud",labelFrom:"From zip",labelTo:"To zip",zipPlaceholder:"Ex. 12831",labelWeight:"Weight (in kilo)",weightPlaceholder:"Ex. 1000",labelWhen:"When",submitButtonText:"Calculate price"}};const n='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#PEX-truck_svg__a)"><path fill="#8EDDF9" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/><path fill="#0D234B" fill-rule="evenodd" d="M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564" clip-rule="evenodd"/><path fill="#000" d="M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319"/><path fill="#D3CECB" d="M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z"/><path fill="#F3F2F2" d="M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z"/><path fill="#2D2013" d="M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z"/><path fill="#000" d="M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z"/><path fill="#5E554A" fill-rule="evenodd" d="M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504" clip-rule="evenodd"/><path fill="#00A0D6" d="M63.995 98.848 123.334 22h9.431L73.381 98.938z"/><path fill="#A7A6A6" d="m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z"/><path fill="#000" d="M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z"/><path fill="#000" d="M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319"/><path fill="#5E554A" d="M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108"/><path fill="#fff" d="M58.583 58.595h-6.498v1.354h6.498z"/><path fill="#fff" d="M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z"/><path fill="#1798D5" d="m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z"/><path fill="#fff" d="m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812"/></g><defs><clipPath id="PEX-truck_svg__a"><path fill="#fff" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/></clipPath></defs></svg>';const r=n;const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.pex-pricefinder-top{display:flex;align-items:center}.pex-pricefinder-top pn-illustration{width:5.5rem;height:5.5rem;margin-right:1.6rem}.pex-pricefinder-form{margin:1.6rem 0 0 0;padding:0;border:0}.pex-pricefinder-form fieldset{margin:0;padding:0;border:0}.pex-pricefinder-form fieldset+fieldset{margin-top:1.6rem}.pex-pricefinder-form fieldset>div{display:flex;align-items:center;gap:1em}.pex-pricefinder-form fieldset>div>*{flex-grow:1;width:100%}.pex-pricefinder-form pn-button{align-self:end;margin-left:auto}.pex-pricefinder-form .datepicker{display:inline-flex;flex-direction:column}.pex-pricefinder-form .datepicker label{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end;cursor:pointer;transition:color 0.2s}.pex-pricefinder-form .datepicker pn-date-picker{width:100%}.pex-pricefinder-response{margin-top:2.4rem;text-align:center;font-size:2.4em}";const c=d;const h=class{constructor(i){e(this,i);this.language="sv";this.currency="Kr";this.apiUrl="/api/pex/order";this.i18n=l.sv;this.fromzip=null;this.tozip=null;this.weight=1;this.when="";this.response=null}get hostElement(){return i(this)}componentWillLoad(){this.init()}async init(){this.setInitialTime();this.checkParameters();this.setLanguage()}setInitialTime(){const e=new Date;e.setHours(e.getHours()+1);e.setMinutes(0);const i=e.toLocaleString("sv",{timeZoneName:"short"}).split(" ");this.when=`${i[0]}T${i[1].substring(0,5)}`}checkParameters(){const e=new URLSearchParams(window.location.href);if(!e){return}const i=["fromzip","tozip","weight","when"];i.forEach((i=>{if(e.get(i)){this[i]=e.get(i)}}))}setLanguage(){if(l[this.language]){this.i18n=l[this.language]}}onSubmit(e){e.preventDefault();const i=new FormData(e.target);const t=this.compileRequestQuery(i);this.fetchResult(t)}compileRequestQuery(e){let i={from:e.get("fromzip"),to:e.get("tozip"),weight:e.get("weight"),when:e.get("when")};if(!i.when){i.when=this.hostElement.querySelector("input.date-input").value}if(!e.get("fromzip")||!e.get("tozip")||!e.get("weight")){console.error("Form data is not compliant");return}return i}async fetchResult(e){this.response=null;const i=new URLSearchParams(e);const t=await fetch(`${this.apiUrl}?${i.toString()}`,{method:"get",headers:{"Content-Type":"application/json"}}).catch(this.onFetchError.bind(this));let a=await t.json().catch(this.onFetchError.bind(this));if(!a){a=await(await import("./p-4c30e4d5.js")).default}if(a){this.response=a}}onFetchError(e){console.error("onFetchError(error",e)}render(){return t(a,{key:"5e34db55449889c81098d7cc3fe586e27ae6bdfa"},t("div",{key:"bcf6d2e28c8f72a0e2732fe68d4588d0f7d6756d",class:"pex-pricefinder-top"},t("pn-illustration",{key:"5cc8b913c1f985bbf230a102ba4b871ca518740c",illustration:r}),t("h2",{key:"cb8f6fa2d63942562f710db5f0344e3483a712ea"},this.i18n.heading)),t("form",{key:"ed9a4c2b374ead4a6b6475f553306a1e6c645b8a",method:"get",action:"",class:"pex-pricefinder-form",onSubmit:this.onSubmit.bind(this)},t("fieldset",{key:"cb77a20bd452fc86cee00c67198710752a7fc0e5"},t("div",{key:"1feaf5db566a64c663df32d799b6b939d816e172"},t("pn-input",{key:"112ff605784bfe4d683cb17d73ab381f84e8f607",type:"number",label:this.i18n.labelFrom,inputid:"fromzip",name:"fromzip",placeholder:this.i18n.zipPlaceholder,required:true,value:this.fromzip}),t("pn-input",{key:"3ebb1c59c5b584eb18017b87040c840130b6dd3a",type:"number",label:this.i18n.labelTo,inputid:"tozip",name:"tozip",placeholder:this.i18n.zipPlaceholder,required:true,value:this.tozip}))),t("fieldset",{key:"3a983e86469c431ae4735d9648d6c4c437e13c61"},t("div",{key:"953f29fd4982450c87ba5cd69199411d3a7d6b74"},t("pn-input",{key:"88dd86139a4dbbcb4622a5c24dc2513e242246b2",type:"number",label:this.i18n.labelWeight,inputid:"weight",name:"weight",placeholder:this.i18n.weightPlaceholder,required:true,value:this.weight}),t("div",{key:"6bba75ff247a233881e4e7832cbc5f0467ea8a6b",class:"datepicker"},t("label",{key:"61a840c183893cf86d8ab4509aaffeb1596e3a91",htmlFor:"when"},this.i18n.labelWhen),t("pn-marketweb-input",{key:"45b70bb61703afc3d5a76e31e1612f3e6c51ab98",inputid:"when",name:"when",type:"datetime-local",min:(new Date).toISOString().split("T")[0],value:this.when})))),t("fieldset",{key:"79dbb129094517422326329455e12de0839e365d"},t("div",{key:"b3c53371f66dfc974abb7eddc0be97ce14bf3769"},t("pn-button",{key:"4fb3fdd8d9b16c92a823847da02a0c9f7a25bd92",type:"submit"},this.i18n.submitButtonText)))),this.response?t("div",{class:"pex-pricefinder-response"},t("strong",null,this.response.data.value," ",this.currency)):null)}};h.style=c;export{h as pn_pex_pricefinder};
+//# sourceMappingURL=p-11c6e458.entry.js.map

package/pn-market-web-components/{p-9b709942.entry.js → p-12cafd55.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,g as i,h as e,d as o}from"./p-b3a13b6a.js";import{s as t}from"./p-ae5756dd.js";import{a as s}from"./p-3fdca5bd.js";import"./p-2132ad75.js";const a='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';const r=a;const l='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:"";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}';const d=l;const p=class{constructor(i){n(this,i);this.name="";this.href="";this.target=null;this.linkid=null;this.icon="";this.currentSelection=false;this.levelId="";this.open=false;this.hasChildren=false}get hostElement(){return i(this)}componentWillLoad(){this.hasChildren=this.hostElement.querySelectorAll("pn-sidenav-level").length>0;const n=this.name.toLowerCase().replace(/\W/gi,"_");if(this.hasChildren&&this.name){this.levelId=`sidenav-lvl${2}-${n}`}if(!this.linkid&&this.name){this.linkid=`sidenav-link-${n}`}}onExpandClick(){t.openLevel=t.openLevel+""===this.levelId+""?"":this.levelId}getTagName(){return this.href?"a":"button"}render(){const n=this.getTagName();const i={href:this.href,target:this.target,id:this.linkid,class:"pn-sidenav-link"};let a={"aria-controls":this.levelId,"aria-label":(this.open?t.i18n.close:t.i18n.open)+" "+this.name,"aria-expanded":(t.openLevel+""===this.levelId+"")+"",onClick:this.onExpandClick.bind(this)};return e(o,{key:"cecdb17a715ca8cb8655b5c835d3529000fc134b",role:"listitem",name:this.name,href:this.href,linkid:this.linkid,current:this.currentSelection},e(n,{key:"0e433674d160c0caed9d03fbac912c28ab31dbed",...i,...n==="button"&&{...a}},this.icon?e("pn-icon",{icon:this.icon,color:"blue700"}):null,e("span",{key:"d23891e675b357f9abd978a3687f3b91ee3b53b3"},this.name),this.hasChildren&&n==="button"?e("div",{class:"pn-sidenav-link-expand"},this.open?e("pn-icon",{class:"first-level_icon",icon:r,color:"blue700"}):e("pn-icon",{class:"first-level_icon",icon:s,color:"blue700"})):null),this.hasChildren&&n==="a"?e("button",{...a,class:"pn-sidenav-link-expand"},this.open?e("pn-icon",{class:"first-level_icon",icon:r,color:"blue700"}):e("pn-icon",{class:"first-level_icon",icon:s,color:"blue700"})):null,e("slot",{key:"91c389f2c5364503f291ae68386752bf7efef97a"}))}};p.style=d;export{p as pn_sidenav_link};
-//# sourceMappingURL=p-9b709942.entry.js.map
+import{r as n,g as i,h as e,d as o}from"./p-b3a13b6a.js";import{s as t}from"./p-ae5756dd.js";import{a as s}from"./p-3fdca5bd.js";import"./p-2132ad75.js";const a='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';const r=a;const l='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:"";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}';const d=l;const p=class{constructor(i){n(this,i);this.name="";this.href="";this.target=null;this.linkid=null;this.icon="";this.currentSelection=false;this.levelId="";this.open=false;this.hasChildren=false}get hostElement(){return i(this)}componentWillLoad(){this.hasChildren=this.hostElement.querySelectorAll("pn-sidenav-level").length>0;const n=this.name.toLowerCase().replace(/\W/gi,"_");if(this.hasChildren&&this.name){this.levelId=`sidenav-lvl${2}-${n}`}if(!this.linkid&&this.name){this.linkid=`sidenav-link-${n}`}}onExpandClick(){t.openLevel=t.openLevel+""===this.levelId+""?"":this.levelId}getTagName(){return this.href?"a":"button"}render(){const n=this.getTagName();const i={href:this.href,target:this.target,id:this.linkid,class:"pn-sidenav-link"};let a={"aria-controls":this.levelId,"aria-label":(this.open?t.i18n.close:t.i18n.open)+" "+this.name,"aria-expanded":(t.openLevel+""===this.levelId+"")+"",onClick:this.onExpandClick.bind(this)};return e(o,{key:"2d6b4f8d417b989c5b62364786955531858d5d7b",role:"listitem",name:this.name,href:this.href,linkid:this.linkid,current:this.currentSelection},e(n,{key:"61fad438a530cc8a122a282fcd231d71e0ee70c0",...i,...n==="button"&&{...a}},this.icon?e("pn-icon",{icon:this.icon,color:"blue700"}):null,e("span",{key:"c5eb307a1d6c438f3d9f6fc140dc27d4999f4017"},this.name),this.hasChildren&&n==="button"?e("div",{class:"pn-sidenav-link-expand"},this.open?e("pn-icon",{class:"first-level_icon",icon:r,color:"blue700"}):e("pn-icon",{class:"first-level_icon",icon:s,color:"blue700"})):null),this.hasChildren&&n==="a"?e("button",{...a,class:"pn-sidenav-link-expand"},this.open?e("pn-icon",{class:"first-level_icon",icon:r,color:"blue700"}):e("pn-icon",{class:"first-level_icon",icon:s,color:"blue700"})):null,e("slot",{key:"023cad72a3c1315ee90af2b4db802b834ae151b6"}))}};p.style=d;export{p as pn_sidenav_link};
+//# sourceMappingURL=p-12cafd55.entry.js.map

package/pn-market-web-components/{p-c6db243c.entry.js → p-150da889.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as n,d as l}from"./p-b3a13b6a.js";const t='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-link-list .link-list__header{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:0.8rem}pn-link-list .link-list__heading{margin-bottom:0.8rem}@media screen and (min-width: 1140px){pn-link-list .link-list__heading{font-size:3.2rem}}pn-link-list .link-list__preamble{max-width:85rem;text-align:center;margin-bottom:0}@media screen and (min-width: 1140px){pn-link-list .link-list__preamble{text-wrap:balance}}pn-link-list .link-list{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;margin-bottom:2.4rem;padding:0}pn-link-list .link-list__container{overflow-x:auto;text-align:center;white-space:nowrap}pn-link-list .link-list__container.link-list__active a,pn-link-list .link-list__container.link-list__active li,pn-link-list .link-list__container.link-list__active ul{cursor:grab;cursor:-webkit-grab}pn-link-list .link-list__container::-webkit-scrollbar{height:0.4rem;margin-top:2rem;-webkit-appearance:none}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar{height:0.6rem}}pn-link-list .link-list__container::-webkit-scrollbar-thumb{background:#005d92;border-radius:2rem}pn-link-list .link-list__container::-webkit-scrollbar-track{background:#d3cecb;border-radius:2rem;width:100%;margin:0 5rem}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 10rem}}@media screen and (min-width: 1140px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 15rem}}@media screen and (min-width: 1440px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 20rem}}pn-link-list .link-list__container::-webkit-resizer{display:none}pn-link-list .link-list__container::before,pn-link-list .link-list__container::after{content:"";position:absolute;top:0;bottom:0;height:85%;width:10%}pn-link-list .link-list__container::before{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);left:0}pn-link-list .link-list__container::after{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);right:0}pn-link-list .link-list__scrollable{display:inline-block;padding:2rem 0 1rem}@media screen and (min-width: 992px){pn-link-list .link-list__scrollable{padding:0.5rem 2rem 1rem}}pn-link-list [slot=linklist] ul{display:flex;list-style:none;margin:0;padding:0 1.6rem}pn-link-list [slot=linklist] li>a{display:block;color:#2d2013;font-size:1.4rem;font-weight:500;line-height:140%;text-decoration:none;cursor:pointer;background-color:#ffffff;border:0.1rem solid #d3cecb;border-radius:0.8rem;margin:0 0.8rem;padding:1rem}@media screen and (min-width: 1410px){pn-link-list [slot=linklist] li>a{font-size:1.6rem}}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:active,pn-link-list [slot=linklist] li>a:focus{color:#fff}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:focus{background-color:#005d92}pn-link-list [slot=linklist] li>a:active{background-color:#0d234b}pn-link-list [slot=linklist] li>a:focus{outline:2px solid #005d92;outline-offset:2px}pn-link-list .link-list__button{display:flex;justify-content:center}@-moz-document url-prefix(){pn-link-list .link-list__container{scrollbar-color:#005d92 #d3cecb}pn-link-list .link-list__scrollable{padding:0.5rem 2rem 2rem}}';const e=t;const s=class{constructor(n){i(this,n);this.heading=null;this.label=null;this.preamble=null;this.url=null;this.showMoreLabel=null;this.showMoreUrl=null}slider=null;isDragging=false;startX=0;scrollLeft=0;componentDidLoad(){this.slider=document.querySelector(".link-list__container")}handleMouseDown=i=>{const n=i.target;const l=n.classList.contains("link-list__container");const t=n.tagName==="A";if(l||t){this.isDragging=true;this.slider?.classList.add("link-list__active");this.startX=i.pageX-this.slider?.offsetLeft;this.scrollLeft=this.slider?.scrollLeft;if(t){i.preventDefault()}}};handleMouseLeave=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseUp=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseMove=i=>{if(this.isDragging){const n=i.pageX-this.slider?.offsetLeft;const l=(n-this.startX)*2;this.slider.scrollLeft=this.scrollLeft-l}};render(){return n(l,{key:"294904b3412b9e53557ec4d9f2743de25c646e21"},(this.heading||this.preamble)&&n("div",{key:"e51721d8f30bd637fb872bceaf3e63d63cf60faa",class:"link-list__header"},this.heading&&n("h2",{key:"e7fab15c721d47c6baea3b7d2ddec452e2448445",class:"link-list__heading"},this.heading),this.preamble&&n("p",{key:"d631a6a3c6e239e9325064f936bb9e3a216659d9",class:"link-list__preamble"},this.preamble)),n("div",{key:"1337466d68dbccb1183ffb864cd36cdbf1af3017",class:"link-list"},n("div",{key:"5934a9b4c3c4846f5988c2cbf20e8c268d6970a9",class:"link-list__container",onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove},n("div",{key:"ae387d9591953a3867d22633c245931d215a1ccb",class:"link-list__scrollable"},n("slot",{key:"2548751e6d2161de5236694e32fde16d2140fd88",name:"linklist"})))),this.showMoreUrl?n("div",{class:"link-list__button"},n("pn-button",{appearance:"light",href:this.showMoreUrl},this.showMoreLabel)," "):"")}};s.style=e;export{s as pn_link_list};
-//# sourceMappingURL=p-c6db243c.entry.js.map
+import{r as i,h as n,d as l}from"./p-b3a13b6a.js";const t='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-link-list .link-list__header{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:0.8rem}pn-link-list .link-list__heading{margin-bottom:0.8rem}@media screen and (min-width: 1140px){pn-link-list .link-list__heading{font-size:3.2rem}}pn-link-list .link-list__preamble{max-width:85rem;text-align:center;margin-bottom:0}@media screen and (min-width: 1140px){pn-link-list .link-list__preamble{text-wrap:balance}}pn-link-list .link-list{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;margin-bottom:2.4rem;padding:0}pn-link-list .link-list__container{overflow-x:auto;text-align:center;white-space:nowrap}pn-link-list .link-list__container.link-list__active a,pn-link-list .link-list__container.link-list__active li,pn-link-list .link-list__container.link-list__active ul{cursor:grab;cursor:-webkit-grab}pn-link-list .link-list__container::-webkit-scrollbar{height:0.4rem;margin-top:2rem;-webkit-appearance:none}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar{height:0.6rem}}pn-link-list .link-list__container::-webkit-scrollbar-thumb{background:#005d92;border-radius:2rem}pn-link-list .link-list__container::-webkit-scrollbar-track{background:#d3cecb;border-radius:2rem;width:100%;margin:0 5rem}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 10rem}}@media screen and (min-width: 1140px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 15rem}}@media screen and (min-width: 1440px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 20rem}}pn-link-list .link-list__container::-webkit-resizer{display:none}pn-link-list .link-list__container::before,pn-link-list .link-list__container::after{content:"";position:absolute;top:0;bottom:0;height:85%;width:10%}pn-link-list .link-list__container::before{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);left:0}pn-link-list .link-list__container::after{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);right:0}pn-link-list .link-list__scrollable{display:inline-block;padding:2rem 0 1rem}@media screen and (min-width: 992px){pn-link-list .link-list__scrollable{padding:0.5rem 2rem 1rem}}pn-link-list [slot=linklist] ul{display:flex;list-style:none;margin:0;padding:0 1.6rem}pn-link-list [slot=linklist] li>a{display:block;color:#2d2013;font-size:1.4rem;font-weight:500;line-height:140%;text-decoration:none;cursor:pointer;background-color:#ffffff;border:0.1rem solid #d3cecb;border-radius:0.8rem;margin:0 0.8rem;padding:1rem}@media screen and (min-width: 1410px){pn-link-list [slot=linklist] li>a{font-size:1.6rem}}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:active,pn-link-list [slot=linklist] li>a:focus{color:#fff}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:focus{background-color:#005d92}pn-link-list [slot=linklist] li>a:active{background-color:#0d234b}pn-link-list [slot=linklist] li>a:focus{outline:2px solid #005d92;outline-offset:2px}pn-link-list .link-list__button{display:flex;justify-content:center}@-moz-document url-prefix(){pn-link-list .link-list__container{scrollbar-color:#005d92 #d3cecb}pn-link-list .link-list__scrollable{padding:0.5rem 2rem 2rem}}';const e=t;const s=class{constructor(n){i(this,n);this.heading=null;this.label=null;this.preamble=null;this.url=null;this.showMoreLabel=null;this.showMoreUrl=null}slider=null;isDragging=false;startX=0;scrollLeft=0;componentDidLoad(){this.slider=document.querySelector(".link-list__container")}handleMouseDown=i=>{const n=i.target;const l=n.classList.contains("link-list__container");const t=n.tagName==="A";if(l||t){this.isDragging=true;this.slider?.classList.add("link-list__active");this.startX=i.pageX-this.slider?.offsetLeft;this.scrollLeft=this.slider?.scrollLeft;if(t){i.preventDefault()}}};handleMouseLeave=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseUp=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseMove=i=>{if(this.isDragging){const n=i.pageX-this.slider?.offsetLeft;const l=(n-this.startX)*2;this.slider.scrollLeft=this.scrollLeft-l}};render(){return n(l,{key:"f0a5d1859a53f84db4d4d5c59238349f093302ff"},(this.heading||this.preamble)&&n("div",{key:"e0859d24a8605a7ed5155165ab6bb7bfd89f542a",class:"link-list__header"},this.heading&&n("h2",{key:"3f6bf90c1ffefa4e6d175025de14775095b269aa",class:"link-list__heading"},this.heading),this.preamble&&n("p",{key:"3e649e4f66d1b2bfeb08350dbeaf89c5a5f2f32d",class:"link-list__preamble"},this.preamble)),n("div",{key:"0b663079c4d0ca30fa7c755980a78ac78700747b",class:"link-list"},n("div",{key:"7c0a5ad32c0e2521ffa826655b843aa33cc57cac",class:"link-list__container",onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove},n("div",{key:"eafc5beff332905549a4ca22ece8ea0de12887a9",class:"link-list__scrollable"},n("slot",{key:"905739d2d378cdbb6ee157a47b3d4c57ad5a08ec",name:"linklist"})))),this.showMoreUrl?n("div",{class:"link-list__button"},n("pn-button",{appearance:"light",href:this.showMoreUrl},this.showMoreLabel)," "):"")}};s.style=e;export{s as pn_link_list};
+//# sourceMappingURL=p-150da889.entry.js.map

package/pn-market-web-components/{p-b3605a96.entry.js → p-1c644b91.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,g as t,h as n,d as o}from"./p-b3a13b6a.js";import{s as a}from"./p-ae5756dd.js";import{b as i}from"./p-7e3afa8c.js";import{c as d}from"./p-cfaf2eec.js";import"./p-2132ad75.js";const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#effbff}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";const p=s;const r=class{constructor(t){e(this,t);this.label="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return t(this)}onClick(){a.openMenu=!a.openMenu;const e=document.querySelector("body");e.setAttribute("data-siteheader-sidemenuopen",a.openMenu+"")}render(){return n(o,{key:"5b12dccee3851386ed82a2266a73e8be0979bb28"},n("pn-button",{key:"919a87ac282aae97c3bf79ac058be48b516ddc31",appearance:"light",icon:a.openMenu?d:i,"left-icon":true,small:true,onclick:this.onClick.bind(this),label:this.label},n("slot",{key:"2a28d5e852b331a581609ef617fbb0e691b9f1c1"})))}};r.style=p;export{r as pn_sidenav_togglebutton};
-//# sourceMappingURL=p-b3605a96.entry.js.map
+import{r as e,g as t,h as n,d as o}from"./p-b3a13b6a.js";import{s as i}from"./p-ae5756dd.js";import{b as a}from"./p-7e3afa8c.js";import{c as d}from"./p-cfaf2eec.js";import"./p-2132ad75.js";const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#effbff}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";const p=s;const r=class{constructor(t){e(this,t);this.label="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return t(this)}onClick(){i.openMenu=!i.openMenu;const e=document.querySelector("body");e.setAttribute("data-siteheader-sidemenuopen",i.openMenu+"")}render(){return n(o,{key:"09f914dd75d836271638a7e99ef4409e7be91266"},n("pn-button",{key:"02fd7ac645088c639b41c2ef2891880b7708895d",appearance:"light",icon:i.openMenu?d:a,"left-icon":true,small:true,onclick:this.onClick.bind(this),label:this.label},n("slot",{key:"24dfd9ea301d3a490a65eed7d4d53f067a40fc15"})))}};r.style=p;export{r as pn_sidenav_togglebutton};
+//# sourceMappingURL=p-1c644b91.entry.js.map

package/pn-market-web-components/p-24e428e4.entry.js

@@ -0,0 +1,2 @@
+import{r,g as a,h as e,d as t}from"./p-b3a13b6a.js";import{H as n}from"./p-885d59e8.js";const s='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-versa-card{display:flex;width:100%;height:100%;--versa-card-bg:transparent;--versa-card-heading-color:inherit;--versa-card-text-color:inherit;--versa-card-blockquote-border-color:inherit;--versa-link-color:#005d92;--versa-card-padding:1.6rem;--versa-card-heading-size:2.4rem;--versa-card-preamble-size:1.8rem;--versa-card-label-size:1.2rem;--rte-text-color:var(--versa-card-text-color);--rte-heading-color:var(--versa-card-heading-color);--rte-blockquote-border-color:var(--versa-card-blockquote-border-color);--rte-image-radius:1.6rem}pn-versa-card .pn-versa-card-label{display:block;font-size:var(--versa-card-label-size);text-transform:uppercase;margin:0 0 0.4rem 0}pn-versa-card .pn-versa-card-heading{font-size:var(--versa-card-heading-size);margin:0 0 0.4rem 0;color:var(--versa-card-heading-color)}pn-versa-card .pn-versa-card-preamble{font-size:var(--versa-card-preamble-size);margin:0 0 0.4rem 0}pn-versa-card .pn-versa-card{display:flex;flex-direction:column;width:100%;height:100%;gap:0.8rem;position:relative}pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image],pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture,pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture img{display:block;width:100%;height:100%}pn-versa-card .pn-versa-card .pn-versa-card-imageWrapper [slot=image] picture img{border-radius:1.6rem;object-fit:cover}pn-versa-card .pn-versa-card .pn-versa-card-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:1.6rem;max-width:100%;margin:0 auto;padding-bottom:1.6rem;--pn-link-current-color:var(--versa-link-color);--rte-link-color:var(--pn-link-current-color)}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-textContent{display:flex;flex-direction:column;color:var(--versa-card-text-color);max-width:70rem}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper{display:flex;align-items:center;min-height:4.8rem;width:100%}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.6rem;width:100%}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a{margin-bottom:0}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] pn-button[appearance=light]{color:unset}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a:not(.pn-button){color:var(--pn-link-current-color);text-decoration:none;font-weight:400}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a:not(.pn-button):hover{text-decoration:underline}pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a.versa-card-cta-link-animated pn-icon svg path{fill:var(--pn-link-current-color)}pn-versa-card .pn-versa-card-hasBg{position:relative;padding:var(--versa-card-padding);border-radius:1.6rem;background-color:transparent}pn-versa-card .pn-versa-card-hasBg::before{content:"";position:absolute;inset:0;background-color:var(--versa-card-bg);border-radius:inherit;z-index:0;pointer-events:none;opacity:1}pn-versa-card .pn-versa-card-hasBg>*{position:relative;z-index:1}pn-versa-card .pn-versa-card-hasBg .pn-versa-card-content{padding-bottom:0}pn-versa-card .pn-versa-card-hasBg.pn-versa-card-transparentBackground::before{opacity:0.9}pn-versa-card .pn-versa-card-hasImageCover{padding:0}pn-versa-card .pn-versa-card-hasImageCover .pn-versa-card-imageWrapper{height:100%;margin-bottom:0}pn-versa-card .pn-versa-card-hasImageCover .pn-versa-card-imageWrapper [slot=image] picture img{width:100%;height:100%;object-fit:cover}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText{--pn-versa-hover-overlay-alpha:var(--pn-versa-opacity, 0.85)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper{position:relative;height:100%}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::before,pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::after{content:"";position:absolute;inset:0;border-radius:1.6rem;pointer-events:none}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::before{background:radial-gradient(circle, rgba(13, 35, 75, 0.8) 7%, rgba(13, 35, 75, 0) 100%);z-index:1}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper::after{background-color:rgba(13, 35, 75, var(--pn-versa-hover-overlay-alpha));opacity:0;transition:opacity 1s;z-index:2}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-imageWrapper [slot=image] picture img{position:relative;z-index:0}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.4rem;max-width:unset;color:#ffffff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.8), 0 4px 12px rgba(0, 0, 0, 0.5);--pn-link-current-color:#ffffff;--rte-text-color:#ffffff;--rte-heading-color:#ffffff;--rte-blockquote-text-color:#ffffff;--rte-blockquote-border-color:rgba(255, 255, 255, 0.8);--rte-quote-author-color:#ffffff;--rte-quote-author-bg:rgba(255, 255, 255, 0.16)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content a{color:var(--pn-link-current-color);text-shadow:none}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content pn-button[appearance=light] a{color:#005d92}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta] a.versa-card-cta-link-animated pn-icon svg path{fill:var(--pn-link-current-color)}pn-versa-card .pn-versa-card-hasImageCover.pn-versa-card-hasImageCoverText:hover .pn-versa-card-imageWrapper::after{opacity:1}pn-versa-card .pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper{width:auto;height:auto}pn-versa-card .pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper [slot=image] picture img{aspect-ratio:1/1;width:100%;height:100%;max-width:12rem;border-radius:50%}pn-versa-card .pn-versa-card-horizontal{flex-direction:column}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-imageGrow .pn-versa-card-imageWrapper [slot=image] picture img{height:100%}pn-versa-card .pn-versa-card-center .pn-versa-card-imageWrapper{align-self:center}pn-versa-card .pn-versa-card-center .pn-versa-card-content{align-items:center;text-align:center}pn-versa-card .pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{justify-content:center}pn-versa-card .pn-versa-card-alignMiddle{justify-content:center}pn-versa-card .pn-versa-card-alignMiddle .pn-versa-card-content{height:auto}pn-versa-card[data-card-color=white]{--versa-card-bg:#ffffff}pn-versa-card[data-card-color=blue25]{--versa-card-bg:#effbff;--versa-card-blockquote-border-color:#00a0d6}pn-versa-card[data-card-color=blue50]{--versa-card-bg:#e0f8ff;--versa-card-blockquote-border-color:#00a0d6}pn-versa-card[data-card-color=blue400]{--versa-card-bg:#00a0d6}pn-versa-card[data-card-color=blue900]{--versa-card-bg:#0d234b;--versa-card-heading-color:#8eddf9;--versa-card-text-color:#ffffff;--versa-card-blockquote-border-color:#ffffff;--versa-link-color:#ffffff}pn-versa-card[data-card-color=coral25]{--versa-card-bg:#fef7f6;--versa-card-blockquote-border-color:#f06365}pn-versa-card[data-card-color=coral50]{--versa-card-bg:#fdefee;--versa-card-blockquote-border-color:#f06365}pn-versa-card[data-card-color=green25]{--versa-card-bg:#edfbf3;--versa-card-blockquote-border-color:#5ec584}pn-versa-card[data-card-color=green50]{--versa-card-bg:#dcf6e7;--versa-card-blockquote-border-color:#5ec584}@media (min-width: 600px){pn-versa-card .pn-versa-card-horizontal{flex-direction:row;gap:3.2rem}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper,pn-versa-card .pn-versa-card-horizontal .pn-versa-card-content{flex:1}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper{height:auto}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-imageWrapper [slot=image] picture img{height:auto;position:sticky;top:1.6rem}pn-versa-card .pn-versa-card-horizontal .pn-versa-card-content{width:50%;box-sizing:border-box;justify-content:flex-start}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasBg{padding:2.4rem}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-horizontal--imgRight{flex-direction:row-reverse}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-imageGrow .pn-versa-card-imageWrapper{height:100%}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-imageWrapper{align-self:auto}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content{align-items:stretch;text-align:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-textContent,pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper{align-self:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-center .pn-versa-card-content .pn-versa-card-linkwrapper [slot=cta]{justify-content:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-alignMiddle{align-items:flex-start}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-alignMiddle .pn-versa-card-content{align-self:center}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper{width:50%}pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasRoundedImage .pn-versa-card-imageWrapper [slot=image] picture img{max-width:unset}}@media (min-width: 1440px){pn-versa-card .pn-versa-card-horizontal.pn-versa-card-hasBg{padding:3.2rem}}pn-versa-card .versa-card-cta-link-animated pn-icon{position:relative;left:-0.3rem;transition:0.3s ease-in-out}pn-versa-card .versa-card-cta-link-animated:hover pn-icon{left:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte]{color:var(--rte-text-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] a{text-decoration:underline}pn-versa-card .pn-versa-card-RTEtext [slot=rte] a:not(.pn-button){color:var(--rte-link-color, currentColor)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h1{font-size:var(--rte-h1-size, 2.4rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h2{font-size:var(--rte-h2-size, 2.4rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h3{font-size:var(--rte-h3-size, 2rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h4{font-size:var(--rte-h4-size, 1.8rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h5{font-weight:var(--rte-h5-weight, 500);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] h6{font-weight:var(--rte-h6-weight, 500);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] strong{font-weight:var(--rte-strong-weight, 500)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] ul{padding-left:var(--rte-list-padding-left, 2.4rem);margin-bottom:var(--rte-list-margin-bottom, 3.2rem)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] ol{padding-left:var(--rte-list-padding-left, 2.4rem);margin-bottom:var(--rte-list-margin-bottom, 3.2rem)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .flex-bullet-list{padding-left:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] table{display:block;width:100%;max-width:100%;overflow-x:auto;margin-bottom:var(--rte-table-margin-bottom, 2.4rem);padding:var(--rte-table-padding, 0.8rem);border:none;border-radius:var(--rte-table-radius, 0.8rem);background:var(--rte-table-bg, #fff)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] table.table-tiny-mce th{background:transparent}pn-versa-card .pn-versa-card-RTEtext [slot=rte] th{padding:var(--rte-th-padding, 0.8rem);min-width:var(--rte-th-min-width, 20rem);text-align:left;font-weight:var(--rte-th-font-weight, 500);background:var(--rte-th-bg, #effbff);border:var(--rte-th-border-width, 3px) solid var(--rte-th-border-color, #e0f8ff);color:var(--rte-th-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] td{padding:var(--rte-td-padding, 0.8rem);min-width:var(--rte-td-min-width, 20rem);text-align:left;border:var(--rte-td-border-width, 1px) solid var(--rte-td-border-color, #e2e2e2);background:var(--rte-td-bg, #fff);color:var(--rte-td-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote{padding-left:var(--rte-blockquote-padding-left, 1.6rem);margin:var(--rte-blockquote-margin, 1.6rem 0);border-left:var(--rte-blockquote-border-width, 0.4rem) solid var(--rte-blockquote-border-color, currentColor);border-radius:var(--rte-blockquote-radius, 0);color:var(--rte-blockquote-text-color, inherit);background:var(--rte-blockquote-bg, transparent)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote p{margin:var(--rte-blockquote-paragraph-margin, 0)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] blockquote em{display:inline-block;font-style:normal;margin-top:var(--rte-quote-author-margin-top, 0.8rem);font-size:var(--rte-quote-author-font-size, 1.4rem);padding:var(--rte-quote-author-padding, 0.4rem);border-radius:var(--rte-quote-author-radius, 0.4rem);background:var(--rte-quote-author-bg, rgba(255, 255, 255, 0.1));color:var(--rte-quote-author-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .accordionblock-title{font-size:var(--rte-accordion-title-size, 1.8rem);color:var(--rte-heading-color, inherit)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] img{border-radius:var(--rte-image-radius, 0)}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .EPiServerForms .Form__Element{margin-bottom:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .FormSubmitButton .btn{margin-bottom:0}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .EPiServerForms .Form__MainBody section>div{margin-bottom:var(--rte-forms-spacing, 1.6rem) !important}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .pn-quote-card__section{max-width:none !important;background-color:transparent}pn-versa-card .pn-versa-card-RTEtext [slot=rte] .quoteblock-section .pn-quote-card__section .pn-quote-card__quote{border:none !important;padding-left:0 !important}.onethirdwidth pn-versa-card{--rte-forms-spacing:1.2rem}@media (min-width: 992px){.onequarterwidth pn-versa-card{--versa-card-padding:0.8rem;--versa-card-heading-size:2rem;--versa-card-preamble-size:1.7rem;--versa-card-label-size:1.1rem;--rte-h2-size:2rem;--rte-h3-size:1.8rem;--rte-h4-size:1.6rem}.halfwidth pn-versa-card,.fullwidth pn-versa-card{--rte-blockquote-margin:2.4rem 0}}';const c=s;const o=class{constructor(a){r(this,a);this.label=undefined;this.heading=undefined;this.preamble=undefined;this.imageGrow=false;this.horizontal=false;this.imgAlignment="left";this.hasImageCover=false;this.alignMiddle=false;this.center=false;this.roundImage=false;this.headingLevel="h3";this.opacity=90;this.transparentBackground=false;this.showImage=false;this.showRte=false;this.showCta=false}get hostElement(){return a(this)}cx(r){return r.filter(Boolean).join(" ")}get hasImageCoverText(){return!!(this.label||this.heading||this.preamble||this.showRte||this.showCta)}get normalizedOpacity(){return Math.min(100,Math.max(0,this.opacity??90))}get cardColor(){const r=this.hostElement.getAttribute("data-card-color")?.trim().toLowerCase();return r||null}get hasBg(){return!!this.cardColor}get cardClass(){return this.cx(["pn-versa-card",this.horizontal&&"pn-versa-card-horizontal",this.horizontal&&this.imgAlignment==="right"&&"pn-versa-card-horizontal--imgRight",this.hasBg&&"pn-versa-card-hasBg",this.hasImageCover&&"pn-versa-card-hasImageCover",this.hasImageCover&&this.hasImageCoverText&&"pn-versa-card-hasImageCoverText",this.roundImage&&"pn-versa-card-hasRoundedImage",this.center&&"pn-versa-card-center",this.alignMiddle&&"pn-versa-card-alignMiddle",this.imageGrow&&"pn-versa-card-imageGrow",this.hasBg&&this.transparentBackground&&"pn-versa-card-transparentBackground"])}get showContent(){return this.showTextContent||this.showCta}get showTextContent(){return!!(this.label||this.heading||this.preamble||this.showRte)}componentWillLoad(){this.showImage=!!this.hostElement.querySelector('[slot="image"]');this.showRte=!!this.hostElement.querySelector('[slot="rte"]');this.showCta=!!this.hostElement.querySelector('[slot="cta"]')}render(){return e(t,{key:"68795fe8f1d2c350e5a75587f4f3a4c5c7aa36c9"},e("div",{key:"56ed337bc840a49cb2cabac58296816a863476d0",class:this.cardClass,style:{"--pn-versa-opacity":`${this.normalizedOpacity/100}`}},this.showImage&&e("div",{key:"819b335ef80afc4a7acdcdc4b8de3aa778f5848b",class:"pn-versa-card-imageWrapper"},e("slot",{key:"29ec92758424d1ab78ec647a88960b30ef831296",name:"image"})),this.showContent&&e("div",{key:"52f708312839f2026574e4c26e4d5cc7dd19d9c7",class:"pn-versa-card-content"},this.showTextContent&&e("div",{key:"f945d3960dab715386493f01d798d81eec49f47d",class:"pn-versa-card-textContent"},this.label&&e("span",{key:"acf5de375907dbf4699d450cd8f358a68475808d",class:"pn-versa-card-label"},this.label),this.heading&&e(n,{key:"e2cdc9c1662c77184010fc6a5179b47959a637e9",cssClass:"pn-versa-card-heading",level:this.headingLevel},this.heading),this.preamble&&e("p",{key:"82c6e264660a5acc5227f9db0f0a7c5777e37d83",class:"pn-versa-card-preamble"},this.preamble),this.showRte&&e("div",{key:"1025d88c618f24e63d8b75cf3fb62262d98015e0",class:"pn-versa-card-RTEtext"},e("slot",{key:"ec7cadcd2950cdb5d697f1bdd059d5ece1473168",name:"rte"}))),this.showCta&&e("div",{key:"7ae363ccac0b3ea35559c97d0a45b8629c8c310e",class:"pn-versa-card-linkwrapper"},e("slot",{key:"e0d30dd052fab2dd5a3af805f67628b26e71750b",name:"cta"})))))}};o.style=c;export{o as pn_versa_card};
+//# sourceMappingURL=p-24e428e4.entry.js.map

package/pn-market-web-components/p-24e428e4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pnVersaCardCss","PnVersaCardStyle0","PnVersaCard","cx","parts","filter","Boolean","join","hasImageCoverText","this","label","heading","preamble","showRte","showCta","normalizedOpacity","Math","min","max","opacity","cardColor","value","hostElement","getAttribute","trim","toLowerCase","hasBg","cardClass","horizontal","imgAlignment","hasImageCover","roundImage","center","alignMiddle","imageGrow","transparentBackground","showContent","showTextContent","componentWillLoad","showImage","querySelector","render","h","Host","key","class","style","name","HeadingTag","cssClass","level","headingLevel"],"sources":["src/components/cards/pn-versa-card/pn-versa-card.scss?tag=pn-versa-card","src/components/cards/pn-versa-card/pn-versa-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n// -----------------------------------------------------------------------------\n// SCSS tokens\n// Internal layout / implementation constants\n// -----------------------------------------------------------------------------\n$versa-card-radius: rem16(16px);\n$versa-card-gap: rem16(8px);\n$versa-card-content-gap: rem16(16px);\n$versa-card-content-padding-bottom: rem16(16px);\n$versa-card-text-max-width: rem16(700px);\n$versa-card-cover-padding: rem16(24px);\n$versa-card-horizontal-gap: rem16(32px);\n$versa-card-horizontal-padding: rem16(24px);\n$versa-card-horizontal-padding-lg: rem16(32px);\n$versa-card-sticky-top: rem16(16px);\n\n$versa-card-meta-margin-bottom: rem16(4px);\n$versa-card-cta-gap: rem16(16px);\n$versa-card-cta-min-height: rem16(48px);\n$versa-card-rounded-image-max-width: rem16(120px);\n\n$versa-card-cover-overlay-rgb: rgb(13, 35, 75);\n$versa-card-cover-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8),\n    0 4px 12px rgba(0, 0, 0, 0.5);\n\n$versa-card-cta-icon-offset: -0.3rem;\n$versa-card-cta-transition: 0.3s ease-in-out;\n\n// -----------------------------------------------------------------------------\n// Root / design tokens\n// CSS variables are kept for styling + contextual overrides\n// -----------------------------------------------------------------------------\npn-versa-card {\n    display: flex;\n    width: 100%;\n    height: 100%;\n\n    --versa-card-bg: transparent;\n    --versa-card-heading-color: inherit;\n    --versa-card-text-color: inherit;\n    --versa-card-blockquote-border-color: inherit;\n    --versa-link-color: #{$blue700};\n\n    --versa-card-padding: #{rem16(16px)};\n    --versa-card-heading-size: #{rem16(24px)};\n    --versa-card-preamble-size: #{rem16(18px)};\n    --versa-card-label-size: #{rem16(12px)};\n\n    --rte-text-color: var(--versa-card-text-color);\n    --rte-heading-color: var(--versa-card-heading-color);\n    --rte-blockquote-border-color: var(--versa-card-blockquote-border-color);\n    --rte-image-radius: #{$versa-card-radius};\n\n    .pn-versa-card-label {\n        display: block;\n        font-size: var(--versa-card-label-size);\n        text-transform: uppercase;\n        margin: 0 0 $versa-card-meta-margin-bottom 0;\n    }\n\n    .pn-versa-card-heading {\n        font-size: var(--versa-card-heading-size);\n        margin: 0 0 $versa-card-meta-margin-bottom 0;\n        color: var(--versa-card-heading-color);\n    }\n\n    .pn-versa-card-preamble {\n        font-size: var(--versa-card-preamble-size);\n        margin: 0 0 $versa-card-meta-margin-bottom 0;\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Base structure\n// -----------------------------------------------------------------------------\npn-versa-card {\n    .pn-versa-card {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        gap: $versa-card-gap;\n        position: relative;\n\n        .pn-versa-card-imageWrapper {\n\n            [slot='image'],\n            [slot='image'] picture,\n            [slot='image'] picture img {\n                display: block;\n                width: 100%;\n                height: 100%;\n            }\n\n            [slot='image'] picture img {\n                border-radius: $versa-card-radius;\n                object-fit: cover;\n            }\n        }\n\n        .pn-versa-card-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            height: 100%;\n            gap: $versa-card-content-gap;\n            max-width: 100%;\n            margin: 0 auto;\n            padding-bottom: $versa-card-content-padding-bottom;\n\n            --pn-link-current-color: var(--versa-link-color);\n            --rte-link-color: var(--pn-link-current-color);\n\n            .pn-versa-card-textContent {\n                display: flex;\n                flex-direction: column;\n                color: var(--versa-card-text-color);\n                max-width: $versa-card-text-max-width;\n            }\n\n            .pn-versa-card-linkwrapper {\n                display: flex;\n                align-items: center;\n                min-height: $versa-card-cta-min-height;\n                width: 100%;\n\n                [slot='cta'] {\n                    display: flex;\n                    flex-direction: row;\n                    flex-wrap: wrap;\n                    align-items: center;\n                    gap: $versa-card-cta-gap;\n                    width: 100%;\n\n                    a {\n                        margin-bottom: 0;\n                    }\n\n                    pn-button[appearance='light'] {\n                        color: unset;\n                    }\n\n                    a:not(.pn-button) {\n                        color: var(--pn-link-current-color);\n                        text-decoration: none;\n                        font-weight: 400;\n\n                        &:hover {\n                            text-decoration: underline;\n                        }\n                    }\n\n                    a.versa-card-cta-link-animated pn-icon svg path {\n                        fill: var(--pn-link-current-color);\n                    }\n                }\n            }\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Modifiers (visual / state)\n// -----------------------------------------------------------------------------\npn-versa-card {\n    .pn-versa-card-hasBg {\n        position: relative;\n        padding: var(--versa-card-padding);\n        border-radius: $versa-card-radius;\n        background-color: transparent;\n\n        &::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background-color: var(--versa-card-bg);\n            border-radius: inherit;\n            z-index: 0;\n            pointer-events: none;\n            opacity: 1;\n        }\n\n        >* {\n            position: relative;\n            z-index: 1;\n        }\n\n        .pn-versa-card-content {\n            padding-bottom: 0;\n        }\n\n        &.pn-versa-card-transparentBackground::before {\n            opacity: 0.9;\n        }\n    }\n\n    .pn-versa-card-hasImageCover {\n        padding: 0;\n\n        .pn-versa-card-imageWrapper {\n            height: 100%;\n            margin-bottom: 0;\n\n            [slot='image'] picture img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n        }\n\n        &.pn-versa-card-hasImageCoverText {\n            --pn-versa-hover-overlay-alpha: var(--pn-versa-opacity, 0.85);\n\n            .pn-versa-card-imageWrapper {\n                position: relative;\n                height: 100%;\n\n                &::before,\n                &::after {\n                    content: '';\n                    position: absolute;\n                    inset: 0;\n                    border-radius: $versa-card-radius;\n                    pointer-events: none;\n                }\n\n                &::before {\n                    background: radial-gradient(circle,\n                            rgba($versa-card-cover-overlay-rgb, 0.8) 7%,\n                            rgba($versa-card-cover-overlay-rgb, 0) 100%);\n                    z-index: 1;\n                }\n\n                &::after {\n                    background-color: rgba($versa-card-cover-overlay-rgb, var(--pn-versa-hover-overlay-alpha));\n                    opacity: 0;\n                    transition: opacity 1s;\n                    z-index: 2;\n                }\n\n                [slot='image'] picture img {\n                    position: relative;\n                    z-index: 0;\n                }\n            }\n\n            .pn-versa-card-content {\n                position: absolute;\n                inset: 0;\n                z-index: 3;\n\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                align-items: center;\n\n                padding: $versa-card-cover-padding;\n                max-width: unset;\n\n                color: #{$white};\n                text-shadow: $versa-card-cover-text-shadow;\n\n                --pn-link-current-color: #{$white};\n                --rte-text-color: #{$white};\n                --rte-heading-color: #{$white};\n                --rte-blockquote-text-color: #{$white};\n                --rte-blockquote-border-color: rgba(255, 255, 255, 0.8);\n                --rte-quote-author-color: #{$white};\n                --rte-quote-author-bg: rgba(255, 255, 255, 0.16);\n\n                a {\n                    color: var(--pn-link-current-color);\n                    text-shadow: none;\n                }\n\n                pn-button[appearance='light'] a {\n                    color: $blue700;\n                }\n\n                .pn-versa-card-linkwrapper {\n                    [slot='cta'] {\n                        a.versa-card-cta-link-animated pn-icon svg path {\n                            fill: var(--pn-link-current-color);\n                        }\n                    }\n                }\n            }\n\n            &:hover .pn-versa-card-imageWrapper::after {\n                opacity: 1;\n            }\n        }\n    }\n\n    .pn-versa-card-hasRoundedImage {\n        .pn-versa-card-imageWrapper {\n            width: auto;\n            height: auto;\n\n            [slot='image'] picture img {\n                aspect-ratio: 1 / 1;\n                width: 100%;\n                height: 100%;\n                max-width: $versa-card-rounded-image-max-width;\n                border-radius: 50%;\n            }\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Layout + alignment\n// -----------------------------------------------------------------------------\npn-versa-card {\n    .pn-versa-card-horizontal {\n        flex-direction: column;\n\n        &.pn-versa-card-imageGrow {\n            .pn-versa-card-imageWrapper {\n                [slot='image'] picture img {\n                    height: 100%;\n                }\n            }\n        }\n    }\n\n    .pn-versa-card-center {\n        .pn-versa-card-imageWrapper {\n            align-self: center;\n        }\n\n        .pn-versa-card-content {\n            align-items: center;\n            text-align: center;\n\n            .pn-versa-card-linkwrapper {\n                [slot='cta'] {\n                    justify-content: center;\n                }\n            }\n        }\n    }\n\n    .pn-versa-card-alignMiddle {\n        justify-content: center;\n\n        .pn-versa-card-content {\n            height: auto;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Theme / colors\n// -----------------------------------------------------------------------------\npn-versa-card {\n    &[data-card-color='white'] {\n        --versa-card-bg: #{$white};\n    }\n\n    &[data-card-color='blue25'] {\n        --versa-card-bg: #{$blue25};\n        --versa-card-blockquote-border-color: #{$blue400};\n    }\n\n    &[data-card-color='blue50'] {\n        --versa-card-bg: #{$blue50};\n        --versa-card-blockquote-border-color: #{$blue400};\n    }\n\n    &[data-card-color='blue400'] {\n        --versa-card-bg: #{$blue400};\n    }\n\n    &[data-card-color='blue900'] {\n        --versa-card-bg: #{$blue900};\n        --versa-card-heading-color: #{$blue200};\n        --versa-card-text-color: #{$white};\n        --versa-card-blockquote-border-color: #{$white};\n        --versa-link-color: #{$white};\n    }\n\n    &[data-card-color='coral25'] {\n        --versa-card-bg: #{$coral25};\n        --versa-card-blockquote-border-color: #{$coral400};\n    }\n\n    &[data-card-color='coral50'] {\n        --versa-card-bg: #{$coral50};\n        --versa-card-blockquote-border-color: #{$coral400};\n    }\n\n    &[data-card-color='green25'] {\n        --versa-card-bg: #{$green25};\n        --versa-card-blockquote-border-color: #{$green400};\n    }\n\n    &[data-card-color='green50'] {\n        --versa-card-bg: #{$green50};\n        --versa-card-blockquote-border-color: #{$green400};\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Responsive\n// -----------------------------------------------------------------------------\n@media (min-width: 600px) {\n    pn-versa-card {\n        .pn-versa-card-horizontal {\n            flex-direction: row;\n            gap: $versa-card-horizontal-gap;\n\n            .pn-versa-card-imageWrapper,\n            .pn-versa-card-content {\n                flex: 1;\n            }\n\n            .pn-versa-card-imageWrapper {\n                height: auto;\n\n                [slot='image'] picture img {\n                    height: auto;\n                    position: sticky;\n                    top: $versa-card-sticky-top;\n                }\n            }\n\n            .pn-versa-card-content {\n                width: 50%;\n                box-sizing: border-box;\n                justify-content: flex-start;\n            }\n\n            &.pn-versa-card-hasBg {\n                padding: $versa-card-horizontal-padding;\n            }\n\n            &.pn-versa-card-horizontal--imgRight {\n                flex-direction: row-reverse;\n            }\n\n            &.pn-versa-card-imageGrow {\n                .pn-versa-card-imageWrapper {\n                    height: 100%;\n                }\n            }\n\n            &.pn-versa-card-center {\n                .pn-versa-card-imageWrapper {\n                    align-self: auto;\n                }\n\n                .pn-versa-card-content {\n                    align-items: stretch;\n                    text-align: center;\n\n                    .pn-versa-card-textContent,\n                    .pn-versa-card-linkwrapper {\n                        align-self: center;\n                    }\n\n                    .pn-versa-card-linkwrapper {\n                        [slot='cta'] {\n                            justify-content: center;\n                        }\n                    }\n                }\n            }\n\n            &.pn-versa-card-alignMiddle {\n                align-items: flex-start;\n\n                .pn-versa-card-content {\n                    align-self: center;\n                }\n            }\n\n            &.pn-versa-card-hasRoundedImage {\n                .pn-versa-card-imageWrapper {\n                    width: 50%;\n\n                    [slot='image'] picture img {\n                        max-width: unset;\n                    }\n                }\n            }\n        }\n    }\n}\n\n@media (min-width: 1440px) {\n    pn-versa-card {\n        .pn-versa-card-horizontal.pn-versa-card-hasBg {\n            padding: $versa-card-horizontal-padding-lg;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// CTA animation\n// -----------------------------------------------------------------------------\npn-versa-card {\n    .versa-card-cta-link-animated {\n        pn-icon {\n            position: relative;\n            left: $versa-card-cta-icon-offset;\n            transition: $versa-card-cta-transition;\n        }\n\n        &:hover pn-icon {\n            left: 0;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// RTE\n// -----------------------------------------------------------------------------\npn-versa-card {\n    .pn-versa-card-RTEtext {\n        [slot='rte'] {\n            @include shared-rte;\n\n            .pn-quote-card__section {\n                max-width: none !important;\n                background-color: transparent;\n            }\n\n            .quoteblock-section .pn-quote-card__section .pn-quote-card__quote {\n                border: none !important;\n                padding-left: 0 !important;\n            }\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// CMS Width Overrides\n// -----------------------------------------------------------------------------\n.onethirdwidth {\n    pn-versa-card {\n        --rte-forms-spacing: #{rem16(12px)};\n    }\n}\n\n@media (min-width: 992px) {\n    .onequarterwidth {\n        pn-versa-card {\n            --versa-card-padding: #{rem16(8px)};\n            --versa-card-heading-size: #{rem16(20px)};\n            --versa-card-preamble-size: #{rem16(17px)};\n            --versa-card-label-size: #{rem16(11px)};\n\n            --rte-h2-size: #{rem16(20px)};\n            --rte-h3-size: #{rem16(18px)};\n            --rte-h4-size: #{rem16(16px)};\n        }\n    }\n\n    .halfwidth,\n    .fullwidth {\n        pn-versa-card {\n            --rte-blockquote-margin: #{rem16(24px)} 0;\n        }\n    }\n}","import { HeadingTag } from '@/globals/HeadingTag';\nimport {\n  Component,\n  Element,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\n\n/** A short description about `pn-versa-card` */\n@Component({\n  tag: 'pn-versa-card',\n  styleUrl: 'pn-versa-card.scss',\n})\nexport class PnVersaCard {\n\n  @Element() hostElement: HTMLElement;\n\n  @Prop() label?: string;\n  @Prop() heading?: string;\n  @Prop() preamble?: string;\n  @Prop() imageGrow = false;\n\n  // Layout / modifiers\n  @Prop() horizontal = false;\n  @Prop() imgAlignment?: 'left' | 'right' = 'left';\n  @Prop() hasImageCover = false;\n  @Prop() alignMiddle = false;\n  @Prop() center = false;\n\n  @Prop() roundImage = false;\n  @Prop() headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n\n  @Prop() opacity: number = 90;\n  @Prop() transparentBackground = false;\n\n  private cx(parts: Array<string | false | null | undefined>) {\n    return parts.filter(Boolean).join(' ');\n  }\n\n  private get hasImageCoverText(): boolean {\n    return !!(this.label || this.heading || this.preamble || this.showRte || this.showCta);\n  }\n\n  private get normalizedOpacity(): number {\n    return Math.min(100, Math.max(0, this.opacity ?? 90));\n  }\n\n  // This getter reads the data-card-color attribute, which is used to set CSS variables for background and text colors in the SCSS file. It returns the color value or null if not set.\n  private get cardColor() {\n    const value = this.hostElement.getAttribute('data-card-color')?.trim().toLowerCase();\n    return value || null;\n  }\n\n  private get hasBg(): boolean {\n    return !!this.cardColor;\n  }\n\n  private get cardClass() {\n\n    return this.cx([\n      'pn-versa-card',\n\n      // modifiers      \n      this.horizontal && 'pn-versa-card-horizontal',\n      this.horizontal && this.imgAlignment === 'right' && 'pn-versa-card-horizontal--imgRight',\n      this.hasBg && 'pn-versa-card-hasBg',\n      this.hasImageCover && 'pn-versa-card-hasImageCover', // can be true without text, just means image covers whole card without text on top\n      this.hasImageCover && this.hasImageCoverText && 'pn-versa-card-hasImageCoverText', //has to have imageCover true AND imageCoverText in order for class to be set\n      this.roundImage && 'pn-versa-card-hasRoundedImage',\n      this.center && 'pn-versa-card-center',\n      this.alignMiddle && 'pn-versa-card-alignMiddle',\n      this.imageGrow && 'pn-versa-card-imageGrow',\n      this.hasBg && this.transparentBackground && 'pn-versa-card-transparentBackground',\n\n    ]);\n  }\n\n  private get showContent(): boolean {\n    return this.showTextContent || this.showCta;\n  }\n\n  private get showTextContent(): boolean {\n    return !!(this.label || this.heading || this.preamble || this.showRte);\n  }\n\n  @State() showImage: boolean = false;\n  @State() showRte: boolean = false;\n  @State() showCta: boolean = false;\n\n  componentWillLoad() {\n    this.showImage = !!this.hostElement.querySelector('[slot=\"image\"]');\n    this.showRte = !!this.hostElement.querySelector('[slot=\"rte\"]');\n    this.showCta = !!this.hostElement.querySelector('[slot=\"cta\"]');\n\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.cardClass} style={{ '--pn-versa-opacity': `${this.normalizedOpacity / 100}` }}>\n          {this.showImage && (\n            <div class=\"pn-versa-card-imageWrapper\">\n              <slot name=\"image\" />\n            </div>)}\n          {this.showContent && (\n            <div class=\"pn-versa-card-content\">\n              {this.showTextContent && <div class=\"pn-versa-card-textContent\">\n                {this.label && (\n                  <span class=\"pn-versa-card-label\">{this.label}</span>\n                )}\n\n                {this.heading && (\n                  <HeadingTag cssClass=\"pn-versa-card-heading\" level={this.headingLevel}>{this.heading}</HeadingTag>\n                )}\n\n                {this.preamble && (\n                  <p class=\"pn-versa-card-preamble\">{this.preamble}</p>\n                )}\n\n                {this.showRte && <div class=\"pn-versa-card-RTEtext\">\n                  <slot name=\"rte\" />\n                </div>\n                }\n              </div>}\n\n              {this.showCta && <div class=\"pn-versa-card-linkwrapper\">\n                <slot name=\"cta\" />\n              </div>}\n\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"wFAAA,MAAMA,EAAiB,0+dACvB,MAAAC,EAAeD,E,MCcFE,EAAW,M,4GAOF,M,gBAGC,M,kBACqB,O,mBAClB,M,iBACF,M,YACL,M,gBAEI,M,kBAC2C,K,aAEtC,G,2BACM,M,eAoDF,M,aACF,M,aACA,K,kCApDpB,EAAAC,CAAGC,GACT,OAAOA,EAAMC,OAAOC,SAASC,KAAK,I,CAGpC,qBAAYC,GACV,SAAUC,KAAKC,OAASD,KAAKE,SAAWF,KAAKG,UAAYH,KAAKI,SAAWJ,KAAKK,Q,CAGhF,qBAAYC,GACV,OAAOC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGT,KAAKU,SAAW,I,CAInD,aAAYC,GACV,MAAMC,EAAQZ,KAAKa,YAAYC,aAAa,oBAAoBC,OAAOC,cACvE,OAAOJ,GAAS,I,CAGlB,SAAYK,GACV,QAASjB,KAAKW,S,CAGhB,aAAYO,GAEV,OAAOlB,KAAKN,GAAG,CACb,gBAGAM,KAAKmB,YAAc,2BACnBnB,KAAKmB,YAAcnB,KAAKoB,eAAiB,SAAW,qCACpDpB,KAAKiB,OAAS,sBACdjB,KAAKqB,eAAiB,8BACtBrB,KAAKqB,eAAiBrB,KAAKD,mBAAqB,kCAChDC,KAAKsB,YAAc,gCACnBtB,KAAKuB,QAAU,uBACfvB,KAAKwB,aAAe,4BACpBxB,KAAKyB,WAAa,0BAClBzB,KAAKiB,OAASjB,KAAK0B,uBAAyB,uC,CAKhD,eAAYC,GACV,OAAO3B,KAAK4B,iBAAmB5B,KAAKK,O,CAGtC,mBAAYuB,GACV,SAAU5B,KAAKC,OAASD,KAAKE,SAAWF,KAAKG,UAAYH,KAAKI,Q,CAOhE,iBAAAyB,GACE7B,KAAK8B,YAAc9B,KAAKa,YAAYkB,cAAc,kBAClD/B,KAAKI,UAAYJ,KAAKa,YAAYkB,cAAc,gBAChD/B,KAAKK,UAAYL,KAAKa,YAAYkB,cAAc,e,CAIlD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOpC,KAAKkB,UAAWmB,MAAO,CAAE,qBAAsB,GAAGrC,KAAKM,kBAAoB,QACpFN,KAAK8B,WACJG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8BACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WAEdtC,KAAK2B,aACJM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACRpC,KAAK4B,iBAAmBK,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACjCpC,KAAKC,OACJgC,EAAA,QAAAE,IAAA,2CAAMC,MAAM,uBAAuBpC,KAAKC,OAGzCD,KAAKE,SACJ+B,EAACM,EAAU,CAAAJ,IAAA,2CAACK,SAAS,wBAAwBC,MAAOzC,KAAK0C,cAAe1C,KAAKE,SAG9EF,KAAKG,UACJ8B,EAAA,KAAAE,IAAA,2CAAGC,MAAM,0BAA0BpC,KAAKG,UAGzCH,KAAKI,SAAW6B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBAC1BH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,UAKdtC,KAAKK,SAAW4B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BAC1BH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,W","ignoreList":[]}

package/pn-market-web-components/{p-9638d206.entry.js → p-2616cdc1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,g as n,h as i,d as a}from"./p-b3a13b6a.js";import{s as t}from"./p-ae5756dd.js";import"./p-2132ad75.js";const o={sv:{open:"Öppna",close:"Stäng",navLabel:"Undernavigering"},en:{open:"Open",close:"Close",navLabel:"Sub navigation"},da:{open:"Åbne",close:"Stæng",navLabel:"Undernavigation"},no:{open:"Åpne",close:"Stäng",navLabel:"Undernavigering"},fi:{open:"Avaa",close:"Sulje",navLabel:"Ali navigointi"},de:{open:"Offen",close:"Schließen",navLabel:"Unternavigation"},zh:{open:"Open",close:"Close",navLabel:"Sub navigation"},it:{open:"Open",close:"Close",navLabel:"Sub navigation"},nl:{open:"Open",close:"Close",navLabel:"Sub navigation"}};const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}body[data-siteheader-sidemenuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-sidemenuopen=true]{max-height:initial;overflow:initial}}pn-sidenav{display:block;height:auto;width:100vw;padding:0 1.6rem;background-color:#ffffff;z-index:6;transform:translateX(-100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;flex-flow:column;visibility:hidden;position:fixed;overflow:auto;top:10.2rem;bottom:0;left:0}pn-sidenav[open=true]{visibility:visible;transform:none}@media screen and (min-width: 48em){pn-sidenav{top:15.3rem}}@media screen and (min-width: 64em){pn-sidenav{position:relative;transform:none;visibility:visible;top:0;z-index:inherit;width:100%;padding:0;height:auto;bottom:auto;left:auto}}";const d=s;const r=class{constructor(n){e(this,n);this.language="sv";this.navLabel="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return n(this)}componentWillLoad(){this.init()}async init(){this.setLanguage();if(window.matchMedia("screen and (min-width:64em)").matches===false){t.openMenu=false}}setLanguage(){if(o[this.language]){t.i18n=o[this.language];if(!this.navLabel){this.navLabel=t.i18n.navLabel}}}onOpenSubMenuLevelChange(e){t.openLevel=e.detail}render(){return i(a,{key:"fd9f3c21c4741b54b72aaecc0ba0bd67b25cb294",open:(t.openMenu==true)+""},i("slot",{key:"0411b9c7e54b42206ba0aff9b4ae5159c621a2ee",name:"above"}),i("nav",{key:"f911986715e69c09e863bcba918ba01bdf34aa57",class:"sidenav","aria-label":this.navLabel},i("slot",{key:"683fc0f3fc92d5aa50a5fd2b8bef76ceec5eb901"})))}};r.style=d;export{r as pn_sidenav};
-//# sourceMappingURL=p-9638d206.entry.js.map
+import{r as e,g as n,h as i,d as a}from"./p-b3a13b6a.js";import{s as t}from"./p-ae5756dd.js";import"./p-2132ad75.js";const o={sv:{open:"Öppna",close:"Stäng",navLabel:"Undernavigering"},en:{open:"Open",close:"Close",navLabel:"Sub navigation"},da:{open:"Åbne",close:"Stæng",navLabel:"Undernavigation"},no:{open:"Åpne",close:"Stäng",navLabel:"Undernavigering"},fi:{open:"Avaa",close:"Sulje",navLabel:"Ali navigointi"},de:{open:"Offen",close:"Schließen",navLabel:"Unternavigation"},zh:{open:"Open",close:"Close",navLabel:"Sub navigation"},it:{open:"Open",close:"Close",navLabel:"Sub navigation"},nl:{open:"Open",close:"Close",navLabel:"Sub navigation"}};const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}body[data-siteheader-sidemenuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-sidemenuopen=true]{max-height:initial;overflow:initial}}pn-sidenav{display:block;height:auto;width:100vw;padding:0 1.6rem;background-color:#ffffff;z-index:6;transform:translateX(-100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;flex-flow:column;visibility:hidden;position:fixed;overflow:auto;top:10.2rem;bottom:0;left:0}pn-sidenav[open=true]{visibility:visible;transform:none}@media screen and (min-width: 48em){pn-sidenav{top:15.3rem}}@media screen and (min-width: 64em){pn-sidenav{position:relative;transform:none;visibility:visible;top:0;z-index:inherit;width:100%;padding:0;height:auto;bottom:auto;left:auto}}";const d=s;const r=class{constructor(n){e(this,n);this.language="sv";this.navLabel="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return n(this)}componentWillLoad(){this.init()}async init(){this.setLanguage();if(window.matchMedia("screen and (min-width:64em)").matches===false){t.openMenu=false}}setLanguage(){if(o[this.language]){t.i18n=o[this.language];if(!this.navLabel){this.navLabel=t.i18n.navLabel}}}onOpenSubMenuLevelChange(e){t.openLevel=e.detail}render(){return i(a,{key:"b6621eee6b0623b0c7aac8e26c6e20bd2f9fc17a",open:(t.openMenu==true)+""},i("slot",{key:"7ae7557ca0ced4868d1f6fc01c3baa5a21c1cc4c",name:"above"}),i("nav",{key:"d4dee8d2a799322c7b0cf1a966d6856ec7f278ec",class:"sidenav","aria-label":this.navLabel},i("slot",{key:"e4df14699a9213b794c8ada8528951dbb2f63303"})))}};r.style=d;export{r as pn_sidenav};
+//# sourceMappingURL=p-2616cdc1.entry.js.map

package/pn-market-web-components/{p-6d6ae33e.entry.js → p-2e585ed5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,F as n,d as a}from"./p-b3a13b6a.js";import{H as i}from"./p-885d59e8.js";import{b as s,a as o}from"./p-5f4ccd8a.js";import{P as r}from"./p-6bec8d72.js";import{F as l}from"./p-3478f368.js";const d={mobile:768,tablet:1024,desktop:1025};class c{static instance;breakpoints;callbacks;resizeTimeout;constructor(){this.breakpoints=d;this.callbacks=new Set;this.initializeListeners()}static getInstance(){if(!c.instance){c.instance=new c}return c.instance}setBreakpoints(e){this.breakpoints={...this.breakpoints,...e};this.notifyListeners()}getWidth(){if(typeof window==="undefined")return 0;return window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0}isTouch(){if(typeof window==="undefined")return false;return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}getScreenSize(e){if(e<this.breakpoints.mobile)return"mobile";if(e<this.breakpoints.tablet)return"tablet";return"desktop"}getScreenInfo(){const e=this.getWidth();return{width:e,size:this.getScreenSize(e),isTouch:this.isTouch()}}initializeListeners(){if(typeof window==="undefined")return;const e=()=>{if(this.resizeTimeout){window.clearTimeout(this.resizeTimeout)}this.resizeTimeout=window.setTimeout((()=>{this.notifyListeners()}),250)};window.addEventListener("resize",e);window.addEventListener("orientationchange",e)}notifyListeners(){const e=this.getScreenInfo();this.callbacks.forEach((t=>t(e)))}subscribe(e){this.callbacks.add(e);e(this.getScreenInfo());return()=>{this.callbacks.delete(e)}}}const h={sv:{newMessage:"Nytt meddelande",toggleButtonOn:"Visa detaljer",toggleButtonOff:"Dölj detaljer",showMoreLabel:"Visa mer"},en:{newMessage:"New message",toggleButtonOn:"Show details",toggleButtonOff:"Hide details",showMoreLabel:"Show more"},da:{newMessage:"Ny besked",toggleButtonOn:"Vis detaljer",toggleButtonOff:"Skjul detaljer",showMoreLabel:"Vis mere"},no:{newMessage:"Ny melding",toggleButtonOn:"Vis detaljer",toggleButtonOff:"Skjul detaljer",showMoreLabel:"Vis mer"},fi:{newMessage:"Uusi viesti",toggleButtonOn:"Näytä tiedot",toggleButtonOff:"Piilota tiedot",showMoreLabel:"Näytä lisää"},de:{newMessage:"Neue Nachricht",toggleButtonOn:"Details anzeigen",toggleButtonOff:"Details ausblenden",showMoreLabel:"Mehr anzeigen"},zh:{newMessage:"新消息",toggleButtonOn:"显示详情",toggleButtonOff:"隐藏详情",showMoreLabel:"显示更多"},it:{newMessage:"Nuovo messaggio",toggleButtonOn:"Mostra dettagli",toggleButtonOff:"Nascondi dettagli",showMoreLabel:"Mostra di più"},nl:{newMessage:"Nieuw bericht",toggleButtonOn:"Toon details",toggleButtonOff:"Verberg details",showMoreLabel:"Meer tonen"},tr:{newMessage:"Yeni mesaj",toggleButtonOn:"Detayları göster",toggleButtonOff:"Detayları gizle",showMoreLabel:"Daha fazla göster"},pt:{newMessage:"Nova mensagem",toggleButtonOn:"Mostrar detalhes",toggleButtonOff:"Ocultar detalhes",showMoreLabel:"Mostrar mais"},pl:{newMessage:"Nowa wiadomość",toggleButtonOn:"Pokaż szczegóły",toggleButtonOff:"Ukryj szczegóły",showMoreLabel:"Pokaż więcej"},"pt-BR":{newMessage:"Nova mensagem",toggleButtonOn:"Mostrar detalhes",toggleButtonOff:"Ocultar detalhes",showMoreLabel:"Mostrar mais"}};class b{_endpoint;_language;fetchHelper=new l("MarketTableService");_getUserShipmentsPath=`/get-user-shipments`;constructor(e,t){this._endpoint=this.formatEndpoint(e);this._language=t}async getUserShipments(e,t,n,a){let i={skip:t,take:n,isChatEnabled:a,language:this._language,contentId:e};const s=this._endpoint+this._getUserShipmentsPath;const o=await this.fetchHelper.fetchJson(s,this.getRequestInit(i),false);return JSON.parse(o.shipments)}formatEndpoint(e){var t=e.lastIndexOf("/")===e.length-1?e.substring(0,e.length-1):e;return t}getRequestInit(e,t="POST",n="cors",a="application/json"){return{mode:n,method:t,headers:{"Content-Type":a},body:JSON.stringify(e)}}}const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}:host{display:block}.pn-marketweb-table .container{max-width:1200px;margin:0 auto;padding:1rem}.pn-marketweb-table .heading-section{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.pn-marketweb-table .heading-section{flex-direction:column}}.pn-marketweb-table .heading-section .heading-wrapper{display:flex;flex-direction:column}.pn-marketweb-table .heading-section .preamble-section{width:80%}.pn-marketweb-table .heading-section .main-heading{margin-bottom:1rem}.pn-marketweb-table .heading-section .summary{display:flex;height:7rem;justify-content:flex-end;gap:clamp(1rem, 4vw, 2rem)}@media (max-width: 768px){.pn-marketweb-table .heading-section .summary{justify-content:center}}.pn-marketweb-table .heading-section .sub-heading-section{background-color:#effbff;border-radius:1.6rem;display:flex;align-items:center;gap:clamp(0.6rem, 4vw, 1rem);padding:0.6rem 1.2rem;width:13.5rem}.pn-marketweb-table .heading-section .sub-heading-section .icon-container{background-color:#e0f8ff;border-radius:50%;padding:4px}.pn-marketweb-table .heading-section .sub-heading{font-size:clamp(1rem, 3vw, 1.4rem);font-weight:400;line-height:clamp(1.225rem, 4vw, 1.5rem);margin:0}.pn-marketweb-table .heading-section .sub-heading strong{color:#005d92;font-weight:700}.pn-marketweb-table .pn-marketweb-table__table{width:100%;border-collapse:collapse;margin-bottom:3.2rem;border:none}.pn-marketweb-table .pn-marketweb-table__table tr{border-bottom:1px solid #e9e6e5;position:relative;border-left:4px solid #ffffff;transition:all 0.7s ease}.pn-marketweb-table .pn-marketweb-table__table tr:last-child{border-bottom:none}.pn-marketweb-table .pn-marketweb-table__table tr:hover{border-left:4px solid #8eddf9;background:#effbff}.pn-marketweb-table .pn-marketweb-table__table tr.row-new-message,.pn-marketweb-table .pn-marketweb-table__table tr.row-new-messag:hover{border-left:4px solid #0aa85c;background:linear-gradient(90deg, rgb(220, 246, 231) 0%, rgb(237, 251, 243) 30%, rgb(255, 255, 255) 70%)}.pn-marketweb-table .pn-marketweb-table__table td{padding:1.6rem 1rem}.pn-marketweb-table .image-container{min-height:5.8rem}.pn-marketweb-table .cell-heading{color:#5e554a;font-size:clamp(0.875rem, 4vw, 1.2rem);font-weight:400;line-height:clamp(1.225rem, 4vw, 1.5rem);margin:0}.pn-marketweb-table .cell-value{color:#2d2013;display:inline-block;font-size:clamp(1rem, 4vw, 1.5rem);font-weight:400;line-height:clamp(1.4rem, 4vw, 1.8rem);margin:0;padding:0.5rem 0}.pn-marketweb-table .row-image{border-radius:0.5rem}.pn-marketweb-table .actions{align-content:center;width:20%}.pn-marketweb-table .actions .button-wrapper{display:flex;flex-direction:row;justify-content:flex-end;gap:1.6rem}.pn-marketweb-table .actions .button-wrapper pn-button{min-width:50%}.pn-marketweb-table .actions .button-wrapper pn-button.toggle-widget{min-width:30%}.pn-marketweb-table .actions .button-wrapper .pn-button-text{white-space:nowrap}@media screen and (max-width: 768px){.pn-marketweb-table .actions .button-wrapper{justify-content:space-between;flex-direction:column}}@media screen and (max-width: 768px){.pn-marketweb-table tr{display:flex;flex-wrap:wrap}.pn-marketweb-table td:not(.cell-content){width:100%}.pn-marketweb-table td.cell-image{text-align:center}.pn-marketweb-table td.cell-content{flex:1 0 40%}.pn-marketweb-table td.cell-content::before{content:attr(data-label);display:block;font-weight:bold;margin-bottom:0.5em}.pn-marketweb-table td.actions .button-wrapper{gap:2rem}}@media (min-width: 768px){.pn-marketweb-table .row-image{max-width:80px}}.pn-marketweb-table .toggle-detail{display:none;color:#005d92;cursor:pointer;border:none;border-radius:3em;outline:none;position:relative;font-size:0.875em;min-width:5.5em;font-weight:500;background-color:transparent;justify-content:center;align-items:center;transition:color 0.3s;-webkit-tap-highlight-color:transparent;text-decoration:none;padding:0.375em 1em;min-height:2em;line-height:1.65em;white-space:nowrap}.pn-marketweb-table .toggle-detail:hover{background-color:#e0f8ff;opacity:1}.pn-marketweb-table .shipment-id-active .button-wrapper{display:flex}.pn-marketweb-table tr td.cell-content:first-child .cell-value{font-weight:500}.pn-marketweb-table .pn-widget-wrapper{display:flex;justify-content:center}.pn-marketweb-table .shipment-id-active,.pn-marketweb-table .widget-row{background-color:#effbff}.pn-marketweb-table .pn-market-table__show-more-wrapper{display:flex;justify-content:center;width:100%}.row-new-message .button-wrapper:after{content:attr(data-label);background:#0aa85c;border-radius:0 0.4rem 0.4rem 0;color:#ffffff;display:block;position:absolute;left:0;top:0;font-size:1.4rem;padding:0 0.4rem}@media (min-width: 768px){.row-new-message .button-wrapper:after{background:#005e41;border-radius:0.4rem;left:auto;right:1.6rem;font-size:1.1rem;top:0.3rem}}";const m=p;const g=class{constructor(t){e(this,t);this.mainHeading=undefined;this.mainHeadingLevel="h2";this.preamble=undefined;this.subHeadingLevel="h3";this.headers=undefined;this.rows=undefined;this.showHeadersInCells=false;this.cellHeaderLevel="h3";this.tableRowCtaActionLabel=undefined;this.imageColAriaHeader=undefined;this.ctaColAriaHeader=undefined;this.checkForNewShipments=false;this.endpoint=undefined;this.language="sv";this.market=undefined;this.toggleDetailLabel="View details";this.checkForChat=false;this.value="";this.shipmentType=undefined;this.contentId="";this.takeAmountRow=2;this.shipmentCount=2;this.i18n=undefined;this._headers=[];this._rows=[];this._allKeys=new Set;this.screenInfo=undefined}screenWidth=c.getInstance();cleanup;_chatService;_chatSegment="#chat";_marketwebTableService;componentWillLoad(){this.setInitialValues();this.setTranslations();this._marketwebTableService=new b(this.endpoint,this.language);this.cleanup=this.screenWidth.subscribe((e=>{this.screenInfo=e}));if(this.checkForNewShipments){this._chatService=new r(this.endpoint,this.market,this.language);setInterval((()=>{this.checkForNewMessages()}),6e4)}}setTranslations(){if(h[this.language]){this.i18n=h[this.language]}else{const e="sv";this.i18n=h[e]}}onLanguageChange(){this.setTranslations()}async componentDidLoad(){if(this.checkForChat){const e=document.querySelector("pn-marketweb-table."+this.shipmentType);const t=e.querySelectorAll('[href*="#chat"]');const n=Array.from(t).filter((e=>e instanceof HTMLAnchorElement));this.OpenChatEvent(n)}}componentDidRender(){const e=document.querySelector("pn-marketweb-table[shipment-type="+this.shipmentType+"]");const t=e?.querySelectorAll("pn-button.toggle-widget");t?.forEach((e=>{const t=e.querySelector(".pn-button-text");if(t&&t.innerHTML!==this.i18n.toggleButtonOn){t.innerHTML=this.i18n.toggleButtonOn}const n=e.querySelector("button");if(n&&!n.hasAttribute("data-toggle-initialized")){n.addEventListener("click",this.toggleButton.bind(this));n.setAttribute("data-toggle-initialized","true")}}))}toggleButton(e){const t=e.currentTarget;const n=t.closest("tr");const a=t.closest("pn-button");const i=n.classList.contains("shipment-id-active");const r=document.querySelectorAll(".widget-row");r.forEach((e=>e.remove()));const l=document.querySelectorAll("tr");l.forEach((e=>e.classList.remove("shipment-id-active")));const d=document.querySelectorAll("pn-button.toggle-widget");d.forEach((e=>{e.setAttribute("icon",s);e.querySelector(".pn-button-text").innerHTML=this.i18n.toggleButtonOn}));if(i){return}t.querySelector(".pn-button-text").innerHTML=this.i18n.toggleButtonOff;n.classList.add("shipment-id-active");const c=document.createElement("tr");c.classList.add("widget-row");const h=document.createElement("td");h.colSpan=n.children.length;const b=document.createElement("div");b.classList.add("pn-widget-wrapper");const p=document.createElement("pn-widget");p.setAttribute("locale",this.language);p.setAttribute("shipment-id",t.id);b.appendChild(p);h.appendChild(b);c.appendChild(h);n.parentNode.insertBefore(c,n.nextSibling);a.setAttribute("icon",o)}handleShowMore=async()=>{let e=this._rows.length;let t=await this._marketwebTableService.getUserShipments(this.contentId,e,this.takeAmountRow,this.checkForChat);if(t){this._rows=[...this._rows,...t]}};async waitForComponent(e,t=10,n=300){for(let a=0;a<t;a++){const t=document.querySelector(e);if(t){return t}await new Promise((e=>setTimeout(e,n)))}return null}disconnectedCallback(){if(this.cleanup){this.cleanup()}}async checkForNewMessages(){for(let e=0;e<this._rows.length;e++){const t=this._rows[e];const n=t.id;if(n){const a=await this._chatService.hasNewMessages(n);if(t.hasNewMessages!==a){this._rows[e]={...t,hasNewMessages:a}}}}this._rows=[...this._rows]}setInitialValues(){try{this.parseRows();this.parseHeaders()}catch(e){console.error("Error parsing table data:",e);this._rows=[];this._headers=[]}}parseRows(){this._rows=typeof this.rows==="string"?JSON.parse(this.rows):this.rows;this._allKeys=new Set(this._rows.flatMap((e=>Object.keys(e))))}parseHeaders(){if(typeof this.headers==="string"){this._headers=JSON.parse(this.headers)}else if(this.headers){this._headers=this.headers}else{this._headers=Array.from(this._allKeys).map((e=>({key:e,label:e})))}}renderCellContent(e,t){const n=e.render?e.render(t):t[e.key]??"-";return n}renderCell(e,a){const s=this.renderCellContent(e,a);if(this.showHeadersInCells||this.screenInfo.width<=d.tablet){return t("div",{class:"cell-content",role:"cell"},t(i,{level:this.cellHeaderLevel,cssClass:"cell-heading",additionalProps:{"aria-hidden":"true",role:"presentation"}},e.label),t("span",{class:"cell-value"},s))}return t(n,null,s)}handleToggleClick=()=>{const e=document.querySelector(".trackandtracewidgetblock");if(e?.parentElement){e.parentElement.classList.toggle("hideRow")}};renderActionButtons(e){if(!e.actionButtons)return null;return t("td",{class:"actions",role:"cell"},t("div",{class:"button-wrapper",role:"group","aria-label":this.tableRowCtaActionLabel,"data-label":this.i18n.newMessage},e.actionButtons.map((e=>t("pn-button",{appearance:e.appearance,class:e.class,variant:e.variant,small:e.small,loading:e.loading,icon:e.icon,leftIcon:e.leftIcon,tooltip:e.tooltip,href:e.href,rel:e.rel,download:e.download,form:e.form,buttonId:e.buttonId,"icon-only":e.iconOnly,arialabel:e.content,"data-chat":e.customAttribute},e.content)))))}async OpenChatEvent(e){e.forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const n=window?.location?.hash??"";const a=/#chat:([a-zA-Z0-9]+)(?=#|$)/;const i=e.href.match(a);const s=i?i[1]:"";const o=`${this._chatSegment}:${s}`;window.location.hash=o;this.waitForComponent("pn-chat").then((t=>{if(s){t.setAttribute("item-id",s)}else{t.setAttribute("item-id","")}let a=t.getAttribute("pn-chat-id");const i="00000000-0000-0000-0000-000000000000";const r="1";const l=a===i?r:i;let d=l;const c=e?.parentElement?.getAttribute("data-chat");if(c){d=c.split("").reverse().join("")}t.setAttribute("is-logged-in","true");t.setAttribute("pn-chat-id",d);if(n.includes(o)){let e=t.getAttribute("force-open")??"true";e=e==="true"?"false":"true";t.setAttribute("force-open",e)}}))}))}))}render(){const e=`table-${Math.random().toString(36)}`;const n=`${e}-main-heading`;return t(a,{key:"98283a658faabafcb813eeb447c4bc406f05f18c",language:this.language},t("div",{key:"baea729e089500c3c99757e4e614f9f710000603",class:"pn-marketweb-table"},t("div",{key:"ef40e29179a3d9f380360ed54099e5724d4368df",role:"region","aria-labelledby":this.mainHeading?n:undefined},t("div",{key:"61c96ab70681a3ec976c94f385c9d4136d73cb8e",class:"heading-section"},t("div",{key:"4ed87bda71059736a9d0dbe8a55d89a34a81a89c",class:"heading-wrapper"},this.mainHeading&&t(i,{key:"0ef856c0259011be63c5b6a169bd69285ee09c13",level:this.mainHeadingLevel,cssClass:"main-heading",id:n},this.mainHeading),this.preamble&&t("div",{key:"9eb7c8d520843e331a2ec77bc434a135d82c4699",class:"preamble-section"},this.preamble))),this._rows.length>0&&t("table",{key:"6346e44c176d834b2fe66dea162c5976fae61441",class:"pn-marketweb-table__table","aria-labelledby":this.mainHeading?`${e}-main-heading`:undefined},this._headers&&t("thead",{key:"92d29b69db5ca91664df5dd9ee3fb7b9c3fc97bb",class:this.showHeadersInCells?"sr-only":undefined},t("tr",{key:"fa3d3ec4062835a13f6292a70e37559e7ba90fb7"},this._rows.some((e=>e.imageUrl))&&this.imageColAriaHeader&&t("th",{key:"5d2e43ee1cd03b1a722ee5ae9594226500c0fbe3",scope:"col",class:"sr-only"},this.imageColAriaHeader),this._headers.map((e=>t("th",{key:e.key,scope:"col",class:"sr-only-mobile"},e.label))),this._rows.some((e=>e.link1||e.link2))&&this.ctaColAriaHeader&&t("th",{key:"07356d07d91450352ea9a425286e1f9876e2e578",scope:"col",class:"sr-only"},this.ctaColAriaHeader))),t("tbody",{key:"3b0357be0ffccef7e768d055379f75a8fdd1b6e7",class:"pn-marketweb-table__table-body"},this._rows.slice(0,this.shipmentCount).map(((e,n)=>t("tr",{key:n,class:`cell-row ${e.hasNewMessages?"row-new-message":""}`},e.imageUrl&&t("td",{class:"cell-image"},t("div",{class:"image-container"},t("img",{src:e.imageUrl,alt:"",class:"row-image"}))),this._headers.map((a=>t("td",{key:`${n}-${a.key}`,class:"cell-content"},this.renderCell(a,e)))),this.renderActionButtons(e)))))),this.shipmentCount>this._rows.length&&t("div",{key:"ff1ab5516f505a6315a45e60275e0ca1167840f1",class:"pn-market-table__show-more-wrapper"},t("pn-button",{key:"c34362a272f682e5e7a2f9bb6498d1713afcf6fa",variant:"outlined",appearance:"light",label:this.i18n?.showMoreLabel||"Show More",onClick:()=>this.handleShowMore()})))))}static get watchers(){return{language:["onLanguageChange"]}}};g.style=m;export{g as pn_marketweb_table};
-//# sourceMappingURL=p-6d6ae33e.entry.js.map
+import{r as e,h as t,F as n,d as a}from"./p-b3a13b6a.js";import{H as i}from"./p-885d59e8.js";import{b as s,a as o}from"./p-5f4ccd8a.js";import{P as r}from"./p-6bec8d72.js";import{F as l}from"./p-3478f368.js";const d={mobile:768,tablet:1024,desktop:1025};class c{static instance;breakpoints;callbacks;resizeTimeout;constructor(){this.breakpoints=d;this.callbacks=new Set;this.initializeListeners()}static getInstance(){if(!c.instance){c.instance=new c}return c.instance}setBreakpoints(e){this.breakpoints={...this.breakpoints,...e};this.notifyListeners()}getWidth(){if(typeof window==="undefined")return 0;return window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0}isTouch(){if(typeof window==="undefined")return false;return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}getScreenSize(e){if(e<this.breakpoints.mobile)return"mobile";if(e<this.breakpoints.tablet)return"tablet";return"desktop"}getScreenInfo(){const e=this.getWidth();return{width:e,size:this.getScreenSize(e),isTouch:this.isTouch()}}initializeListeners(){if(typeof window==="undefined")return;const e=()=>{if(this.resizeTimeout){window.clearTimeout(this.resizeTimeout)}this.resizeTimeout=window.setTimeout((()=>{this.notifyListeners()}),250)};window.addEventListener("resize",e);window.addEventListener("orientationchange",e)}notifyListeners(){const e=this.getScreenInfo();this.callbacks.forEach((t=>t(e)))}subscribe(e){this.callbacks.add(e);e(this.getScreenInfo());return()=>{this.callbacks.delete(e)}}}const h={sv:{newMessage:"Nytt meddelande",toggleButtonOn:"Visa detaljer",toggleButtonOff:"Dölj detaljer",showMoreLabel:"Visa mer"},en:{newMessage:"New message",toggleButtonOn:"Show details",toggleButtonOff:"Hide details",showMoreLabel:"Show more"},da:{newMessage:"Ny besked",toggleButtonOn:"Vis detaljer",toggleButtonOff:"Skjul detaljer",showMoreLabel:"Vis mere"},no:{newMessage:"Ny melding",toggleButtonOn:"Vis detaljer",toggleButtonOff:"Skjul detaljer",showMoreLabel:"Vis mer"},fi:{newMessage:"Uusi viesti",toggleButtonOn:"Näytä tiedot",toggleButtonOff:"Piilota tiedot",showMoreLabel:"Näytä lisää"},de:{newMessage:"Neue Nachricht",toggleButtonOn:"Details anzeigen",toggleButtonOff:"Details ausblenden",showMoreLabel:"Mehr anzeigen"},zh:{newMessage:"新消息",toggleButtonOn:"显示详情",toggleButtonOff:"隐藏详情",showMoreLabel:"显示更多"},it:{newMessage:"Nuovo messaggio",toggleButtonOn:"Mostra dettagli",toggleButtonOff:"Nascondi dettagli",showMoreLabel:"Mostra di più"},nl:{newMessage:"Nieuw bericht",toggleButtonOn:"Toon details",toggleButtonOff:"Verberg details",showMoreLabel:"Meer tonen"},tr:{newMessage:"Yeni mesaj",toggleButtonOn:"Detayları göster",toggleButtonOff:"Detayları gizle",showMoreLabel:"Daha fazla göster"},pt:{newMessage:"Nova mensagem",toggleButtonOn:"Mostrar detalhes",toggleButtonOff:"Ocultar detalhes",showMoreLabel:"Mostrar mais"},pl:{newMessage:"Nowa wiadomość",toggleButtonOn:"Pokaż szczegóły",toggleButtonOff:"Ukryj szczegóły",showMoreLabel:"Pokaż więcej"},"pt-BR":{newMessage:"Nova mensagem",toggleButtonOn:"Mostrar detalhes",toggleButtonOff:"Ocultar detalhes",showMoreLabel:"Mostrar mais"}};class b{_endpoint;_language;fetchHelper=new l("MarketTableService");_getUserShipmentsPath=`/get-user-shipments`;constructor(e,t){this._endpoint=this.formatEndpoint(e);this._language=t}async getUserShipments(e,t,n,a){let i={skip:t,take:n,isChatEnabled:a,language:this._language,contentId:e};const s=this._endpoint+this._getUserShipmentsPath;const o=await this.fetchHelper.fetchJson(s,this.getRequestInit(i),false);return JSON.parse(o.shipments)}formatEndpoint(e){var t=e.lastIndexOf("/")===e.length-1?e.substring(0,e.length-1):e;return t}getRequestInit(e,t="POST",n="cors",a="application/json"){return{mode:n,method:t,headers:{"Content-Type":a},body:JSON.stringify(e)}}}const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}:host{display:block}.pn-marketweb-table .container{max-width:1200px;margin:0 auto;padding:1rem}.pn-marketweb-table .heading-section{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.pn-marketweb-table .heading-section{flex-direction:column}}.pn-marketweb-table .heading-section .heading-wrapper{display:flex;flex-direction:column}.pn-marketweb-table .heading-section .preamble-section{width:80%}.pn-marketweb-table .heading-section .main-heading{margin-bottom:1rem}.pn-marketweb-table .heading-section .summary{display:flex;height:7rem;justify-content:flex-end;gap:clamp(1rem, 4vw, 2rem)}@media (max-width: 768px){.pn-marketweb-table .heading-section .summary{justify-content:center}}.pn-marketweb-table .heading-section .sub-heading-section{background-color:#effbff;border-radius:1.6rem;display:flex;align-items:center;gap:clamp(0.6rem, 4vw, 1rem);padding:0.6rem 1.2rem;width:13.5rem}.pn-marketweb-table .heading-section .sub-heading-section .icon-container{background-color:#e0f8ff;border-radius:50%;padding:4px}.pn-marketweb-table .heading-section .sub-heading{font-size:clamp(1rem, 3vw, 1.4rem);font-weight:400;line-height:clamp(1.225rem, 4vw, 1.5rem);margin:0}.pn-marketweb-table .heading-section .sub-heading strong{color:#005d92;font-weight:700}.pn-marketweb-table .pn-marketweb-table__table{width:100%;border-collapse:collapse;margin-bottom:3.2rem;border:none}.pn-marketweb-table .pn-marketweb-table__table tr{border-bottom:1px solid #e9e6e5;position:relative;border-left:4px solid #ffffff;transition:all 0.7s ease}.pn-marketweb-table .pn-marketweb-table__table tr:last-child{border-bottom:none}.pn-marketweb-table .pn-marketweb-table__table tr:hover{border-left:4px solid #8eddf9;background:#effbff}.pn-marketweb-table .pn-marketweb-table__table tr.row-new-message,.pn-marketweb-table .pn-marketweb-table__table tr.row-new-messag:hover{border-left:4px solid #0aa85c;background:linear-gradient(90deg, rgb(220, 246, 231) 0%, rgb(237, 251, 243) 30%, rgb(255, 255, 255) 70%)}.pn-marketweb-table .pn-marketweb-table__table td{padding:1.6rem 1rem}.pn-marketweb-table .image-container{min-height:5.8rem}.pn-marketweb-table .cell-heading{color:#5e554a;font-size:clamp(0.875rem, 4vw, 1.2rem);font-weight:400;line-height:clamp(1.225rem, 4vw, 1.5rem);margin:0}.pn-marketweb-table .cell-value{color:#2d2013;display:inline-block;font-size:clamp(1rem, 4vw, 1.5rem);font-weight:400;line-height:clamp(1.4rem, 4vw, 1.8rem);margin:0;padding:0.5rem 0}.pn-marketweb-table .row-image{border-radius:0.5rem}.pn-marketweb-table .actions{align-content:center;width:20%}.pn-marketweb-table .actions .button-wrapper{display:flex;flex-direction:row;justify-content:flex-end;gap:1.6rem}.pn-marketweb-table .actions .button-wrapper pn-button{min-width:50%}.pn-marketweb-table .actions .button-wrapper pn-button.toggle-widget{min-width:30%}.pn-marketweb-table .actions .button-wrapper .pn-button-text{white-space:nowrap}@media screen and (max-width: 768px){.pn-marketweb-table .actions .button-wrapper{justify-content:space-between;flex-direction:column}}@media screen and (max-width: 768px){.pn-marketweb-table tr{display:flex;flex-wrap:wrap}.pn-marketweb-table td:not(.cell-content){width:100%}.pn-marketweb-table td.cell-image{text-align:center}.pn-marketweb-table td.cell-content{flex:1 0 40%}.pn-marketweb-table td.cell-content::before{content:attr(data-label);display:block;font-weight:bold;margin-bottom:0.5em}.pn-marketweb-table td.actions .button-wrapper{gap:2rem}}@media (min-width: 768px){.pn-marketweb-table .row-image{max-width:80px}}.pn-marketweb-table .toggle-detail{display:none;color:#005d92;cursor:pointer;border:none;border-radius:3em;outline:none;position:relative;font-size:0.875em;min-width:5.5em;font-weight:500;background-color:transparent;justify-content:center;align-items:center;transition:color 0.3s;-webkit-tap-highlight-color:transparent;text-decoration:none;padding:0.375em 1em;min-height:2em;line-height:1.65em;white-space:nowrap}.pn-marketweb-table .toggle-detail:hover{background-color:#e0f8ff;opacity:1}.pn-marketweb-table .shipment-id-active .button-wrapper{display:flex}.pn-marketweb-table tr td.cell-content:first-child .cell-value{font-weight:500}.pn-marketweb-table .pn-widget-wrapper{display:flex;justify-content:center}.pn-marketweb-table .shipment-id-active,.pn-marketweb-table .widget-row{background-color:#effbff}.pn-marketweb-table .pn-market-table__show-more-wrapper{display:flex;justify-content:center;width:100%}.row-new-message .button-wrapper:after{content:attr(data-label);background:#0aa85c;border-radius:0 0.4rem 0.4rem 0;color:#ffffff;display:block;position:absolute;left:0;top:0;font-size:1.4rem;padding:0 0.4rem}@media (min-width: 768px){.row-new-message .button-wrapper:after{background:#005e41;border-radius:0.4rem;left:auto;right:1.6rem;font-size:1.1rem;top:0.3rem}}";const m=p;const g=class{constructor(t){e(this,t);this.mainHeading=undefined;this.mainHeadingLevel="h2";this.preamble=undefined;this.subHeadingLevel="h3";this.headers=undefined;this.rows=undefined;this.showHeadersInCells=false;this.cellHeaderLevel="h3";this.tableRowCtaActionLabel=undefined;this.imageColAriaHeader=undefined;this.ctaColAriaHeader=undefined;this.checkForNewShipments=false;this.endpoint=undefined;this.language="sv";this.market=undefined;this.toggleDetailLabel="View details";this.checkForChat=false;this.value="";this.shipmentType=undefined;this.contentId="";this.takeAmountRow=2;this.shipmentCount=2;this.i18n=undefined;this._headers=[];this._rows=[];this._allKeys=new Set;this.screenInfo=undefined}screenWidth=c.getInstance();cleanup;_chatService;_chatSegment="#chat";_marketwebTableService;componentWillLoad(){this.setInitialValues();this.setTranslations();this._marketwebTableService=new b(this.endpoint,this.language);this.cleanup=this.screenWidth.subscribe((e=>{this.screenInfo=e}));if(this.checkForNewShipments){this._chatService=new r(this.endpoint,this.market,this.language);setInterval((()=>{this.checkForNewMessages()}),6e4)}}setTranslations(){if(h[this.language]){this.i18n=h[this.language]}else{const e="sv";this.i18n=h[e]}}onLanguageChange(){this.setTranslations()}async componentDidLoad(){if(this.checkForChat){const e=document.querySelector("pn-marketweb-table."+this.shipmentType);const t=e.querySelectorAll('[href*="#chat"]');const n=Array.from(t).filter((e=>e instanceof HTMLAnchorElement));this.OpenChatEvent(n)}}componentDidRender(){const e=document.querySelector("pn-marketweb-table[shipment-type="+this.shipmentType+"]");const t=e?.querySelectorAll("pn-button.toggle-widget");t?.forEach((e=>{const t=e.querySelector(".pn-button-text");if(t&&t.innerHTML!==this.i18n.toggleButtonOn){t.innerHTML=this.i18n.toggleButtonOn}const n=e.querySelector("button");if(n&&!n.hasAttribute("data-toggle-initialized")){n.addEventListener("click",this.toggleButton.bind(this));n.setAttribute("data-toggle-initialized","true")}}))}toggleButton(e){const t=e.currentTarget;const n=t.closest("tr");const a=t.closest("pn-button");const i=n.classList.contains("shipment-id-active");const r=document.querySelectorAll(".widget-row");r.forEach((e=>e.remove()));const l=document.querySelectorAll("tr");l.forEach((e=>e.classList.remove("shipment-id-active")));const d=document.querySelectorAll("pn-button.toggle-widget");d.forEach((e=>{e.setAttribute("icon",s);e.querySelector(".pn-button-text").innerHTML=this.i18n.toggleButtonOn}));if(i){return}t.querySelector(".pn-button-text").innerHTML=this.i18n.toggleButtonOff;n.classList.add("shipment-id-active");const c=document.createElement("tr");c.classList.add("widget-row");const h=document.createElement("td");h.colSpan=n.children.length;const b=document.createElement("div");b.classList.add("pn-widget-wrapper");const p=document.createElement("pn-widget");p.setAttribute("locale",this.language);p.setAttribute("shipment-id",t.id);b.appendChild(p);h.appendChild(b);c.appendChild(h);n.parentNode.insertBefore(c,n.nextSibling);a.setAttribute("icon",o)}handleShowMore=async()=>{let e=this._rows.length;let t=await this._marketwebTableService.getUserShipments(this.contentId,e,this.takeAmountRow,this.checkForChat);if(t){this._rows=[...this._rows,...t]}};async waitForComponent(e,t=10,n=300){for(let a=0;a<t;a++){const t=document.querySelector(e);if(t){return t}await new Promise((e=>setTimeout(e,n)))}return null}disconnectedCallback(){if(this.cleanup){this.cleanup()}}async checkForNewMessages(){for(let e=0;e<this._rows.length;e++){const t=this._rows[e];const n=t.id;if(n){const a=await this._chatService.hasNewMessages(n);if(t.hasNewMessages!==a){this._rows[e]={...t,hasNewMessages:a}}}}this._rows=[...this._rows]}setInitialValues(){try{this.parseRows();this.parseHeaders()}catch(e){console.error("Error parsing table data:",e);this._rows=[];this._headers=[]}}parseRows(){this._rows=typeof this.rows==="string"?JSON.parse(this.rows):this.rows;this._allKeys=new Set(this._rows.flatMap((e=>Object.keys(e))))}parseHeaders(){if(typeof this.headers==="string"){this._headers=JSON.parse(this.headers)}else if(this.headers){this._headers=this.headers}else{this._headers=Array.from(this._allKeys).map((e=>({key:e,label:e})))}}renderCellContent(e,t){const n=e.render?e.render(t):t[e.key]??"-";return n}renderCell(e,a){const s=this.renderCellContent(e,a);if(this.showHeadersInCells||this.screenInfo.width<=d.tablet){return t("div",{class:"cell-content",role:"cell"},t(i,{level:this.cellHeaderLevel,cssClass:"cell-heading",additionalProps:{"aria-hidden":"true",role:"presentation"}},e.label),t("span",{class:"cell-value"},s))}return t(n,null,s)}handleToggleClick=()=>{const e=document.querySelector(".trackandtracewidgetblock");if(e?.parentElement){e.parentElement.classList.toggle("hideRow")}};renderActionButtons(e){if(!e.actionButtons)return null;return t("td",{class:"actions",role:"cell"},t("div",{class:"button-wrapper",role:"group","aria-label":this.tableRowCtaActionLabel,"data-label":this.i18n.newMessage},e.actionButtons.map((e=>t("pn-button",{appearance:e.appearance,class:e.class,variant:e.variant,small:e.small,loading:e.loading,icon:e.icon,leftIcon:e.leftIcon,tooltip:e.tooltip,href:e.href,rel:e.rel,download:e.download,form:e.form,buttonId:e.buttonId,"icon-only":e.iconOnly,arialabel:e.content,"data-chat":e.customAttribute},e.content)))))}async OpenChatEvent(e){e.forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const n=window?.location?.hash??"";const a=/#chat:([a-zA-Z0-9]+)(?=#|$)/;const i=e.href.match(a);const s=i?i[1]:"";const o=`${this._chatSegment}:${s}`;window.location.hash=o;this.waitForComponent("pn-chat").then((t=>{if(s){t.setAttribute("item-id",s)}else{t.setAttribute("item-id","")}let a=t.getAttribute("pn-chat-id");const i="00000000-0000-0000-0000-000000000000";const r="1";const l=a===i?r:i;let d=l;const c=e?.parentElement?.getAttribute("data-chat");if(c){d=c.split("").reverse().join("")}t.setAttribute("is-logged-in","true");t.setAttribute("pn-chat-id",d);if(n.includes(o)){let e=t.getAttribute("force-open")??"true";e=e==="true"?"false":"true";t.setAttribute("force-open",e)}}))}))}))}render(){const e=`table-${Math.random().toString(36)}`;const n=`${e}-main-heading`;return t(a,{key:"cfb4b87491bb70d4e5fba735909619585afa8bfe",language:this.language},t("div",{key:"508087740e83919bed00a2d0ba31c637b489dce9",class:"pn-marketweb-table"},t("div",{key:"8947c43938fd2fc6391c087e8c3906b0de7faee0",role:"region","aria-labelledby":this.mainHeading?n:undefined},t("div",{key:"706bd910aa99f0f2c64a68b089b1b22199951284",class:"heading-section"},t("div",{key:"54133893dab654e1448da97a053a0137b1080e9f",class:"heading-wrapper"},this.mainHeading&&t(i,{key:"3ff9b772fb8befe16bda6348d0e4fbec713a5270",level:this.mainHeadingLevel,cssClass:"main-heading",id:n},this.mainHeading),this.preamble&&t("div",{key:"6bbc362c9e475cf4a9509af9d141c4ec2471b0c0",class:"preamble-section"},this.preamble))),this._rows.length>0&&t("table",{key:"b70775247f377625a204bfedcd6e2e997d8a4faa",class:"pn-marketweb-table__table","aria-labelledby":this.mainHeading?`${e}-main-heading`:undefined},this._headers&&t("thead",{key:"c157534758a2e32bb1a433cf928ea3fc532b078e",class:this.showHeadersInCells?"sr-only":undefined},t("tr",{key:"168cb7c0e982ef0f4d8a418d09d397dc3bacf8be"},this._rows.some((e=>e.imageUrl))&&this.imageColAriaHeader&&t("th",{key:"726ebe1ab7284e0eabd63dd2322893b982991e41",scope:"col",class:"sr-only"},this.imageColAriaHeader),this._headers.map((e=>t("th",{key:e.key,scope:"col",class:"sr-only-mobile"},e.label))),this._rows.some((e=>e.link1||e.link2))&&this.ctaColAriaHeader&&t("th",{key:"2b9ffa6167300b3085c8b9d4a22ee1515ea3bf61",scope:"col",class:"sr-only"},this.ctaColAriaHeader))),t("tbody",{key:"b651f73c0d334407cdde0ba159e2ca455f2a239f",class:"pn-marketweb-table__table-body"},this._rows.slice(0,this.shipmentCount).map(((e,n)=>t("tr",{key:n,class:`cell-row ${e.hasNewMessages?"row-new-message":""}`},e.imageUrl&&t("td",{class:"cell-image"},t("div",{class:"image-container"},t("img",{src:e.imageUrl,alt:"",class:"row-image"}))),this._headers.map((a=>t("td",{key:`${n}-${a.key}`,class:"cell-content"},this.renderCell(a,e)))),this.renderActionButtons(e)))))),this.shipmentCount>this._rows.length&&t("div",{key:"ca427d1bdd7fa15e924270072087ccd64a621e87",class:"pn-market-table__show-more-wrapper"},t("pn-button",{key:"846f66c7de4412b033683ae47d58ef3fcd3784da",variant:"outlined",appearance:"light",label:this.i18n?.showMoreLabel||"Show More",onClick:()=>this.handleShowMore()})))))}static get watchers(){return{language:["onLanguageChange"]}}};g.style=m;export{g as pn_marketweb_table};
+//# sourceMappingURL=p-2e585ed5.entry.js.map

package/pn-market-web-components/{p-f6c5c4de.entry.js → p-32bd2ff8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,d as n}from"./p-b3a13b6a.js";import{a as e}from"./p-36b39340.js";const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";const r=o;const a=class{constructor(i){t(this,i)}render(){return i(n,{key:"a54ac8b5337b080c3684da1adf3924a66e8e2db5"},i("div",{key:"c9ec257fbe1a0a6f266e15d5615028389be32aeb",class:"cardcontent"},i("div",{key:"f4fa413b12e6796e43a85ef84be95af5e77c313f",class:"carddetails"},i("slot",{key:"d3e84fb18d8e21e5874b7f1896e923235195b380",name:"illustrationmobile"}),i("div",{key:"f957632f1a121cde3f016ef74e05e287e8a76a61",class:"heading"},i("slot",{key:"a5ad524ac899686241ff5fa7fb75b805ff5d5364",name:"title"}),i("slot",{key:"8b2498d83972342c5fd1fe0c08d8a6841fe8fba4",name:"uppertags"})),i("slot",{key:"ee3530c277aef75f1bdae161cf656c03c0efc151",name:"description"}),i("slot",{key:"399d0361f0302828d42e0f263331e526ad2656a7",name:"information"}),i("slot",{key:"e41b169bd8a128542e274cd5786f4fcd21296a06",name:"bottomtags"})),i("div",{key:"dd2ea4dfd8fd9a620a9bfac2facdb79ce9a28fd1",class:"cardcalltoactions"},i("slot",{key:"64c7dc14217432fddf536c1256779de624f8d135",name:"illustration"}),i("slot",{key:"1c0dc3318e43c55210d4de994f38426bcf96e84d",name:"pricelink"}),i("slot",{key:"08f83562748f18e63e4963a76048cf7ccf3dea06",name:"insurance"}))))}};a.style=r;const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0aa85c}";const p=d;const c=class{constructor(i){t(this,i);this.heading=undefined;this.highlight=undefined;this.description=undefined;this.list=[]}render(){return i(n,{key:"d3e64b6d66f2b2bc0857716a2125c709627f28fb"},this.heading?i("h3",null,this.heading):null,this.highlight?i("h3",{class:"highlight"},this.highlight):null,this.description?i("span",null,this.description):null,this.list?i("ul",null,this.list.map((t=>i("li",null,t)))):null)}};c.style=p;const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";const s=l;const m=class{constructor(i){t(this,i);this.label=undefined;this.information=[]}render(){return i(n,{key:"f8036717bc69970e8348e909c600484babd47dac"},i("div",{key:"ab79a0e358ec13504924e8f375262474d04d9e07",class:"cardinfocontent"},this.information&&this.information.length>0&&this.label?i("div",{class:"cardinfocontent-item"},this.label?i("p",{class:"cardinfocontent-title"},i("strong",null,this.label)):null,this.information.map((t=>t?i("p",null,i("strong",{class:"cardinfocontent-label"},t.item1,":")," ",t.item2):null))):null))}};m.style=s;const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-pricelink{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;gap:0.8rem;align-content:center;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}pn-proxio-productcard-pricelink .pn-pricelink-vat{font-weight:400}";const u=h;const f=class{constructor(i){t(this,i);this.price=undefined;this.vatText="";this.link=undefined;this.linktext=undefined}render(){return this.link&&this.linktext?i(n,null,this.price?i("h3",null,this.price," ",i("span",{class:"pn-pricelink-vat"},this.vatText)):null,i("pn-button",{small:"true",icon:e,appearance:"light",href:this.link,target:"_blank",rel:"noopener nofollower noreferrer"},this.linktext)):null}};f.style=u;export{a as pn_proxio_productcard,c as pn_proxio_productcard_description,m as pn_proxio_productcard_information,f as pn_proxio_productcard_pricelink};
-//# sourceMappingURL=p-f6c5c4de.entry.js.map
+import{r as t,h as i,d as n}from"./p-b3a13b6a.js";import{a as o}from"./p-36b39340.js";const e="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";const r=e;const a=class{constructor(i){t(this,i)}render(){return i(n,{key:"18f4debce00ea703ae0ec262219926c9d158945d"},i("div",{key:"25378928e06021a5c84f893de78022497f0c60c4",class:"cardcontent"},i("div",{key:"5fa50eb5d85a19854c7acc4cba08803d627222bd",class:"carddetails"},i("slot",{key:"d35ce25913f4801d318c490c7646f536aef50b08",name:"illustrationmobile"}),i("div",{key:"93b9656a686404540b3267a29d29759b3ed508af",class:"heading"},i("slot",{key:"827760771f181b1626147d829663283b5d7b050e",name:"title"}),i("slot",{key:"5b8beed915dc06dedc83da0946e49a0a571d76e4",name:"uppertags"})),i("slot",{key:"5146bca025c0c4acbdda1afef86c576d6332babb",name:"description"}),i("slot",{key:"09102a116101cecffc73ad08388c9aca2a728c1f",name:"information"}),i("slot",{key:"737170086d74da0383fb8d5c67b3006c17d50608",name:"bottomtags"})),i("div",{key:"62a48fe9515a5aac176dd906b9948589db71c638",class:"cardcalltoactions"},i("slot",{key:"68043dd0d7373482a0a0e7872771da98739bb0d0",name:"illustration"}),i("slot",{key:"efbb82c7d23f509316938b7bce971d731502ad53",name:"pricelink"}),i("slot",{key:"411b68aaa1f0de5b5c261bc0d089f06a0ddc04e7",name:"insurance"}))))}};a.style=r;const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0aa85c}";const c=d;const p=class{constructor(i){t(this,i);this.heading=undefined;this.highlight=undefined;this.description=undefined;this.list=[]}render(){return i(n,{key:"085d3dd80b91ac6c7b76b06078fa97c31491b588"},this.heading?i("h3",null,this.heading):null,this.highlight?i("h3",{class:"highlight"},this.highlight):null,this.description?i("span",null,this.description):null,this.list?i("ul",null,this.list.map((t=>i("li",null,t)))):null)}};p.style=c;const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";const s=l;const m=class{constructor(i){t(this,i);this.label=undefined;this.information=[]}render(){return i(n,{key:"3138ded954fc151ce4544b60bc2a5e75e69cc107"},i("div",{key:"0aa51b50ab4ab57245d84675a4a095ae5c90c2f0",class:"cardinfocontent"},this.information&&this.information.length>0&&this.label?i("div",{class:"cardinfocontent-item"},this.label?i("p",{class:"cardinfocontent-title"},i("strong",null,this.label)):null,this.information.map((t=>t?i("p",null,i("strong",{class:"cardinfocontent-label"},t.item1,":")," ",t.item2):null))):null))}};m.style=s;const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-pricelink{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;gap:0.8rem;align-content:center;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}pn-proxio-productcard-pricelink .pn-pricelink-vat{font-weight:400}";const u=h;const b=class{constructor(i){t(this,i);this.price=undefined;this.vatText="";this.link=undefined;this.linktext=undefined}render(){return this.link&&this.linktext?i(n,null,this.price?i("h3",null,this.price," ",i("span",{class:"pn-pricelink-vat"},this.vatText)):null,i("pn-button",{small:"true",icon:o,appearance:"light",href:this.link,target:"_blank",rel:"noopener nofollower noreferrer"},this.linktext)):null}};b.style=u;export{a as pn_proxio_productcard,p as pn_proxio_productcard_description,m as pn_proxio_productcard_information,b as pn_proxio_productcard_pricelink};
+//# sourceMappingURL=p-32bd2ff8.entry.js.map

package/pn-market-web-components/{p-ed5c0dcc.entry.js → p-32e3ed3a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,g as s,h as r,d as t}from"./p-b3a13b6a.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-bonus-progressbar{width:100%}.bonusprogressbar-top{display:flex;align-items:center;margin-bottom:1.6rem}.bonusprogressbar-top-icon{border-radius:100%;height:5rem;width:5rem;padding:1rem;display:inline-flex;margin-right:1em;margin-left:0.5em;background-color:#e0f8ff}[theme=red] .bonusprogressbar-top-icon{background-color:#fbc2c1}.bonusprogressbar-top-icon pn-icon svg{width:100%;height:100%}.bonusprogressbar-sumtext{margin-top:0.4rem;font-size:1.3rem;color:#5e554a}.bonusprogressbar-top-percentage{margin-left:0.8rem;padding:0}.bonusprogressbar-wrapper{position:relative;display:flex;min-height:5em;align-items:center}.bonusprogressbar-currentlevel{position:absolute}.bonusprogressbar-progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.7rem;border:0.1rem solid #00a0d6;border-radius:1.7rem;padding:0;margin:0;overflow:hidden}[theme=red] .bonusprogressbar-progress[value]{border-color:#f06365}.bonusprogressbar-progress[value]::-webkit-progress-bar{border:0;border-radius:1.7rem;margin:0;padding:0;background:#e0f8ff}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-bar{background:#fdefee}.bonusprogressbar-progress[value]::-webkit-progress-value{margin:0;padding:0;border-radius:1.7rem;background:#00a0d6}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-value{background:#f06365}";const o=i;const a=class{constructor(s){e(this,s);this.icon=null;this.heading="";this.sumtext=null;this.theme="blue";this.bonuspercentage="0%";this.currency="kr";this.value=0;this.min=0;this.max=0;this.valuepercentage=0;this.progresspercentage=0;this.levelValues=[];this.currentLevelAdjustedValue=0}get hostElement(){return s(this)}componentWillLoad(){this.setInitialValues();this.setValuePercentage()}setInitialValues(){const e=Array.from(this.hostElement.querySelectorAll("pn-bonus-progressbar-level:not([current])"));this.currentLevelAdjustedValue=this.value;this.levelValues=e.map((e=>parseInt(e.getAttribute("value"),10)));if(!this.max){if(this.levelValues&&this.levelValues.length>0){const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}if(this.value>this.max){this.currentLevelAdjustedValue=100}}setValuePercentage(){this.valuepercentage=this.value/this.max*100;this.progresspercentage=(this.value-this.min)/(this.max-this.min)*100;if(this.progresspercentage<0){if(this.levelValues&&this.levelValues.length&&this.levelValues[0]<this.value){this.min=Math.floor(this.levelValues[0]*.95)}else{this.min=Math.floor(this.value*.95)}}if(this.progresspercentage>100){this.progresspercentage=100;const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}iconColor(){switch(this.theme){case"red":return"coral700";case"blue":default:return"blue700"}}render(){return r(t,{key:"89103fc6287e71d9ac12c7bcbb284959c0ea64bd"},r("div",{key:"9a0b60180dc43681d5f5e1b7376435afb583765e",class:"bonusprogressbar-top"},this.icon?r("div",{class:"bonusprogressbar-top-icon"},r("pn-icon",{icon:this.icon,small:"false",color:this.iconColor()})):{},r("div",{key:"97f7f703387b719ab11ca555e5f46de0a38b0dcf",class:"bonusprogressbar-top-heading"},r("h4",{key:"8127659ee7221eec13123fd0e07c1871a132fdf9",class:"bonusprogressbar-top-headline"},this.heading," ",r("strong",{key:"5883c56d6aa717e654634e4232e768e76b5f8236",class:"bonusprogressbar-top-percentage"},this.bonuspercentage)),this.sumtext?r("div",{class:"bonusprogressbar-sumtext"},this.sumtext):null)),r("div",{key:"9ca7943f007cfb8bf63c1c64032140ae158bed85",class:"bonusprogressbar-wrapper"},r("progress",{key:"db618cbeb83e9e6459c2db90da1806952b2b98b3",class:"bonusprogressbar-progress",value:this.progresspercentage,max:"100"}),r("slot",{key:"6954cfff8a350a37528f0529d1158b79b9abe499"})))}static get watchers(){return{currentLevelAdjustedValue:["setValuePercentage"],value:["setValuePercentage"],min:["setValuePercentage"],max:["setValuePercentage"]}}};a.style=o;export{a as pn_bonus_progressbar};
-//# sourceMappingURL=p-ed5c0dcc.entry.js.map
+import{r as e,g as s,h as r,d as t}from"./p-b3a13b6a.js";const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-bonus-progressbar{width:100%}.bonusprogressbar-top{display:flex;align-items:center;margin-bottom:1.6rem}.bonusprogressbar-top-icon{border-radius:100%;height:5rem;width:5rem;padding:1rem;display:inline-flex;margin-right:1em;margin-left:0.5em;background-color:#e0f8ff}[theme=red] .bonusprogressbar-top-icon{background-color:#fbc2c1}.bonusprogressbar-top-icon pn-icon svg{width:100%;height:100%}.bonusprogressbar-sumtext{margin-top:0.4rem;font-size:1.3rem;color:#5e554a}.bonusprogressbar-top-percentage{margin-left:0.8rem;padding:0}.bonusprogressbar-wrapper{position:relative;display:flex;min-height:5em;align-items:center}.bonusprogressbar-currentlevel{position:absolute}.bonusprogressbar-progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.7rem;border:0.1rem solid #00a0d6;border-radius:1.7rem;padding:0;margin:0;overflow:hidden}[theme=red] .bonusprogressbar-progress[value]{border-color:#f06365}.bonusprogressbar-progress[value]::-webkit-progress-bar{border:0;border-radius:1.7rem;margin:0;padding:0;background:#e0f8ff}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-bar{background:#fdefee}.bonusprogressbar-progress[value]::-webkit-progress-value{margin:0;padding:0;border-radius:1.7rem;background:#00a0d6}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-value{background:#f06365}";const i=a;const o=class{constructor(s){e(this,s);this.icon=null;this.heading="";this.sumtext=null;this.theme="blue";this.bonuspercentage="0%";this.currency="kr";this.value=0;this.min=0;this.max=0;this.valuepercentage=0;this.progresspercentage=0;this.levelValues=[];this.currentLevelAdjustedValue=0}get hostElement(){return s(this)}componentWillLoad(){this.setInitialValues();this.setValuePercentage()}setInitialValues(){const e=Array.from(this.hostElement.querySelectorAll("pn-bonus-progressbar-level:not([current])"));this.currentLevelAdjustedValue=this.value;this.levelValues=e.map((e=>parseInt(e.getAttribute("value"),10)));if(!this.max){if(this.levelValues&&this.levelValues.length>0){const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}if(this.value>this.max){this.currentLevelAdjustedValue=100}}setValuePercentage(){this.valuepercentage=this.value/this.max*100;this.progresspercentage=(this.value-this.min)/(this.max-this.min)*100;if(this.progresspercentage<0){if(this.levelValues&&this.levelValues.length&&this.levelValues[0]<this.value){this.min=Math.floor(this.levelValues[0]*.95)}else{this.min=Math.floor(this.value*.95)}}if(this.progresspercentage>100){this.progresspercentage=100;const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}iconColor(){switch(this.theme){case"red":return"coral700";case"blue":default:return"blue700"}}render(){return r(t,{key:"0c2800a5ff59a29a2932257f625a86ec8217ab78"},r("div",{key:"d53c24cd81f61b5b71e8065b423108e70b37228e",class:"bonusprogressbar-top"},this.icon?r("div",{class:"bonusprogressbar-top-icon"},r("pn-icon",{icon:this.icon,small:"false",color:this.iconColor()})):{},r("div",{key:"4bf2dd629ee729f680f75e0bdb25d60ab29463cb",class:"bonusprogressbar-top-heading"},r("h4",{key:"c23baca714b75a70374c164c4af5fee0ac3df1a8",class:"bonusprogressbar-top-headline"},this.heading," ",r("strong",{key:"aecfe379324384f06b23c648de1f902a6f233f62",class:"bonusprogressbar-top-percentage"},this.bonuspercentage)),this.sumtext?r("div",{class:"bonusprogressbar-sumtext"},this.sumtext):null)),r("div",{key:"c4186c08abbf122d0895f030a836b5adbd4b4a6c",class:"bonusprogressbar-wrapper"},r("progress",{key:"043df984daf3c135d4248c67e62d83ee4e1ea978",class:"bonusprogressbar-progress",value:this.progresspercentage,max:"100"}),r("slot",{key:"adc85d4228cbbc28aa2846b78f753660cd7e366a"})))}static get watchers(){return{currentLevelAdjustedValue:["setValuePercentage"],value:["setValuePercentage"],min:["setValuePercentage"],max:["setValuePercentage"]}}};o.style=i;export{o as pn_bonus_progressbar};
+//# sourceMappingURL=p-32e3ed3a.entry.js.map