@postnord/pn-marketweb-components 4.2.4 → 4.3.0

package/pn-market-web-components/p-16570ed2.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-imageWrapper [slot=image] picture{max-width:70rem;margin:0 auto}pn-versa-card .pn-versa-card .pn-versa-card-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;max-width:100%;gap:1.6rem;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,pn-versa-card .pn-versa-card .pn-versa-card-content .pn-versa-card-linkwrapper{max-width:70rem;margin:0 auto}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);width:100%}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;transition:opacity 500ms ease-in-out}pn-versa-card .pn-versa-card-hasBg.pn-versa-card-transparentBackground:hover::before{opacity:0.98}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;--rte-heading-color:#ffffff}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;--rte-heading-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 .pn-versa-card-content{justify-content: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]>*:last-child,pn-versa-card .pn-versa-card-RTEtext [slot=rte]>*:last-child *:last-child{margin-bottom:0}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}}@media (min-width: 1640px){.onequarterwidth pn-versa-card{--versa-card-padding:1.6rem}}pn-versa-card:not(:where(.versacardblock *)){height:auto}';const c=s;const d=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"})))))}};d.style=c;export{d as pn_versa_card};
+//# sourceMappingURL=p-16570ed2.entry.js.map

package/pn-market-web-components/p-16570ed2.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            [slot='image'] picture {\n                max-width: $versa-card-text-max-width;\n                margin: 0 auto;\n            }\n        }\n\n        .pn-versa-card-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            height: 100%;\n            width: 100%;\n            max-width: 100%;\n            gap: $versa-card-content-gap;\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            .pn-versa-card-linkwrapper {\n                max-width: $versa-card-text-max-width;                \n                margin: 0 auto;\n            }\n\n            .pn-versa-card-textContent {\n                display: flex;\n                flex-direction: column;\n                color: var(--versa-card-text-color);                \n                width: 100%;\n                \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 {\n            &::before {\n                opacity: 0.9;\n                transition: opacity 500ms ease-in-out;\n            }\n\n            &:hover::before {\n                opacity: 0.98;\n            }\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\n        justify-content: center;\n\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        --rte-heading-color:#{$white};\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        --rte-heading-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                .pn-versa-card-content {\n                    justify-content: center; //overrides mobile alignMiddle which sets justify-content to space-between\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}\n\n@media (min-width: 1640px) {\n    .onequarterwidth {\n        pn-versa-card {\n            --versa-card-padding: #{rem16(16px)};\n        }\n    }\n}\n\n//when not wrapped by versacardblock class\npn-versa-card:not(:where(.versacardblock *)) {\n    height: auto;\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,4pfACvB,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-2616cdc1.entry.js → p-191c8cfc.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:"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
+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:"cd06d1b43e65ccf62e28401cb625be136dc4403d",open:(t.openMenu==true)+""},i("slot",{key:"c629a82dadf765e5e34dcbb1cb8a3211fa531f86",name:"above"}),i("nav",{key:"3ef0bffdeee910aba043c9aa0a60b516b1442e9e",class:"sidenav","aria-label":this.navLabel},i("slot",{key:"8381d640c3804a362a4b3f594c8e36d6ec3d1181"})))}};r.style=d;export{r as pn_sidenav};
+//# sourceMappingURL=p-191c8cfc.entry.js.map

package/pn-market-web-components/{p-ca003c1f.entry.js → p-1a91c313.entry.js}

@@ -1,2 +1,2 @@
-import{h as n,r as i,d as t}from"./p-b3a13b6a.js";import{a as e}from"./p-aca71066.js";import{a as o}from"./p-36b39340.js";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}}pn-product-tile-info{align-self:center}";const l=p;const r=class{constructor(n){i(this,n);this.label=undefined;this.text=undefined;this.icon=undefined}render(){return n(t,{key:"bec13cd8225cf0f091bbb4b22f2b827857f65b38"},this.label?n("p",null,n("small",null,this.label)):null,this.text?n("h3",null,this.text):null)}};n("pn-icon",{icon:e,small:"false",color:"black"});r.style=l;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-product-tile-price{margin-top:1em;white-space:nowrap;text-align:right}pn-product-tile-price span{font-size:3em;font-size:clamp(2em, 6vw, 3em)}pn-product-tile-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-tile-price+pn-product-tile-price{margin-left:1.5em}pn-product-tile-price pn-icon{display:inline-block;align-self:center}pn-product-tile-price a{text-decoration:none;color:#005d92}pn-product-tile-price a h3{text-decoration:underline}";const d=s;const a=class{constructor(n){i(this,n);this.label=undefined;this.amount=undefined;this.currency=undefined;this.url=undefined}render(){if(!this.amount){return}return this.url?n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null),this.label?n("a",{href:this.url},n("pn-button",{small:"true",icon:o},this.label)):null):n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null))}};a.style=d;export{r as pn_product_tile_info,a as pn_product_tile_price};
-//# sourceMappingURL=p-ca003c1f.entry.js.map
+import{h as n,r as i,d as t}from"./p-b3a13b6a.js";import{a as e}from"./p-aca71066.js";import{a as o}from"./p-36b39340.js";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}}pn-product-tile-info{align-self:center}";const l=p;const r=class{constructor(n){i(this,n);this.label=undefined;this.text=undefined;this.icon=undefined}render(){return n(t,{key:"47ca29ebc1c2d48ccb5dfdfb2617c9fa390755a6"},this.label?n("p",null,n("small",null,this.label)):null,this.text?n("h3",null,this.text):null)}};n("pn-icon",{icon:e,small:"false",color:"black"});r.style=l;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-product-tile-price{margin-top:1em;white-space:nowrap;text-align:right}pn-product-tile-price span{font-size:3em;font-size:clamp(2em, 6vw, 3em)}pn-product-tile-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-tile-price+pn-product-tile-price{margin-left:1.5em}pn-product-tile-price pn-icon{display:inline-block;align-self:center}pn-product-tile-price a{text-decoration:none;color:#005d92}pn-product-tile-price a h3{text-decoration:underline}";const d=s;const a=class{constructor(n){i(this,n);this.label=undefined;this.amount=undefined;this.currency=undefined;this.url=undefined}render(){if(!this.amount){return}return this.url?n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null),this.label?n("a",{href:this.url},n("pn-button",{small:"true",icon:o},this.label)):null):n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null))}};a.style=d;export{r as pn_product_tile_info,a as pn_product_tile_price};
+//# sourceMappingURL=p-1a91c313.entry.js.map

package/pn-market-web-components/{p-ab1e3dc2.entry.js → p-1f8304be.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,g as o,h as t,d as l}from"./p-b3a13b6a.js";import{s as a}from"./p-70a9d4eb.js";import{a as r}from"./p-575f557a.js";import"./p-2132ad75.js";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-profile-modal-type[selected=true]:not([selected-profile=""]) pn-profile-modal-profile[selected=false]{display:none}.pn-profile-modal-profile-listitem{overflow:hidden;max-height:10rem;transition:max-height 0.15s ease;opacity:1}.pn-profile-modal-profile-listitem[aria-hidden=true]{max-height:0;opacity:0}.pn-profile-modal-profile-listitem-button{padding:0.8rem;margin:0;background:#ffffff;outline:0;appearance:none;border:0;cursor:pointer;border-radius:0.8rem;transition:background 0.15s ease;text-align:left;width:100%}.pn-profile-modal-profile-listitem-button:hover,.pn-profile-modal-profile-listitem-button:focus,.pn-profile-modal-profile-listitem-button:active{background:#effbff}.pn-profile-modal-profile-listitem[aria-hidden=true] .pn-profile-modal-profile-listitem-button{display:none}.pn-profile-modal-profile-listitem-heading{color:#005d92;font-weight:700;font-size:1.6rem}.pn-profile-modal-profile-listitem-description{color:#5e554a;font-weight:400;font-size:1.2rem}.pn-profile-modal-profile-details{max-height:300rem;transition:max-height 0.15s ease;opacity:1}.pn-profile-modal-profile-details[aria-hidden=true]{max-height:0;opacity:0;overflow:hidden}.pn-profile-modal-profile-details>pn-button{position:relative;margin-left:-1.2rem}.pn-profile-modal-profile-details>pn-button .pn-button-content{font-weight:500}.pn-profile-modal-profile-details-company{border-top:1px solid #d3cecb;border-bottom:1px solid #d3cecb;padding:0.8rem 0.8rem;margin:1.6rem 0}.pn-profile-modal-profile-details-label{font-size:1.4rem;font-weight:500;margin-bottom:1.2rem}.pn-profile-modal-profile-details-company-heading{font-weight:700;font-size:1.6rem}.pn-profile-modal-profile-details-company-description{color:#5e554a;font-weight:400;font-size:1.2rem}.pn-profile-modal-profile-details-list{display:flex;flex-direction:column;gap:1.6rem;padding:0 0}.pn-profile-modal-profile-details-list-label{font-size:1.4rem;font-weight:500;margin:0 0 0 0.8rem}';const p=d;const n=class{constructor(o){e(this,o);this.urlSelected=i(this,"urlSelected",7);this.showCustomerNumbersEvent=i(this,"showCustomerNumbersEvent",7);this.heading=null;this.description=null;this.url=null;this.selected=false;this.showCustomerNumbers=false;this.pleaseSelectText="";this.visible=false;this.identifier=""}get hostElement(){return o(this)}urlSelected;showCustomerNumbersEvent;componentWillLoad(){this.identifier=this.heading+this.url}onProfileOptionClick(){this.selected=true;if(this.url){this.urlSelected.emit(this.url)}else{a.selectedProfile=this.identifier}}render(){return t(l,{key:"37a9a5648ebc4101c95ce21d6eba9e24218b7d1e",selected:this.selected+""},t("div",{key:"44b822eb1ad556de7afa478f01675b6c79bdf7ea",class:"pn-profile-modal-profile-listitem","aria-hidden":!!a.selectedProfile+""},t("button",{key:"85a02f7e358c147fb41ccd6ba4f3e14d3d5a743a",class:"pn-profile-modal-profile-listitem-button",onClick:this.onProfileOptionClick.bind(this)},t("div",{key:"6bdccdbcd55e6954d0f51b5c21290faf95ea5757",class:"pn-profile-modal-profile-listitem-heading"},this.heading),t("div",{key:"58039fb2cdf8ed7ec650d14609b5cc5f4635224a",class:"pn-profile-modal-profile-listitem-description"},this.description))),t("div",{key:"6a1f5e21a35d65315b646c60795712333742558e",class:"pn-profile-modal-profile-details","aria-hidden":!(a.selectedProfile===this.identifier)+""},t("pn-button",{key:"3c8c589fee1a570d0b1b005d999bc6df3b5bfe8e",appearance:"light",variant:"borderless",icon:r,"left-icon":"true",small:"true",onClick:()=>{this.selected=false;a.selectedProfile=""}},a.i18n.toText," ",a.selectedType),t("div",{key:"ddf6752c8f55556d5a9bd100c35c22c6271f71b1",class:"pn-profile-modal-profile-details-company"},t("div",{key:"c7ce7f68eac83940d11f2f4e9c4c241768958f8b",class:"pn-profile-modal-profile-details-label"},a.i18n.choosenCompanyText),t("div",{key:"086663c1421fee37f433e6597ac41a6fc2739753",class:"pn-profile-modal-profile-details-company-heading"},this.heading),t("div",{key:"fb57e2b97e0c3e8a891866210e4e54c29580f32e",class:"pn-profile-modal-profile-details-company-description"},this.description)),t("div",{key:"d0b2b24c8117dbdcc15c7465d40c4caa2f416d5d",class:"pn-profile-modal-profile-details-list"},t("div",{key:"a8f357a79b9f37febb14a101777dee874d9c59f8",class:"pn-profile-modal-profile-details-list-label"},this.pleaseSelectText),t("slot",{key:"0aa8d69dcabcaf51c363cda0893d2b1ebf59f102"}))))}};n.style=p;export{n as pn_profile_modal_profile};
-//# sourceMappingURL=p-ab1e3dc2.entry.js.map
+import{r as e,c as i,g as o,h as t,d as l}from"./p-b3a13b6a.js";import{s as a}from"./p-70a9d4eb.js";import{a as r}from"./p-575f557a.js";import"./p-2132ad75.js";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-profile-modal-type[selected=true]:not([selected-profile=""]) pn-profile-modal-profile[selected=false]{display:none}.pn-profile-modal-profile-listitem{overflow:hidden;max-height:10rem;transition:max-height 0.15s ease;opacity:1}.pn-profile-modal-profile-listitem[aria-hidden=true]{max-height:0;opacity:0}.pn-profile-modal-profile-listitem-button{padding:0.8rem;margin:0;background:#ffffff;outline:0;appearance:none;border:0;cursor:pointer;border-radius:0.8rem;transition:background 0.15s ease;text-align:left;width:100%}.pn-profile-modal-profile-listitem-button:hover,.pn-profile-modal-profile-listitem-button:focus,.pn-profile-modal-profile-listitem-button:active{background:#effbff}.pn-profile-modal-profile-listitem[aria-hidden=true] .pn-profile-modal-profile-listitem-button{display:none}.pn-profile-modal-profile-listitem-heading{color:#005d92;font-weight:700;font-size:1.6rem}.pn-profile-modal-profile-listitem-description{color:#5e554a;font-weight:400;font-size:1.2rem}.pn-profile-modal-profile-details{max-height:300rem;transition:max-height 0.15s ease;opacity:1}.pn-profile-modal-profile-details[aria-hidden=true]{max-height:0;opacity:0;overflow:hidden}.pn-profile-modal-profile-details>pn-button{position:relative;margin-left:-1.2rem}.pn-profile-modal-profile-details>pn-button .pn-button-content{font-weight:500}.pn-profile-modal-profile-details-company{border-top:1px solid #d3cecb;border-bottom:1px solid #d3cecb;padding:0.8rem 0.8rem;margin:1.6rem 0}.pn-profile-modal-profile-details-label{font-size:1.4rem;font-weight:500;margin-bottom:1.2rem}.pn-profile-modal-profile-details-company-heading{font-weight:700;font-size:1.6rem}.pn-profile-modal-profile-details-company-description{color:#5e554a;font-weight:400;font-size:1.2rem}.pn-profile-modal-profile-details-list{display:flex;flex-direction:column;gap:1.6rem;padding:0 0}.pn-profile-modal-profile-details-list-label{font-size:1.4rem;font-weight:500;margin:0 0 0 0.8rem}';const p=d;const n=class{constructor(o){e(this,o);this.urlSelected=i(this,"urlSelected",7);this.showCustomerNumbersEvent=i(this,"showCustomerNumbersEvent",7);this.heading=null;this.description=null;this.url=null;this.selected=false;this.showCustomerNumbers=false;this.pleaseSelectText="";this.visible=false;this.identifier=""}get hostElement(){return o(this)}urlSelected;showCustomerNumbersEvent;componentWillLoad(){this.identifier=this.heading+this.url}onProfileOptionClick(){this.selected=true;if(this.url){this.urlSelected.emit(this.url)}else{a.selectedProfile=this.identifier}}render(){return t(l,{key:"b9c43400d241037c73d881c4025426ee0d1a0ab6",selected:this.selected+""},t("div",{key:"1e8ec88d8cc882e91f7c3f23bb460a8170f994f1",class:"pn-profile-modal-profile-listitem","aria-hidden":!!a.selectedProfile+""},t("button",{key:"c0fa51fa7e71d3d61e29a83980cda0bd828ee9f8",class:"pn-profile-modal-profile-listitem-button",onClick:this.onProfileOptionClick.bind(this)},t("div",{key:"49d008e1da55109958a853b00de66aea4bf0c94e",class:"pn-profile-modal-profile-listitem-heading"},this.heading),t("div",{key:"84c3a58d3009f0394df629777390c771b150b977",class:"pn-profile-modal-profile-listitem-description"},this.description))),t("div",{key:"76d9b0bad1da3b4ff9ed98ab55d711366c2f010f",class:"pn-profile-modal-profile-details","aria-hidden":!(a.selectedProfile===this.identifier)+""},t("pn-button",{key:"14b6e986668ee7ed9c51a2590c774783f3ccec68",appearance:"light",variant:"borderless",icon:r,"left-icon":"true",small:"true",onClick:()=>{this.selected=false;a.selectedProfile=""}},a.i18n.toText," ",a.selectedType),t("div",{key:"1448ce969e9ee76b846c30bf399713bc2ef4c2c9",class:"pn-profile-modal-profile-details-company"},t("div",{key:"311e5f2619de809142773075b8a1df463614a7dd",class:"pn-profile-modal-profile-details-label"},a.i18n.choosenCompanyText),t("div",{key:"93ede5179bf731283d4df1cd599756211e3b27d6",class:"pn-profile-modal-profile-details-company-heading"},this.heading),t("div",{key:"962b0b6e1ad8468ccf91055366154b94280b905d",class:"pn-profile-modal-profile-details-company-description"},this.description)),t("div",{key:"3233d44f762f55c9e25b23d6e63c99bc40b89adf",class:"pn-profile-modal-profile-details-list"},t("div",{key:"8186c002a351fef18ab023839f1ce7c56ae908b1",class:"pn-profile-modal-profile-details-list-label"},this.pleaseSelectText),t("slot",{key:"ff43a85a7f812b4c781476d56033e369d14b971b"}))))}};n.style=p;export{n as pn_profile_modal_profile};
+//# sourceMappingURL=p-1f8304be.entry.js.map

package/pn-market-web-components/{p-a3f601cb.entry.js → p-24ffac0a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,g as t,h as s,d as a}from"./p-b3a13b6a.js";const n="";const r=n;const c=class{constructor(t){e(this,t);this.label="Mina sidor!";this.myPageUrl=undefined}get hostElement(){return t(this)}render(){return s(a,{key:"35dc38e3b181c223a3b5325e8ad4408b078cf9c9"},s("pn-button",{key:"daeeac6b7da9a0ad3424cefe30614c83f638ac66",href:this.myPageUrl},this.label))}};c.style=r;export{c as pn_marketweb_siteheader_login_mypage_button};
-//# sourceMappingURL=p-a3f601cb.entry.js.map
+import{r as e,g as t,h as s,d as a}from"./p-b3a13b6a.js";const n="";const r=n;const c=class{constructor(t){e(this,t);this.label="Mina sidor!";this.myPageUrl=undefined}get hostElement(){return t(this)}render(){return s(a,{key:"c124432d15ec5bdf0aa2bbeb4354f6ecf2bce080"},s("pn-button",{key:"a5dd43d7ed7d03ca1cbe6ac6ff467cb75da83082",href:this.myPageUrl},this.label))}};c.style=r;export{c as pn_marketweb_siteheader_login_mypage_button};
+//# sourceMappingURL=p-24ffac0a.entry.js.map

package/pn-market-web-components/p-3239c36b.entry.js

@@ -0,0 +1,2 @@
+import{h as e,r as t}from"./p-b3a13b6a.js";import{e as a,d as i,f as n,h as r}from"./p-04f51418.js";function d(t){const i=a(t.vm.rawMenuItems);if(!i.hasMenuSwitching){return null}const n=i.menuModeOptions.map((e=>({...e,href:t.navigateOnMenuToggle?e.href:undefined})));return e("pn-marketweb-header-toggle",{value:t.activeMenuMode,options:n,onToggleChange:t.onMenuToggleChange})}function o(t){const a=t.homePageLink??"/";return e("div",{class:"siteheader-logocontainer"},e("a",{href:a,title:t.homeLabel,"aria-label":t.homeLabel,class:"siteheader-logolink"},e("slot",{name:"logo"},e("svg",{class:"siteheader-logo",xmlns:"http://www.w3.org/2000/svg",width:"12.7rem",height:"2.4rem",viewBox:"0 0 141.73 26.65",role:"img","aria-label":"PostNord"},e("path",{d:"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z",fill:"currentColor",transform:"translate(0 0)"})))))}function s(t){if(!t.vm.loginDialog||t.hideLogin){return null}return e("pn-marketweb-siteheader-login",{token:t.userToken,siteUrl:t.vm.siteDefinition?.url,fullname:t.userFullname,loggedin:t.userLoggedin,loginDialog:t.vm.loginDialog,endpoint:t.endpoint??"",i18n:t.i18n,showProfileSelection:t.showProfileSelection,showUnifiedLogin:t.showUnifiedLogin,"check-user-logged-in-state-interval":t.checkUserLoggedInStateInterval,useMarketwebLogin:t.useMarketwebLogin,environment:t.environment,appearance:t.appearance})}function h(t){if(!t.vm.languageOptions.length||t.hideLanguageSelector){return null}return e("pn-language-selector",{value:t.language,appearance:t.appearance},t.vm.languageOptions.map((a=>e("pn-language-selector-option",{name:a.nativeName,code:a.twoLetterISOLanguageName,selected:a.isCurrent,url:i(a,t.vm.siteDefinition,t.spaMode)}))))}function l(t){if(!t.vm.siteSelector||t.hideSiteSelector){return null}return e("pn-site-selector",{language:t.language,buttontext:t.buttonText,appearance:t.appearance},t.vm.siteSelector.currentSiteTitle&&e("pn-site-selector-item",{heading:t.vm.siteSelector.currentSiteTitle,description:t.vm.siteSelector.currentSiteDescription}),(t.vm.siteSelector.siteSelections??[]).map((a=>e("pn-site-selector-item",{heading:a.linkText,description:a.linkDescription,url:t.adjustSiteSelectorUrl(a.href??a.pageLink??""),newwindow:a.openInNewWindow}))))}const m='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-marketweb-header-main-row{display:contents}pn-marketweb-header-main-row .siteheader-row-main{background-color:var(--siteheader-main-row-bg-mobile, transparent)}pn-marketweb-header-main-row .siteheader-mobile-left{display:flex;align-items:center;flex:1 1 auto;min-width:0;order:1}pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex;align-items:center;justify-content:flex-start;min-width:0;order:1}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logocontainer{min-height:5.6rem;background:transparent;position:static;left:auto;transform:none}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logolink{max-height:5.6rem}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logo{display:block;width:auto;max-width:12.7rem;height:2.4rem}pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none;align-items:center}pn-marketweb-header-main-row .siteheader-mainnav-middle{display:none;align-items:center;justify-content:flex-end;order:3}pn-marketweb-header-main-row .siteheader-mainnav-middle>pn-marketweb-siteheader-search{display:flex;align-items:center;justify-content:flex-end}pn-marketweb-header-main-row .siteheader-mainnav-middle>[slot=header-bottom-button]{display:contents}pn-marketweb-header-main-row .siteheader-mainnav-menu{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;order:2}pn-marketweb-header-main-row .siteheader-menu{max-width:100%;overflow:visible}pn-marketweb-header-main-row .siteheader-menu pn-mainnav-link a[target]::after{content:none}pn-marketweb-header-main-row .siteheader-menu pn-marketweb-siteheader-search{width:100%;padding:0.3rem 1.6rem}pn-marketweb-header-main-row .siteheader-menu [slot=top] pn-search-field{width:100%}pn-marketweb-header-main-row .siteheader-menu nav.mainnav[data-menu-open=true]>pn-mainnav-level[data-level="1"]{display:block;margin-top:0;height:calc(100dvh - 0);overflow-y:auto;-webkit-overflow-scrolling:touch}pn-marketweb-header-main-row .siteheader-mainnav-groups{display:flex;flex-direction:column}pn-marketweb-header-main-row .siteheader-mainnav-list{overflow:visible}pn-marketweb-header-main-row .siteheader-mainnav-divider{display:none}pn-marketweb-header-main-row .siteheader-menu-footer{display:flex;flex-direction:column;align-items:center}pn-marketweb-header-main-row .siteheader-menu-footer>*{margin:1.6rem}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-logo,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none}body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-logo{display:none}body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:flex}@media screen and (min-width: 769px){pn-marketweb-header-main-row .siteheader-row-main{background-color:var(--siteheader-main-row-bg-tablet, transparent)}pn-marketweb-header-main-row .siteheader-mobile-left{display:none}pn-marketweb-header-main-row .siteheader-mainnav-middle{display:flex;margin-left:auto}pn-marketweb-header-main-row .siteheader-mainnav-menu{justify-content:flex-start}pn-marketweb-header-main-row .siteheader-menu-footer{display:none}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-logo,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-logo,body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none}}@media screen and (min-width: 1024px){pn-marketweb-header-main-row .siteheader-mainnav-groups{display:inline-flex;flex-direction:row;align-items:stretch;vertical-align:top}pn-marketweb-header-main-row .siteheader-mainnav-middle{order:3;margin-left:1.6rem}pn-marketweb-header-main-row .siteheader-mainnav-menu{order:2}pn-marketweb-header-main-row .siteheader-menu{margin-top:auto;overflow:visible}pn-marketweb-header-main-row .siteheader-menu nav.mainnav[data-menu-open=true]>pn-mainnav-level[data-level="1"]{margin-top:0;height:auto;overflow-y:visible}pn-marketweb-header-main-row .siteheader-mainnav-list{display:inline-flex;align-items:stretch;vertical-align:top}pn-marketweb-header-main-row .siteheader-mainnav-divider{display:inline-flex;align-self:center;width:1px;min-height:4rem;margin:0 0.8rem;background:var(--siteheader-mainnav-divider-color, #d3cecb)}}';const p=m;const w=class{constructor(e){t(this,e);this.vm=undefined;this.i18n=undefined;this.market=undefined;this.language=undefined;this.siteid=undefined;this.hideSearch=undefined;this.hideLogin=undefined;this.hideLanguageSelector=undefined;this.hideSiteSelector=undefined;this.minimizeSearch=undefined;this.activeMenuMode=undefined;this.navigateOnMenuToggle=undefined;this.primaryItems=undefined;this.sharedItems=undefined;this.showMenuDivider=undefined;this.userToken=undefined;this.userFullname=undefined;this.userLoggedin=undefined;this.endpoint=undefined;this.environment=undefined;this.showProfileSelection=undefined;this.showUnifiedLogin=undefined;this.checkUserLoggedInStateInterval=undefined;this.useMarketwebLogin=undefined;this.spaMode=undefined;this.theme=undefined;this.logoUrl=undefined;this.menuToggleChangeHandler=undefined;this.mainNavRefHandler=undefined;this.adjustSiteSelectorUrl=undefined}renderMenuLink(t){return e("pn-mainnav-link",{name:t.name,href:t.href,itemid:t.id,target:t.linkTarget??"_self",linkid:t.trackingId},(t.promotedMenuItems&&t.promotedMenuItems.length>0||t.children&&t.children.length>0)&&e("pn-mainnav-level",{label:t.name},!!t.children?.length&&e("pn-mainnav-list",{heading:t.navigationHeading??""},t.children.map((t=>e("pn-mainnav-link",{name:t.name,href:t.href,target:t.linkTarget??"_self",linkid:t.trackingId})))),!!t.promotedMenuItems?.length&&e("pn-mainnav-list",{heading:t.promotedMenuItemsHeader},t.promotedMenuItems.map((a=>e("pn-mainnav-link",{href:a.href,name:a.linkText,target:a.openInNewWindow?"_blank":"_self",linkid:n(a)+t.id}))))))}renderMenuLinks(e){return e.map((e=>this.renderMenuLink(e)))}renderGroupedMenuLists(t,a){const i=t.length>0;const n=a.length>0;const r=i&&n;return e("div",{class:"siteheader-mainnav-groups"},i?e("pn-mainnav-list",{class:"siteheader-mainnav-list siteheader-mainnav-list-primary"},this.renderMenuLinks(t)):null,r?e("div",{class:"siteheader-mainnav-divider","aria-hidden":"true"}):null,n?e("pn-mainnav-list",{class:"siteheader-mainnav-list siteheader-mainnav-list-shared"},this.renderMenuLinks(a)):null)}renderMenuFooter(t){return e("div",{slot:"footer",class:"siteheader-menu-footer"},e("slot",{name:"menu-footer-cta"}),s({vm:this.vm,hideLogin:this.hideLogin,userToken:this.userToken,userFullname:this.userFullname,userLoggedin:this.userLoggedin,endpoint:this.endpoint,environment:this.environment,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,checkUserLoggedInStateInterval:this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin,appearance:t}),h({vm:this.vm,hideLanguageSelector:this.hideLanguageSelector,language:this.language,spaMode:this.spaMode,appearance:t}),l({vm:this.vm,hideSiteSelector:this.hideSiteSelector,language:this.language,appearance:t,adjustSiteSelectorUrl:this.adjustSiteSelectorUrl}))}render(){const t="light";return e("div",{key:"b19e8188f8776a417d92b422e97af169073992d7",class:"siteheader-row siteheader-row-main"},e("div",{key:"ee3206293821a283e0db7231fb88f8c7c4ccaf9f",class:"siteheader-mobile-left"},e("div",{key:"f02ae43733ecbb7d9a58f2f2faa0422e67ab398f",class:"siteheader-mobile-logo"},o({homePageLink:this.logoUrl,homeLabel:this.i18n.home})),this.vm.hasMenuSwitching&&e("div",{key:"7559d93cf6e65dd98d943cc0bd047597486c7562",class:"siteheader-mobile-menu-toggle"},d({vm:this.vm,activeMenuMode:this.activeMenuMode,navigateOnMenuToggle:this.navigateOnMenuToggle,onMenuToggleChange:this.menuToggleChangeHandler}))),e("div",{key:"25864e4241677776b8fffe41ba24cce1c3b5bc8f",class:"siteheader-mainnav-middle"},e("pn-marketweb-siteheader-search",{key:"1ff81b6b404c473ed028a01115780f1837f78ec2",language:this.language,siteid:this.siteid,primary:true,search:this.vm.search,"hide-search":this.hideSearch,"show-only-link":this.minimizeSearch,i18n:this.i18n}),e("slot",{key:"d650ca23a0fa02d7e4dacccea5020743a509c782",name:"header-bottom-button"})),e("div",{key:"b72af48b90c18d82a80469297327518af35c142c",class:"siteheader-mainnav-menu"},e("div",{key:"fbcd12fab8d69e0181fcc81185dca22fd502df7d",class:"siteheader-menu"},e("pn-mainnav",{key:"3980090469bd133fabc2576ac41a12ab98f3cbc5",ref:e=>{this.mainNavRefHandler(e)},market:this.market,language:this.language,onMenuOpenChange:e=>{document.body.setAttribute("data-siteheader-menuopen",String(e.detail))}},e("pn-mainnav-level",{key:"2c608f41f227e445808121d53abab276459cedc8"},this.showMenuDivider?this.renderGroupedMenuLists(this.primaryItems,this.sharedItems):e("pn-mainnav-list",null,this.renderMenuLinks(this.primaryItems)),this.renderMenuFooter(t),e("div",{key:"f41ca4efbce5a71be65381199efb81f491c0ee0d",slot:"top",class:"siteheader-menu-top"},e("pn-marketweb-siteheader-search",{key:"bf04f67936996b8151a6ba14c64a5a7212d90ee4",language:this.language,siteid:this.siteid,search:this.vm.search,"hide-search":this.hideSearch,i18n:this.i18n})))))))}};w.style=p;const c="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-marketweb-header-top-row{display:contents}pn-marketweb-header-top-row .siteheader-row-top{border-bottom:0.1rem solid var(--siteheader-top-row-border-color, #f3f2f2);color:var(--siteheader-top-text-color, var(--siteheader-text-color, inherit));background-color:var(--siteheader-top-row-bg, transparent)}pn-marketweb-header-top-row .siteheader-topleft{display:flex;align-items:center;min-width:0;gap:0.8rem}pn-marketweb-header-top-row .siteheader-topleft pn-marketweb-header-toggle{display:flex;align-items:center;margin-left:1rem}pn-marketweb-header-top-row .siteheader-topleft pn-site-selector{display:none;padding:1rem 0;margin-left:0}pn-marketweb-header-top-row .siteheader-topright{display:flex;flex-direction:row;align-items:center;min-width:0;margin-right:0}pn-marketweb-header-top-row .siteheader-topright>pn-language-selector,pn-marketweb-header-top-row .siteheader-topright>pn-marketweb-siteheader-login,pn-marketweb-header-top-row .siteheader-topright>a,pn-marketweb-header-top-row .siteheader-topright>button,pn-marketweb-header-top-row .siteheader-topright>[slot=header-top-right-start],pn-marketweb-header-top-row .siteheader-topright>[slot=toprightend]{display:none;align-self:center;padding:1rem 0;margin-left:0;color:var(--siteheader-top-link-color, inherit)}pn-marketweb-header-top-row .siteheader-menu-top-search{display:none}@media screen and (min-width: 769px){pn-marketweb-header-top-row .siteheader-topleft pn-site-selector{display:block}pn-marketweb-header-top-row .siteheader-topright>pn-language-selector,pn-marketweb-header-top-row .siteheader-topright>pn-marketweb-siteheader-login,pn-marketweb-header-top-row .siteheader-topright>a,pn-marketweb-header-top-row .siteheader-topright>button,pn-marketweb-header-top-row .siteheader-topright>[slot=header-top-right-start],pn-marketweb-header-top-row .siteheader-topright>[slot=toprightend]{display:block;margin-left:1rem}}@media screen and (min-width: 1024px){pn-marketweb-header-top-row .siteheader-topleft pn-marketweb-header-toggle{margin-left:1.6rem}pn-marketweb-header-top-row .siteheader-topleft pn-site-selector{margin-left:1.3rem}pn-marketweb-header-top-row .siteheader-logocontainer{min-height:3em;position:absolute;left:50%;transform:translateX(-50%)}pn-marketweb-header-top-row .siteheader-topright{margin-right:1.6rem}pn-marketweb-header-top-row .siteheader-topright>pn-language-selector,pn-marketweb-header-top-row .siteheader-topright>pn-marketweb-siteheader-login,pn-marketweb-header-top-row .siteheader-topright>a,pn-marketweb-header-top-row .siteheader-topright>button,pn-marketweb-header-top-row .siteheader-topright>[slot=header-top-right-start],pn-marketweb-header-top-row .siteheader-topright>[slot=toprightend]{margin-left:1.6rem}}";const b=c;const g=class{constructor(e){t(this,e);this.vm=undefined;this.i18n=undefined;this.language=undefined;this.siteid=undefined;this.endpoint=undefined;this.environment=undefined;this.userToken=undefined;this.userFullname=undefined;this.userLoggedin=undefined;this.hideSiteSelector=undefined;this.hideLanguageSelector=undefined;this.hideSearch=undefined;this.hideLogin=undefined;this.showProfileSelection=undefined;this.showUnifiedLogin=undefined;this.spaMode=undefined;this.checkUserLoggedInStateInterval=undefined;this.useMarketwebLogin=undefined;this.activeMenuMode=undefined;this.navigateOnMenuToggle=undefined;this.theme=undefined;this.logoUrl=undefined;this.menuToggleChangeHandler=undefined;this.adjustSiteSelectorUrl=undefined}render(){const t=r(this.theme);return e("div",{key:"9049f93d4fb66778b1b7091b417f5d5aba810a84",class:"siteheader-row siteheader-row-top"},e("div",{key:"93f679b1fa27b8429ee7b06bf7f299f052217d3f",class:"siteheader-topleft"},e("slot",{key:"c55903c0bfe58aa095a949a3439a1138fbfec9f3",name:"header-top-left"}),l({vm:this.vm,hideSiteSelector:this.hideSiteSelector,language:this.language,buttonText:this.vm.siteSelector?.currentSiteTitle??"postnord",appearance:t,adjustSiteSelectorUrl:this.adjustSiteSelectorUrl}),d({vm:this.vm,activeMenuMode:this.activeMenuMode,navigateOnMenuToggle:this.navigateOnMenuToggle,onMenuToggleChange:this.menuToggleChangeHandler})),o({homePageLink:this.logoUrl,homeLabel:this.i18n.home}),e("div",{key:"707a07896949fa60022384a49236ae78559f8290",class:"siteheader-topright"},e("slot",{key:"03206c719b76c39694017db2125346686fe8c868",name:"header-top-right-start"}),s({vm:this.vm,hideLogin:this.hideLogin,userToken:this.userToken,userFullname:this.userFullname,userLoggedin:this.userLoggedin,endpoint:this.endpoint,environment:this.environment,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,checkUserLoggedInStateInterval:this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin,appearance:t}),h({vm:this.vm,hideLanguageSelector:this.hideLanguageSelector,language:this.language,spaMode:this.spaMode,appearance:t}),e("slot",{key:"89b985631478ee126961384d73dc25614bfcf41f",name:"toprightend"}),e("div",{key:"8c70b69b1d87a942679c7a9e202bac6b07b484e9",class:"siteheader-menu-top-search"},e("pn-marketweb-siteheader-search",{key:"f541bb616b730459b8a55f6da9ef8752e4826cad",language:this.language,siteid:this.siteid,search:this.vm.search,"hide-search":this.hideSearch,i18n:this.i18n,icononly:true}))))}};g.style=b;export{w as pn_marketweb_header_main_row,g as pn_marketweb_header_top_row};
+//# sourceMappingURL=p-3239c36b.entry.js.map

package/pn-market-web-components/p-3239c36b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderHeaderMenuSwitcher","props","structure","extractToggleableMenuStructure","vm","rawMenuItems","hasMenuSwitching","options","menuModeOptions","map","option","href","navigateOnMenuToggle","undefined","h","value","activeMenuMode","onToggleChange","onMenuToggleChange","renderHeaderLogo","homePageLink","class","title","homeLabel","name","xmlns","width","height","viewBox","role","d","fill","transform","renderHeaderLogin","loginDialog","hideLogin","token","userToken","siteUrl","siteDefinition","url","fullname","userFullname","loggedin","userLoggedin","endpoint","i18n","showProfileSelection","showUnifiedLogin","checkUserLoggedInStateInterval","useMarketwebLogin","environment","appearance","renderHeaderLanguageSelector","languageOptions","length","hideLanguageSelector","language","nativeName","code","twoLetterISOLanguageName","selected","isCurrent","getLanguageVersionUrl","spaMode","renderHeaderSiteSelector","siteSelector","hideSiteSelector","buttontext","buttonText","currentSiteTitle","heading","description","currentSiteDescription","siteSelections","site","linkText","linkDescription","adjustSiteSelectorUrl","pageLink","newwindow","openInNewWindow","pnMarketwebHeaderMainRowCss","PnMarketwebHeaderMainRowStyle0","PnMarketwebHeaderMainRow","renderMenuLink","item","itemid","id","target","linkTarget","linkid","trackingId","promotedMenuItems","children","label","navigationHeading","childitem","promotedMenuItemsHeader","promotedItemId","renderMenuLinks","items","this","renderGroupedMenuLists","primaryItems","sharedItems","hasPrimaryItems","hasSharedItems","hasDivider","renderMenuFooter","slot","render","key","logoUrl","home","menuToggleChangeHandler","siteid","primary","search","hideSearch","minimizeSearch","ref","el","mainNavRefHandler","market","onMenuOpenChange","e","document","body","setAttribute","String","detail","showMenuDivider","pnMarketwebHeaderTopRowCss","PnMarketwebHeaderTopRowStyle0","PnMarketwebHeaderTopRow","getAppearanceForTheme","theme","icononly"],"sources":["src/components/layout-components/pn-marketweb-header/components/shared/pn-marketweb-header-shared.tsx","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.scss?tag=pn-marketweb-header-main-row","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.tsx","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.scss?tag=pn-marketweb-header-top-row","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nimport type {\n    SiteHeaderI18N,\n} from '../../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../../types/pn-marketweb-header.types';\nimport { getLanguageVersionUrl } from '../../utils/header-language';\nimport { HeaderAppearance } from '../../utils/header-theme';\nimport { extractToggleableMenuStructure } from '../../utils/header-toggle-menu';\n\nexport interface HeaderLogoRenderProps {\n    homePageLink?: string;\n    homeLabel: string;\n}\n\nexport interface HeaderMenuToggleRenderProps {\n    vm: HeaderViewModel;\n    activeMenuMode: HeaderMenuMode;\n    navigateOnMenuToggle: boolean;\n    onMenuToggleChange: (e: CustomEvent<HeaderMenuMode>) => void;\n}\n\nexport interface HeaderLoginRenderProps {\n    vm: HeaderViewModel;\n    hideLogin: boolean;\n    userToken: string;\n    userFullname: string;\n    userLoggedin: boolean;\n    endpoint?: string;\n    environment?: string;\n    i18n: SiteHeaderI18N;\n    showProfileSelection: boolean;\n    showUnifiedLogin: boolean;\n    checkUserLoggedInStateInterval: number;\n    useMarketwebLogin: boolean;\n    appearance: HeaderAppearance;\n}\n\nexport interface HeaderLanguageSelectorRenderProps {\n    vm: HeaderViewModel;\n    hideLanguageSelector: boolean;\n    language?: string;\n    spaMode: boolean;\n    appearance: HeaderAppearance;\n}\n\nexport interface HeaderSiteSelectorRenderProps {\n    vm: HeaderViewModel;\n    hideSiteSelector: boolean;\n    language?: string;\n    buttonText?: string;\n    appearance: HeaderAppearance;\n    adjustSiteSelectorUrl: (href: string) => string;\n}\n\nexport function renderHeaderMenuSwitcher(props: HeaderMenuToggleRenderProps) {\n    const structure = extractToggleableMenuStructure(props.vm.rawMenuItems);\n\n    if (!structure.hasMenuSwitching) {\n        return null;\n    }\n\n    const options = structure.menuModeOptions.map(option => ({\n        ...option,\n        href: props.navigateOnMenuToggle ? option.href : undefined,\n    }));\n\n    return (\n        <pn-marketweb-header-toggle\n            value={props.activeMenuMode}\n            options={options}\n            onToggleChange={props.onMenuToggleChange}\n        />\n    );\n}\n\nexport function renderHeaderLogo(props: HeaderLogoRenderProps) {\n    const homePageLink = props.homePageLink ?? '/';\n\n    return (\n        <div class=\"siteheader-logocontainer\">\n            <a\n                href={homePageLink}\n                title={props.homeLabel}\n                aria-label={props.homeLabel}\n                class=\"siteheader-logolink\"\n            >\n                <slot name=\"logo\">\n                    <svg\n                        class=\"siteheader-logo\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"12.7rem\"\n                        height=\"2.4rem\"\n                        viewBox=\"0 0 141.73 26.65\"\n                        role=\"img\"\n                        aria-label=\"PostNord\"\n                    >\n                        <path\n                            d=\"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z\"\n                            fill=\"currentColor\"\n                            transform=\"translate(0 0)\"\n                        ></path>\n                    </svg>\n                </slot>\n            </a>\n        </div>\n    );\n}\n\nexport function renderHeaderLogin(props: HeaderLoginRenderProps) {\n    if (!props.vm.loginDialog || props.hideLogin) {\n        return null;\n    }\n\n\n\n    return (\n        <pn-marketweb-siteheader-login\n            token={props.userToken}\n            siteUrl={props.vm.siteDefinition?.url}\n            fullname={props.userFullname}\n            loggedin={props.userLoggedin}\n            loginDialog={props.vm.loginDialog}\n            endpoint={props.endpoint ?? ''}\n            i18n={props.i18n}\n            showProfileSelection={props.showProfileSelection}\n            showUnifiedLogin={props.showUnifiedLogin}\n            check-user-logged-in-state-interval={props.checkUserLoggedInStateInterval}\n            useMarketwebLogin={props.useMarketwebLogin}\n            environment={props.environment}\n            appearance={props.appearance}\n        ></pn-marketweb-siteheader-login>\n    );\n}\n\nexport function renderHeaderLanguageSelector(props: HeaderLanguageSelectorRenderProps) {\n    if (!props.vm.languageOptions.length || props.hideLanguageSelector) {\n        return null;\n    }\n\n    return (\n        <pn-language-selector value={props.language} appearance={props.appearance}>\n            {props.vm.languageOptions.map(language => (\n                <pn-language-selector-option\n                    name={language.nativeName}\n                    code={language.twoLetterISOLanguageName}\n                    selected={language.isCurrent}\n                    url={getLanguageVersionUrl(language, props.vm.siteDefinition, props.spaMode)}\n                ></pn-language-selector-option>\n            ))}\n        </pn-language-selector>\n    );\n}\n\nexport function renderHeaderSiteSelector(props: HeaderSiteSelectorRenderProps) {\n    if (!props.vm.siteSelector || props.hideSiteSelector) {\n        return null;\n    }\n\n    return (\n        <pn-site-selector\n            language={props.language}\n            buttontext={props.buttonText}\n            appearance={props.appearance}\n        >\n            {props.vm.siteSelector.currentSiteTitle && (\n                <pn-site-selector-item\n                    heading={props.vm.siteSelector.currentSiteTitle}\n                    description={props.vm.siteSelector.currentSiteDescription}\n                ></pn-site-selector-item>\n            )}\n\n            {(props.vm.siteSelector.siteSelections ?? []).map(site => (\n                <pn-site-selector-item\n                    heading={site.linkText}\n                    description={site.linkDescription}\n                    url={props.adjustSiteSelectorUrl(site.href ?? site.pageLink ?? '')}\n                    newwindow={site.openInNewWindow}\n                ></pn-site-selector-item>\n            ))}\n        </pn-site-selector>\n    );\n}","@import \"../../../../globals/main.scss\";\n@import \"./../../pn-marketweb-siteheader/pn-marketweb-siteheader-common.scss\";\n\n$siteheader-breakpoint-tablet: 769px;\n$siteheader-breakpoint-desktop: 1024px;\n\n$siteheader-logo-width-mobile: 12.7rem;\n$siteheader-logo-height-mobile: 2.4rem;\n$siteheader-logo-container-min-height-mobile: 5.6rem;\n\n$siteheader-menu-mobile-offset-top: 0; //was 5.6rem;\n\n$siteheader-space-xxs: 0.3rem;\n$siteheader-space-md: 0.8rem;\n$siteheader-space-xl: 1.2rem;\n$siteheader-space-3xl: 1.6rem;\n\npn-marketweb-header-main-row {\n    display: contents;\n\n    .siteheader-row-main {\n        background-color: var(--siteheader-main-row-bg-mobile, transparent);\n    }\n\n    .siteheader-mobile-left {\n        display: flex;\n        align-items: center;\n        flex: 1 1 auto;\n        min-width: 0;\n        order: 1;\n    }\n\n    .siteheader-mobile-logo {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        min-width: 0;\n        order: 1;\n\n        .siteheader-logocontainer {\n            min-height: $siteheader-logo-container-min-height-mobile;\n            background: transparent;\n            position: static;\n            left: auto;\n            transform: none;\n        }\n\n        .siteheader-logolink {\n            max-height: $siteheader-logo-container-min-height-mobile;\n        }\n\n        .siteheader-logo {\n            display: block;\n            width: auto;\n            max-width: $siteheader-logo-width-mobile;\n            height: $siteheader-logo-height-mobile;\n        }\n    }\n\n    .siteheader-mobile-menu-toggle {\n        display: none;\n        align-items: center;\n    }\n\n    .siteheader-mainnav-middle {\n        display: none;\n        align-items: center;\n        justify-content: flex-end;\n        order: 3;\n\n        > pn-marketweb-siteheader-search {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n        }\n\n        > [slot=\"header-bottom-button\"] {\n            display: contents;\n        }\n    }\n\n    .siteheader-mainnav-menu {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        flex: 0 0 auto;\n        order: 2;        \n    }\n\n    .siteheader-menu {\n        max-width: 100%;\n        overflow: visible;\n\n        pn-mainnav-link a[target] {\n            &::after {\n                content: none;\n            }\n        }\n\n        pn-marketweb-siteheader-search {\n            width: 100%;\n            padding: $siteheader-space-xxs $siteheader-space-3xl;\n        }\n\n        [slot=\"top\"] pn-search-field {\n            width: 100%;\n        }\n\n        nav.mainnav[data-menu-open=\"true\"] > pn-mainnav-level[data-level=\"1\"] {\n            display: block;\n            margin-top: $siteheader-menu-mobile-offset-top;\n            height: calc(100dvh - #{$siteheader-menu-mobile-offset-top});\n            overflow-y: auto;\n            -webkit-overflow-scrolling: touch;\n        }\n    }\n\n    .siteheader-mainnav-groups {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .siteheader-mainnav-list {\n        overflow: visible;\n    }\n\n    .siteheader-mainnav-divider {\n        display: none;\n    }\n\n    .siteheader-menu-footer {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n\n        > * {\n            margin: $siteheader-space-3xl;\n        }\n    }\n}\n\npn-marketweb-header-main-row {\n    body[data-siteheader-menuopen=\"false\"] &,\n    body:not([data-siteheader-menuopen]) & {\n        .siteheader-mobile-logo {\n            display: flex;\n        }\n\n        .siteheader-mobile-menu-toggle {\n            display: none;\n        }\n    }\n\n    body[data-siteheader-menuopen=\"true\"] & {\n        .siteheader-mobile-logo {\n            display: none;\n        }\n\n        .siteheader-mobile-menu-toggle {\n            display: flex;\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-tablet) {\n    pn-marketweb-header-main-row {\n        .siteheader-row-main {\n            background-color: var(--siteheader-main-row-bg-tablet, transparent);\n        }\n\n        .siteheader-mobile-left {\n            display: none;\n        }\n\n        .siteheader-mainnav-middle {\n            display: flex;\n            margin-left: auto;\n        }\n\n        .siteheader-mainnav-menu {\n            justify-content: flex-start;\n        }\n\n        .siteheader-menu-footer {\n            display: none;\n        }\n\n        body[data-siteheader-menuopen=\"false\"] &,\n        body:not([data-siteheader-menuopen]) &,\n        body[data-siteheader-menuopen=\"true\"] & {\n            .siteheader-mobile-logo {\n                display: flex;\n            }\n\n            .siteheader-mobile-menu-toggle {\n                display: none;\n            }\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-desktop) {\n    pn-marketweb-header-main-row {\n        .siteheader-mainnav-groups {\n            display: inline-flex;\n            flex-direction: row;\n            align-items: stretch;\n            vertical-align: top;\n        }\n\n        .siteheader-mainnav-middle {\n            order: 3;\n            margin-left: $siteheader-space-3xl;\n        }\n\n        .siteheader-mainnav-menu {\n            order: 2;\n        }\n\n        .siteheader-menu {\n            margin-top: auto;\n            overflow: visible;\n\n            nav.mainnav[data-menu-open=\"true\"] > pn-mainnav-level[data-level=\"1\"] {\n                margin-top: 0;\n                height: auto;\n                overflow-y: visible;\n            }\n        }\n\n        .siteheader-mainnav-list {\n            display: inline-flex;\n            align-items: stretch;\n            vertical-align: top;\n        }\n\n        .siteheader-mainnav-divider {\n            display: inline-flex;\n            align-self: center;\n            width: 1px;\n            min-height: 4rem;\n            margin: 0 $siteheader-space-md;\n            background: var(--siteheader-mainnav-divider-color, #{$gray200});\n        }\n    }\n}","import {\n    Component,\n    h,\n    Prop,\n} from '@stencil/core';\n\nimport type {\n    MenuItem,\n    PromotedMenuItem,\n    SiteHeaderI18N,\n} from '../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../types/pn-marketweb-header.types';\nimport { promotedItemId } from '../utils/header-menu';\nimport {\n    HeaderAppearance,\n    HeaderTheme,\n} from '../utils/header-theme';\nimport {\n    renderHeaderLanguageSelector,\n    renderHeaderLogin,\n    renderHeaderLogo,\n    renderHeaderMenuSwitcher,\n    renderHeaderSiteSelector,\n} from './shared/pn-marketweb-header-shared';\n\n@Component({\n    tag: 'pn-marketweb-header-main-row',\n    styleUrl: 'pn-marketweb-header-main-row.scss',\n})\nexport class PnMarketwebHeaderMainRow {\n    @Prop() vm!: HeaderViewModel;\n    @Prop() i18n!: SiteHeaderI18N;\n\n    @Prop() market?: string;\n    @Prop() language?: string;\n    @Prop() siteid?: string;\n\n    @Prop() hideSearch!: boolean;\n    @Prop() hideLogin!: boolean;\n    @Prop() hideLanguageSelector!: boolean;\n    @Prop() hideSiteSelector!: boolean;\n\n    @Prop() minimizeSearch!: boolean;\n\n    @Prop() activeMenuMode!: HeaderMenuMode;\n    @Prop() navigateOnMenuToggle!: boolean;\n\n    @Prop() primaryItems!: MenuItem[];\n    @Prop() sharedItems!: MenuItem[];\n    @Prop() showMenuDivider!: boolean;\n\n    @Prop() userToken!: string;\n    @Prop() userFullname!: string;\n    @Prop() userLoggedin!: boolean;\n    @Prop() endpoint?: string;\n    @Prop() environment?: string;\n    @Prop() showProfileSelection!: boolean;\n    @Prop() showUnifiedLogin!: boolean;\n    @Prop() checkUserLoggedInStateInterval!: number;\n    @Prop() useMarketwebLogin!: boolean;\n    @Prop() spaMode!: boolean;\n\n    @Prop() theme: HeaderTheme;\n    @Prop() logoUrl:string;\n\n    @Prop() menuToggleChangeHandler!: (e: CustomEvent<HeaderMenuMode>) => void;\n    @Prop() mainNavRefHandler!: (el: HTMLElement | undefined) => void;\n    @Prop() adjustSiteSelectorUrl!: (href: string) => string;\n\n    private renderMenuLink(item: MenuItem) {\n        return (\n            <pn-mainnav-link\n                name={item.name}\n                href={item.href}\n                itemid={item.id}\n                target={item.linkTarget ?? '_self'}\n                linkid={item.trackingId}\n            >\n                {((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (\n                    <pn-mainnav-level label={item.name}>\n                        {!!item.children?.length && (\n                            <pn-mainnav-list heading={item.navigationHeading ?? ''}>\n                                {item.children.map(childitem => (\n                                    <pn-mainnav-link\n                                        name={childitem.name}\n                                        href={childitem.href}\n                                        target={childitem.linkTarget ?? '_self'}\n                                        linkid={childitem.trackingId}\n                                    ></pn-mainnav-link>\n                                ))}\n                            </pn-mainnav-list>\n                        )}\n\n                        {!!item.promotedMenuItems?.length && (\n                            <pn-mainnav-list heading={item.promotedMenuItemsHeader}>\n                                {item.promotedMenuItems.map((childitem: PromotedMenuItem) => (\n                                    <pn-mainnav-link\n                                        href={childitem.href}\n                                        name={childitem.linkText}\n                                        target={childitem.openInNewWindow ? '_blank' : '_self'}\n                                        linkid={promotedItemId(childitem) + item.id}\n                                    ></pn-mainnav-link>\n                                ))}\n                            </pn-mainnav-list>\n                        )}\n                    </pn-mainnav-level>\n                )}\n            </pn-mainnav-link>\n        );\n    }\n\n    private renderMenuLinks(items: MenuItem[]) {\n        return items.map(item => this.renderMenuLink(item));\n    }\n\n    private renderGroupedMenuLists(primaryItems: MenuItem[], sharedItems: MenuItem[]) {\n        const hasPrimaryItems = primaryItems.length > 0;\n        const hasSharedItems = sharedItems.length > 0;\n        const hasDivider = hasPrimaryItems && hasSharedItems;\n\n        return <div class=\"siteheader-mainnav-groups\">\n            {hasPrimaryItems ? (\n                <pn-mainnav-list class=\"siteheader-mainnav-list siteheader-mainnav-list-primary\">\n                    {this.renderMenuLinks(primaryItems)}\n                </pn-mainnav-list>\n            ) : null}\n\n            {hasDivider ? (\n                <div class=\"siteheader-mainnav-divider\" aria-hidden=\"true\"></div>\n            ) : null}\n\n            {hasSharedItems ? (\n                <pn-mainnav-list class=\"siteheader-mainnav-list siteheader-mainnav-list-shared\">\n                    {this.renderMenuLinks(sharedItems)}\n                </pn-mainnav-list>\n            ) : null}\n        </div>\n    }\n\n    private renderMenuFooter(appearance: HeaderAppearance) {\n        return (\n            <div slot=\"footer\" class=\"siteheader-menu-footer\">\n                <slot name=\"menu-footer-cta\"></slot>\n\n                {renderHeaderLogin({\n                    vm: this.vm,\n                    hideLogin: this.hideLogin,\n                    userToken: this.userToken,\n                    userFullname: this.userFullname,\n                    userLoggedin: this.userLoggedin,\n                    endpoint: this.endpoint,\n                    environment: this.environment,\n                    i18n: this.i18n,\n                    showProfileSelection: this.showProfileSelection,\n                    showUnifiedLogin: this.showUnifiedLogin,\n                    checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n                    useMarketwebLogin: this.useMarketwebLogin,\n                    appearance\n                })}\n\n                {renderHeaderLanguageSelector({\n                    vm: this.vm,\n                    hideLanguageSelector: this.hideLanguageSelector,\n                    language: this.language,\n                    spaMode: this.spaMode,\n                    appearance\n                })}\n\n                {renderHeaderSiteSelector({\n                    vm: this.vm,\n                    hideSiteSelector: this.hideSiteSelector,\n                    language: this.language,\n                    appearance,\n                    adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,\n                })}\n            </div>\n        );\n    }\n\n    render() {\n        // main row's subcomponent have light appearance even if business theme, since white bg\n        const appearance: HeaderAppearance = 'light';               \n        return (\n            <div class=\"siteheader-row siteheader-row-main\">\n                <div class=\"siteheader-mobile-left\">\n                    <div class=\"siteheader-mobile-logo\">\n                        {renderHeaderLogo({\n                            homePageLink: this.logoUrl, //this.vm.homePageLink,\n                            homeLabel: this.i18n.home,\n                        })}\n                    </div>\n\n                    {this.vm.hasMenuSwitching && (\n                        <div class=\"siteheader-mobile-menu-toggle\">\n                            {renderHeaderMenuSwitcher({\n                                vm: this.vm,\n                                activeMenuMode: this.activeMenuMode,\n                                navigateOnMenuToggle: this.navigateOnMenuToggle,\n                                onMenuToggleChange: this.menuToggleChangeHandler,\n                            })}\n                        </div>\n                    )}\n                </div>\n\n                <div class=\"siteheader-mainnav-middle\">\n                    <pn-marketweb-siteheader-search\n                        language={this.language}\n                        siteid={this.siteid}\n                        primary={true}\n                        search={this.vm.search}\n                        hide-search={this.hideSearch}\n                        show-only-link={this.minimizeSearch}\n                        i18n={this.i18n}\n                    ></pn-marketweb-siteheader-search>\n\n                    <slot name=\"header-bottom-button\"></slot>\n                </div>\n\n                <div class=\"siteheader-mainnav-menu\">\n                    <div class=\"siteheader-menu\">\n                        <pn-mainnav\n                            ref={el => {\n                                this.mainNavRefHandler(el as HTMLElement | undefined);\n                            }}\n                            market={this.market}\n                            language={this.language}\n                            onMenuOpenChange={e => {\n                                document.body.setAttribute('data-siteheader-menuopen', String(e.detail));\n                            }}\n                        >\n                            <pn-mainnav-level>\n                                {this.showMenuDivider ? (\n                                    this.renderGroupedMenuLists(this.primaryItems, this.sharedItems)\n                                ) : (\n                                    <pn-mainnav-list>{this.renderMenuLinks(this.primaryItems)}</pn-mainnav-list>\n                                )}\n\n                                {this.renderMenuFooter(appearance)}\n\n                                <div slot=\"top\" class=\"siteheader-menu-top\">\n                                    <pn-marketweb-siteheader-search\n                                        language={this.language}\n                                        siteid={this.siteid}\n                                        search={this.vm.search}\n                                        hide-search={this.hideSearch}\n                                        i18n={this.i18n}\n                                    ></pn-marketweb-siteheader-search>\n                                </div>\n                            </pn-mainnav-level>\n                        </pn-mainnav>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}","@import \"../../../../globals/main.scss\";\n@import \"./../../pn-marketweb-siteheader/pn-marketweb-siteheader-common.scss\";\n\n$siteheader-breakpoint-tablet: 769px;\n$siteheader-breakpoint-desktop: 1024px;\n\n$siteheader-space-lg: 1rem;\n$siteheader-space-2xl: 1.3rem;\n$siteheader-space-3xl: 1.6rem;\n\n$siteheader-logo-container-min-height-desktop: 3em;\n\npn-marketweb-header-top-row {\n    display: contents;\n\n    .siteheader-row-top {\n        border-bottom: 0.1rem solid var(--siteheader-top-row-border-color,#{$gray50});\n        color: var(--siteheader-top-text-color, var(--siteheader-text-color, inherit));\n        background-color: var(--siteheader-top-row-bg, transparent);\n    }\n\n    .siteheader-topleft {\n        display: flex;\n        align-items: center;\n        min-width: 0;\n        gap:rem16(8px);\n\n        pn-marketweb-header-toggle {\n            display: flex;\n            align-items: center;\n            margin-left: $siteheader-space-lg;\n        }\n\n        pn-site-selector {\n            display: none;\n            padding: $siteheader-space-lg 0;\n            margin-left: 0;\n        }\n    }\n\n    .siteheader-topright {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        min-width: 0;\n        margin-right: 0;\n\n        >pn-language-selector,\n        >pn-marketweb-siteheader-login,\n        >a,\n        >button,\n        >[slot=\"header-top-right-start\"],\n        >[slot=\"toprightend\"] {\n            display: none;\n            align-self: center;\n            padding: $siteheader-space-lg 0;\n            margin-left: 0;\n            color: var(--siteheader-top-link-color, inherit);\n        }\n    }\n\n    .siteheader-menu-top-search {\n        display: none;\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-tablet) {\n    pn-marketweb-header-top-row {\n        .siteheader-topleft {\n            pn-site-selector {\n                display: block;\n            }\n        }\n\n        .siteheader-topright {\n\n            >pn-language-selector,\n            >pn-marketweb-siteheader-login,\n            >a,\n            >button,\n            >[slot=\"header-top-right-start\"],\n            >[slot=\"toprightend\"] {\n                display: block;\n                margin-left: $siteheader-space-lg;\n            }\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-desktop) {\n    pn-marketweb-header-top-row {\n        .siteheader-topleft {\n            pn-marketweb-header-toggle {\n                margin-left: $siteheader-space-3xl;\n            }\n\n            pn-site-selector {\n                margin-left: $siteheader-space-2xl;\n            }\n        }\n\n        .siteheader-logocontainer {\n            min-height: $siteheader-logo-container-min-height-desktop;\n            position: absolute;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .siteheader-topright {\n            margin-right: $siteheader-space-3xl;\n\n            >pn-language-selector,\n            >pn-marketweb-siteheader-login,\n            >a,\n            >button,\n            >[slot=\"header-top-right-start\"],\n            >[slot=\"toprightend\"] {\n                margin-left: $siteheader-space-3xl;\n            }\n        }\n    }\n}","import {\n    Component,\n    h,\n    Prop,\n} from '@stencil/core';\n\nimport type {\n    SiteHeaderI18N,\n} from '../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../types/pn-marketweb-header.types';\nimport {\n    getAppearanceForTheme,\n    HeaderTheme,\n} from '../utils/header-theme';\nimport {\n    renderHeaderLanguageSelector,\n    renderHeaderLogin,\n    renderHeaderLogo,\n    renderHeaderMenuSwitcher,\n    renderHeaderSiteSelector,\n} from './shared/pn-marketweb-header-shared';\n\n@Component({\n    tag: 'pn-marketweb-header-top-row',\n    styleUrl: 'pn-marketweb-header-top-row.scss',\n})\nexport class PnMarketwebHeaderTopRow {\n    @Prop() vm!: HeaderViewModel;\n    @Prop() i18n!: SiteHeaderI18N;\n\n    @Prop() language?: string;\n    @Prop() siteid?: string;\n    @Prop() endpoint?: string;\n    @Prop() environment?: string;\n\n    @Prop() userToken!: string;\n    @Prop() userFullname!: string;\n    @Prop() userLoggedin!: boolean;\n\n    @Prop() hideSiteSelector!: boolean;\n    @Prop() hideLanguageSelector!: boolean;\n    @Prop() hideSearch!: boolean;\n    @Prop() hideLogin!: boolean;\n\n    @Prop() showProfileSelection!: boolean;\n    @Prop() showUnifiedLogin!: boolean;\n    @Prop() spaMode!: boolean;\n    @Prop() checkUserLoggedInStateInterval!: number;\n    @Prop() useMarketwebLogin!: boolean;\n\n    @Prop() activeMenuMode!: HeaderMenuMode;\n    @Prop() navigateOnMenuToggle!: boolean;\n\n    @Prop() theme: HeaderTheme;\n    @Prop() logoUrl:string;\n\n    @Prop() menuToggleChangeHandler!: (e: CustomEvent<HeaderMenuMode>) => void;\n    @Prop() adjustSiteSelectorUrl!: (href: string) => string;\n\n    render() {\n        const appearance = getAppearanceForTheme(this.theme);        \n        return (\n            <div class=\"siteheader-row siteheader-row-top\">\n                <div class=\"siteheader-topleft\">\n                    <slot name=\"header-top-left\"></slot>\n\n                    {renderHeaderSiteSelector({\n                        vm: this.vm,\n                        hideSiteSelector: this.hideSiteSelector,\n                        language: this.language,\n                        buttonText: this.vm.siteSelector?.currentSiteTitle ?? 'postnord',\n                        appearance,\n                        adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,\n                    })}\n\n                    {renderHeaderMenuSwitcher({\n                        vm: this.vm,\n                        activeMenuMode: this.activeMenuMode,\n                        navigateOnMenuToggle: this.navigateOnMenuToggle,\n                        onMenuToggleChange: this.menuToggleChangeHandler,\n                    })}\n\n                </div>\n\n                {renderHeaderLogo({\n                    homePageLink: this.logoUrl, //this.vm.homePageLink,\n                    homeLabel: this.i18n.home,\n                })}\n\n                <div class=\"siteheader-topright\">\n                    <slot name=\"header-top-right-start\"></slot>\n\n                    {renderHeaderLogin({\n                        vm: this.vm,\n                        hideLogin: this.hideLogin,\n                        userToken: this.userToken,\n                        userFullname: this.userFullname,\n                        userLoggedin: this.userLoggedin,\n                        endpoint: this.endpoint,\n                        environment: this.environment,\n                        i18n: this.i18n,\n                        showProfileSelection: this.showProfileSelection,\n                        showUnifiedLogin: this.showUnifiedLogin,\n                        checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n                        useMarketwebLogin: this.useMarketwebLogin,\n                        appearance\n                    })}\n\n                    {renderHeaderLanguageSelector({\n                        vm: this.vm,\n                        hideLanguageSelector: this.hideLanguageSelector,\n                        language: this.language,\n                        spaMode: this.spaMode,\n                        appearance\n                    })}\n\n                    <slot name=\"toprightend\"></slot>\n\n                    <div class=\"siteheader-menu-top-search\">\n                        <pn-marketweb-siteheader-search\n                            language={this.language}\n                            siteid={this.siteid}\n                            search={this.vm.search}\n                            hide-search={this.hideSearch}\n                            i18n={this.i18n}\n                            icononly={true}\n                        ></pn-marketweb-siteheader-search>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}"],"mappings":"6GA0DgBA,EAAyBC,GACrC,MAAMC,EAAYC,EAA+BF,EAAMG,GAAGC,cAE1D,IAAKH,EAAUI,iBAAkB,CAC7B,OAAO,I,CAGX,MAAMC,EAAUL,EAAUM,gBAAgBC,KAAIC,IAAM,IAC7CA,EACHC,KAAMV,EAAMW,qBAAuBF,EAAOC,KAAOE,cAGrD,OACIC,EAAA,8BACIC,MAAOd,EAAMe,eACbT,QAASA,EACTU,eAAgBhB,EAAMiB,oBAGlC,C,SAEgBC,EAAiBlB,GAC7B,MAAMmB,EAAenB,EAAMmB,cAAgB,IAE3C,OACIN,EAAA,OAAKO,MAAM,4BACPP,EAAA,KACIH,KAAMS,EACNE,MAAOrB,EAAMsB,UAAS,aACVtB,EAAMsB,UAClBF,MAAM,uBAENP,EAAA,QAAMU,KAAK,QACPV,EAAA,OACIO,MAAM,kBACNI,MAAM,6BACNC,MAAM,UACNC,OAAO,SACPC,QAAQ,mBACRC,KAAK,MAAK,aACC,YAEXf,EAAA,QACIgB,EAAE,2+CACFC,KAAK,eACLC,UAAU,sBAOtC,C,SAEgBC,EAAkBhC,GAC9B,IAAKA,EAAMG,GAAG8B,aAAejC,EAAMkC,UAAW,CAC1C,OAAO,I,CAKX,OACIrB,EAAA,iCACIsB,MAAOnC,EAAMoC,UACbC,QAASrC,EAAMG,GAAGmC,gBAAgBC,IAClCC,SAAUxC,EAAMyC,aAChBC,SAAU1C,EAAM2C,aAChBV,YAAajC,EAAMG,GAAG8B,YACtBW,SAAU5C,EAAM4C,UAAY,GAC5BC,KAAM7C,EAAM6C,KACZC,qBAAsB9C,EAAM8C,qBAC5BC,iBAAkB/C,EAAM+C,iBAAgB,sCACH/C,EAAMgD,+BAC3CC,kBAAmBjD,EAAMiD,kBACzBC,YAAalD,EAAMkD,YACnBC,WAAYnD,EAAMmD,YAG9B,C,SAEgBC,EAA6BpD,GACzC,IAAKA,EAAMG,GAAGkD,gBAAgBC,QAAUtD,EAAMuD,qBAAsB,CAChE,OAAO,I,CAGX,OACI1C,EAAA,wBAAsBC,MAAOd,EAAMwD,SAAUL,WAAYnD,EAAMmD,YAC1DnD,EAAMG,GAAGkD,gBAAgB7C,KAAIgD,GAC1B3C,EAAA,+BACIU,KAAMiC,EAASC,WACfC,KAAMF,EAASG,yBACfC,SAAUJ,EAASK,UACnBtB,IAAKuB,EAAsBN,EAAUxD,EAAMG,GAAGmC,eAAgBtC,EAAM+D,aAKxF,C,SAEgBC,EAAyBhE,GACrC,IAAKA,EAAMG,GAAG8D,cAAgBjE,EAAMkE,iBAAkB,CAClD,OAAO,I,CAGX,OACIrD,EAAA,oBACI2C,SAAUxD,EAAMwD,SAChBW,WAAYnE,EAAMoE,WAClBjB,WAAYnD,EAAMmD,YAEjBnD,EAAMG,GAAG8D,aAAaI,kBACnBxD,EAAA,yBACIyD,QAAStE,EAAMG,GAAG8D,aAAaI,iBAC/BE,YAAavE,EAAMG,GAAG8D,aAAaO,0BAIzCxE,EAAMG,GAAG8D,aAAaQ,gBAAkB,IAAIjE,KAAIkE,GAC9C7D,EAAA,yBACIyD,QAASI,EAAKC,SACdJ,YAAaG,EAAKE,gBAClBrC,IAAKvC,EAAM6E,sBAAsBH,EAAKhE,MAAQgE,EAAKI,UAAY,IAC/DC,UAAWL,EAAKM,oBAKpC,CCzLA,MAAMC,EAA8B,6qKACpC,MAAAC,EAAeD,E,MC+BFE,EAAwB,M,u3BAwCzB,cAAAC,CAAeC,GACnB,OACIxE,EAAA,mBACIU,KAAM8D,EAAK9D,KACXb,KAAM2E,EAAK3E,KACX4E,OAAQD,EAAKE,GACbC,OAAQH,EAAKI,YAAc,QAC3BC,OAAQL,EAAKM,aAEVN,EAAKO,mBAAqBP,EAAKO,kBAAkBtC,OAAS,GAAO+B,EAAKQ,UAAYR,EAAKQ,SAASvC,OAAS,IACxGzC,EAAA,oBAAkBiF,MAAOT,EAAK9D,QACvB8D,EAAKQ,UAAUvC,QACdzC,EAAA,mBAAiByD,QAASe,EAAKU,mBAAqB,IAC/CV,EAAKQ,SAASrF,KAAIwF,GACfnF,EAAA,mBACIU,KAAMyE,EAAUzE,KAChBb,KAAMsF,EAAUtF,KAChB8E,OAAQQ,EAAUP,YAAc,QAChCC,OAAQM,EAAUL,kBAM/BN,EAAKO,mBAAmBtC,QACvBzC,EAAA,mBAAiByD,QAASe,EAAKY,yBAC1BZ,EAAKO,kBAAkBpF,KAAKwF,GACzBnF,EAAA,mBACIH,KAAMsF,EAAUtF,KAChBa,KAAMyE,EAAUrB,SAChBa,OAAQQ,EAAUhB,gBAAkB,SAAW,QAC/CU,OAAQQ,EAAeF,GAAaX,EAAKE,S,CAWrE,eAAAY,CAAgBC,GACpB,OAAOA,EAAM5F,KAAI6E,GAAQgB,KAAKjB,eAAeC,I,CAGzC,sBAAAiB,CAAuBC,EAA0BC,GACrD,MAAMC,EAAkBF,EAAajD,OAAS,EAC9C,MAAMoD,EAAiBF,EAAYlD,OAAS,EAC5C,MAAMqD,EAAaF,GAAmBC,EAEtC,OAAO7F,EAAA,OAAKO,MAAM,6BACbqF,EACG5F,EAAA,mBAAiBO,MAAM,2DAClBiF,KAAKF,gBAAgBI,IAE1B,KAEHI,EACG9F,EAAA,OAAKO,MAAM,6BAA4B,cAAa,SACpD,KAEHsF,EACG7F,EAAA,mBAAiBO,MAAM,0DAClBiF,KAAKF,gBAAgBK,IAE1B,K,CAIJ,gBAAAI,CAAiBzD,GACrB,OACItC,EAAA,OAAKgG,KAAK,SAASzF,MAAM,0BACrBP,EAAA,QAAMU,KAAK,oBAEVS,EAAkB,CACf7B,GAAIkG,KAAKlG,GACT+B,UAAWmE,KAAKnE,UAChBE,UAAWiE,KAAKjE,UAChBK,aAAc4D,KAAK5D,aACnBE,aAAc0D,KAAK1D,aACnBC,SAAUyD,KAAKzD,SACfM,YAAamD,KAAKnD,YAClBL,KAAMwD,KAAKxD,KACXC,qBAAsBuD,KAAKvD,qBAC3BC,iBAAkBsD,KAAKtD,iBACvBC,+BAAgCqD,KAAKrD,+BACrCC,kBAAmBoD,KAAKpD,kBACxBE,eAGHC,EAA6B,CAC1BjD,GAAIkG,KAAKlG,GACToD,qBAAsB8C,KAAK9C,qBAC3BC,SAAU6C,KAAK7C,SACfO,QAASsC,KAAKtC,QACdZ,eAGHa,EAAyB,CACtB7D,GAAIkG,KAAKlG,GACT+D,iBAAkBmC,KAAKnC,iBACvBV,SAAU6C,KAAK7C,SACfL,aACA0B,sBAAuBwB,KAAKxB,wB,CAM5C,MAAAiC,GAEI,MAAM3D,EAA+B,QACrC,OACItC,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,sCACPP,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,0BACPP,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,0BACNF,EAAiB,CACdC,aAAckF,KAAKW,QACnB1F,UAAW+E,KAAKxD,KAAKoE,QAI5BZ,KAAKlG,GAAGE,kBACLQ,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,iCACNrB,EAAyB,CACtBI,GAAIkG,KAAKlG,GACTY,eAAgBsF,KAAKtF,eACrBJ,qBAAsB0F,KAAK1F,qBAC3BM,mBAAoBoF,KAAKa,4BAMzCrG,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,6BACPP,EAAA,kCAAAkG,IAAA,2CACIvD,SAAU6C,KAAK7C,SACf2D,OAAQd,KAAKc,OACbC,QAAS,KACTC,OAAQhB,KAAKlG,GAAGkH,OAAM,cACThB,KAAKiB,WAAU,iBACZjB,KAAKkB,eACrB1E,KAAMwD,KAAKxD,OAGfhC,EAAA,QAAAkG,IAAA,2CAAMxF,KAAK,0BAGfV,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,2BACPP,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,mBACPP,EAAA,cAAAkG,IAAA,2CACIS,IAAKC,IACDpB,KAAKqB,kBAAkBD,EAA8B,EAEzDE,OAAQtB,KAAKsB,OACbnE,SAAU6C,KAAK7C,SACfoE,iBAAkBC,IACdC,SAASC,KAAKC,aAAa,2BAA4BC,OAAOJ,EAAEK,QAAQ,GAG5ErH,EAAA,oBAAAkG,IAAA,4CACKV,KAAK8B,gBACF9B,KAAKC,uBAAuBD,KAAKE,aAAcF,KAAKG,aAEpD3F,EAAA,uBAAkBwF,KAAKF,gBAAgBE,KAAKE,eAG/CF,KAAKO,iBAAiBzD,GAEvBtC,EAAA,OAAAkG,IAAA,2CAAKF,KAAK,MAAMzF,MAAM,uBAClBP,EAAA,kCAAAkG,IAAA,2CACIvD,SAAU6C,KAAK7C,SACf2D,OAAQd,KAAKc,OACbE,OAAQhB,KAAKlG,GAAGkH,OAAM,cACThB,KAAKiB,WAClBzE,KAAMwD,KAAKxD,Y,aCxPnD,MAAMuF,EAA6B,mkGACnC,MAAAC,EAAeD,E,MC4BFE,EAAuB,M,4sBAiChC,MAAAxB,GACI,MAAM3D,EAAaoF,EAAsBlC,KAAKmC,OAC9C,OACI3H,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,qCACPP,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,sBACPP,EAAA,QAAAkG,IAAA,2CAAMxF,KAAK,oBAEVyC,EAAyB,CACtB7D,GAAIkG,KAAKlG,GACT+D,iBAAkBmC,KAAKnC,iBACvBV,SAAU6C,KAAK7C,SACfY,WAAYiC,KAAKlG,GAAG8D,cAAcI,kBAAoB,WACtDlB,aACA0B,sBAAuBwB,KAAKxB,wBAG/B9E,EAAyB,CACtBI,GAAIkG,KAAKlG,GACTY,eAAgBsF,KAAKtF,eACrBJ,qBAAsB0F,KAAK1F,qBAC3BM,mBAAoBoF,KAAKa,2BAKhChG,EAAiB,CACdC,aAAckF,KAAKW,QACnB1F,UAAW+E,KAAKxD,KAAKoE,OAGzBpG,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,uBACPP,EAAA,QAAAkG,IAAA,2CAAMxF,KAAK,2BAEVS,EAAkB,CACf7B,GAAIkG,KAAKlG,GACT+B,UAAWmE,KAAKnE,UAChBE,UAAWiE,KAAKjE,UAChBK,aAAc4D,KAAK5D,aACnBE,aAAc0D,KAAK1D,aACnBC,SAAUyD,KAAKzD,SACfM,YAAamD,KAAKnD,YAClBL,KAAMwD,KAAKxD,KACXC,qBAAsBuD,KAAKvD,qBAC3BC,iBAAkBsD,KAAKtD,iBACvBC,+BAAgCqD,KAAKrD,+BACrCC,kBAAmBoD,KAAKpD,kBACxBE,eAGHC,EAA6B,CAC1BjD,GAAIkG,KAAKlG,GACToD,qBAAsB8C,KAAK9C,qBAC3BC,SAAU6C,KAAK7C,SACfO,QAASsC,KAAKtC,QACdZ,eAGJtC,EAAA,QAAAkG,IAAA,2CAAMxF,KAAK,gBAEXV,EAAA,OAAAkG,IAAA,2CAAK3F,MAAM,8BACPP,EAAA,kCAAAkG,IAAA,2CACIvD,SAAU6C,KAAK7C,SACf2D,OAAQd,KAAKc,OACbE,OAAQhB,KAAKlG,GAAGkH,OAAM,cACThB,KAAKiB,WAClBzE,KAAMwD,KAAKxD,KACX4F,SAAU,S","ignoreList":[]}

package/pn-market-web-components/{p-12cafd55.entry.js → p-3aa74418.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:"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
+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:"627721ae04a62c2a16152447d638316a51294458",role:"listitem",name:this.name,href:this.href,linkid:this.linkid,current:this.currentSelection},e(n,{key:"a880e891b1b492de3aab6ddbe545813d7f19bc36",...i,...n==="button"&&{...a}},this.icon?e("pn-icon",{icon:this.icon,color:"blue700"}):null,e("span",{key:"b7af868d3e176625ca8257a776c47a51aecf190f"},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:"f51e68801df4dc3214b1e4d1da801c15a056a9f6"}))}};p.style=d;export{p as pn_sidenav_link};
+//# sourceMappingURL=p-3aa74418.entry.js.map

package/pn-market-web-components/p-3d27faee.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,d as n}from"./p-b3a13b6a.js";import{a as i}from"./p-aca71066.js";import{o as d}from"./p-c40f1e9a.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-product-card{border:0.1rem solid #d3cecb;outline:none;background:#ffffff;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;flex-direction:column;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{flex-direction:row;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:"" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em;font-size:0.8em}pn-product-card [slot=additionalUSP]{display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#d3cecb;color:#2d2013;border-radius:0.25em;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;align-self:center;position:absolute;top:1.6rem;transform:translateX(-50%);left:50%;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{box-shadow:none;top:1.6rem;right:1.6rem;left:auto;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:flex;flex-direction:column;justify-content:center;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:flex;flex-direction:column;justify-content:center;padding:0.6em;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:"" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005d92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;flex-grow:2;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-card .info{display:flex;justify-content:space-between;flex-grow:1;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}';const r=o;const a=class{constructor(t){e(this,t)}render(){return t(n,{key:"5116432bd6fc1d3fcd8d53d896077b1f997a645a"},t("slot",{key:"cd0044824355251b16c50cad0ebe5955e9b72073",name:"illustration"}),t("div",{key:"8d7d58ec7366d581a8d47440a93d82817e5ef0e6",class:"cardcontent"},t("div",{key:"223029dec3be53bb0611c234f5ca9bd07b76eaf7",class:"details"},t("slot",{key:"2f5162824e79101ecc72a57e4d700009fdc09188",name:"title"}),t("slot",{key:"f4a70b5241d3f5ba5f0cb50420a7a6aef1887a2b",name:"content"}),t("div",{key:"d52f2dca6d2c1e030ceb856e96d9322ea328097d",class:"info"},t("slot",{key:"8da36dc8a10cdca8b71c1665d6a2ba932dfb6180"})),t("slot",{key:"59434ede8cc1c9d964577d11452032c88897ad17",name:"note"}),t("slot",{key:"f44fe8694fa6b9e35347173b7f29e1f768e3ccaa",name:"additionalUSP"})),t("div",{key:"4e843e67e507f14a5056378f38f196e4e9462ea7",class:"cardprice"},t("slot",{key:"13a0e375c5cdbfdd93658e8999db9bc5cb90f822",name:"cardprice"}),t("slot",{key:"81c53d1c9b6386c5dd2cfe337cd44803cd8a17fb",name:"mobiledownload"}),t("slot",{key:"f7c12c602e72ba15efea2a673554810172b3e129",name:"servicepoint"}))))}};a.style=r;const c='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-product-card-info{align-self:center}.cardinfocontent{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;font-size:0.875em;gap:1.6rem}@media screen and (min-width: 36em){.cardinfocontent{flex-direction:row}}.cardinfocontent>div p{margin:0.25em 0.25em 0 0}.cardinfocontent-item{margin-top:0.5em}[slot=formatPre]{font-family:"PostNordSans", "Verdana";margin:0.5em 3em 0 0}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:flex;font-size:1em;flex-direction:row;justify-content:center;flex-grow:1}';const p=c;const l=class{constructor(t){e(this,t);this.rulle=undefined;this.paket=undefined;this.label=undefined;this.text=undefined}render(){return this.label?t(n,null,t("div",{class:"cardinfocontent"},this.text?t("pre",{slot:"formatPre"},this.text):null)):t(n,null,t("div",{class:"cardinfocontent"},this.paket?t("div",{class:"cardinfocontent-item"},t("strong",null,"Maxmått"),this.paket.split("/").map((e=>e.split(":").length>1?t("p",null,t("strong",null,e.split(":")[0]+": ")," ",e.split(":")[1]):t("p",null,e)))):null,this.rulle?t("div",{class:"cardinfocontent-item"},t("strong",null,"Rulle"),this.rulle.split("/").map((e=>e.split(":").length>0?t("p",null,t("strong",null,e.split(":")[0]+": ")," ",e.split(":")[1]):t("p",null,e)))):null))}};t("pn-icon",{icon:i,small:"false",color:"black"});l.style=p;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-product-card-price{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-right:0}pn-product-card-price pn-icon{display:inline-block;align-self:center}pn-product-card-price .price{font-size:2.5em;font-weight:bold;order:1}pn-product-card-price pn-button{min-width:12.8em;font-size:1.25;order:2}@media screen and (min-width: 48em){pn-product-card-price pn-button{order:3;margin-bottom:1.6rem}}pn-product-card-price p{font-weight:lighter;font-size:0.875em;align-self:center;margin-top:0.8rem;order:3}@media screen and (min-width: 48em){pn-product-card-price p{order:2}}";const m=s;const f=class{constructor(t){e(this,t);this.label=undefined;this.amount=undefined;this.currency=undefined;this.note=undefined;this.url=undefined;this.service=undefined;this.linkid=undefined}render(){if(!this.amount){return}return this.url?t(n,{id:this.linkid},t("div",{class:"price"},this.amount?t("span",null,this.amount):null,this.currency?t("span",null," "+this.currency):null),this.note?t("p",null,this.note):null,this.label?t("pn-button",{id:"pricecta-"+this.linkid,small:"true",icon:d,appearance:"light",href:this.url,target:"_blank"},this.label):null):t(n,null,t("div",{class:"price"},this.amount?t("span",null,this.amount):null,this.currency?t("span",null,this.currency):null))}};f.style=m;export{a as pn_product_card,l as pn_product_card_info,f as pn_product_card_price};
+//# sourceMappingURL=p-3d27faee.entry.js.map

package/pn-market-web-components/{p-9d0ca27b.entry.js.map → p-3d27faee.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProductCardCss","PnProductCardStyle0","PnProductCard","render","h","Host","key","name","class","pnProductCardInfoCss","PnProductCardInfoStyle0","PnProductCardInfo","this","label","text","slot","paket","split","map","item","length","rulle","icon","align_center","small","color","pnProductCardPriceCss","PnProductCardPriceStyle0","PnProductCardPrice","amount","url","id","linkid","currency","note","open_in_new","appearance","href","target"],"sources":["src/components/widgets/pn-product-card/pn-product-card.scss?tag=pn-product-card","src/components/widgets/pn-product-card/pn-product-card.tsx","src/components/widgets/pn-product-card/pn-product-card-info.scss?tag=pn-product-card-info","src/components/widgets/pn-product-card/pn-product-card-info.tsx","src/components/widgets/pn-product-card/pn-product-card-price.scss?tag=pn-product-card-price","src/components/widgets/pn-product-card/pn-product-card-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card {\n  border: 0.1rem solid $gray200;\n  outline: none;\n  background: $white;\n  box-shadow:\n    0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n    0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n  display: flex;\n  word-break: break-word;\n  text-decoration: none;\n  border-radius: 0.8rem;\n  position: relative;\n  padding: 11rem 2.4rem 2.4rem;\n  margin-bottom: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    padding: 2.4rem;\n  }\n\n  [slot='title'] {\n    display: flex;\n    width: 100%;\n    margin-bottom: 0.8rem;\n    gap: 1.6rem;\n    flex-direction: column;\n    align-items: center;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      align-items: inherit;\n    }\n    h2 {\n      width: 100%;\n      @media screen and (min-width: $productcard-media-oversmallmobile) {\n        width: auto;\n      }\n\n      > a {\n        color: $black;\n        &::after {\n          content: '' !important;\n        }\n      }\n    }\n  }\n\n  [slot='note'] {\n    margin-top: 1em;\n    margin-bottom: 1em;\n    font-size: 0.8em;\n  }\n\n  [slot='additionalUSP'] {\n    display: flex;\n\n    :first-child {\n      margin-left: 0em;\n    }\n\n    span {\n      margin-left: 1em;\n      background: $gray200;\n      color: $gray900;\n      border-radius: 0.25em;\n      width: fit-content;\n      padding: 0.3em;\n      margin-top: 0.5em;\n      font-size: 0.75em;\n    }\n  }\n\n  > pn-illustration {\n    min-width: 8rem;\n    width: 8rem;\n    height: 8rem;\n    align-self: center;\n    position: absolute;\n    top: 1.6rem;\n    transform: translateX(-50%);\n    left: 50%;\n    box-shadow:\n      0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n      0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n    border-radius: 100%;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      box-shadow: none;\n      top: 1.6rem;\n      right: 1.6rem;\n      left: auto;\n      transform: none;\n    }\n    @media screen and (min-width: $productcard-media-tablet) {\n      position: static;\n      top: auto;\n      right: auto;\n      margin-right: 3rem;\n    }\n  }\n\n  .cardcontent {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 1;\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: row;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='cardprice'] {\n    display: flex;\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0.6em;\n    flex-grow: 1;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  [slot='mobiledownload'] {\n    margin-top: 1rem;\n    white-space: nowrap;\n    text-align: center;\n\n    display: flex;\n    flex-direction: column;\n\n    #riktiga {\n      order: 4;\n      margin-top: 1em;\n\n      > div {\n        > a {\n          &::after {\n            content: '' !important;\n          }\n        }\n      }\n    }\n    .riktigaAndroidImg {\n      width: 6em;\n      margin: 0.5em;\n    }\n\n    .riktigaAppleImg {\n      width: 5.6em;\n      margin: 0.5em;\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      h3 {\n        text-decoration: underline;\n      }\n    }\n  }\n  [slot='servicepoint'] {\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 2;\n    align-items: flex-end;\n    text-align: center;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .info {\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    flex-flow: wrap;\n\n    > * {\n      min-width: 6em;\n      margin: 0.5em 1em 0.5em 0;\n    }\n\n    padding: 0 1em 0 0;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-product-card',\n  styleUrl: 'pn-product-card.scss',\n})\nexport class PnProductCard {\n  render() {\n    return (\n      <Host>\n        <slot name=\"illustration\" />\n        <div class=\"cardcontent\">\n          <div class=\"details\">\n            <slot name=\"title\" />\n            <slot name=\"content\" />\n            <div class=\"info\">\n              <slot />\n            </div>\n            <slot name=\"note\" />\n            <slot name=\"additionalUSP\" />\n          </div>\n          <div class=\"cardprice\">\n            <slot name=\"cardprice\" />\n            <slot name=\"mobiledownload\"></slot>\n            <slot name=\"servicepoint\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-info {\n  align-self: center;\n}\n\n.cardinfocontent {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n  font-size: 0.875em;\n  gap: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    flex-direction: row;\n  }\n  > div p {\n    margin: 0.25em 0.25em 0 0;\n  }\n}\n\n.cardinfocontent-item {\n  margin-top: 0.5em;\n}\n[slot='formatPre'] {\n  font-family: 'PostNordSans', 'Verdana';\n  > strong {\n    font-weight: bold;\n  }\n  margin: 0.5em 3em 0 0;\n}\n\n.cardinfoprice {\n  display: flex;\n  font-size: 1em;\n  flex-direction: row;\n  justify-content: center;\n  flex-grow: 1;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-info',\n  styleUrl: 'pn-product-card-info.scss',\n})\nexport class PnProductCardInfo {\n  @Prop() rulle: string;\n  @Prop() paket: string;\n  @Prop() label: string;\n  @Prop() text: string;\n\n  render() {\n    return this.label ? (\n      <Host>\n        <div class=\"cardinfocontent\">{this.text ? <pre slot=\"formatPre\">{this.text}</pre> : null}</div>\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"cardinfocontent\">\n          {this.paket ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Maxmått</strong>\n              {this.paket.split('/').map(item =>\n                item.split(':').length > 1 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n          {this.rulle ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Rulle</strong>\n              {this.rulle.split('/').map(item =>\n                item.split(':').length > 0 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-price {\n  margin-top: 1rem;\n  white-space: nowrap;\n  text-align: center;\n\n  display: flex;\n  flex-direction: column;\n\n  span:last-child {\n    display: inline-block;\n    margin-left: 0.2em;\n  }\n  & + pn-product-card-price {\n    margin-right: 0;\n  }\n\n  pn-icon {\n    display: inline-block;\n    align-self: center;\n  }\n\n  .price {\n    font-size: 2.5em;\n    font-weight: bold;\n    order: 1;\n  }\n  pn-button {\n    min-width: 12.8em;\n    font-size: 1.25;\n    order: 2;\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 3;\n      margin-bottom: 1.6rem;\n    }\n  }\n\n  p {\n    font-weight: lighter;\n    font-size: 0.875em;\n    align-self: center;\n    margin-top: 0.8rem;\n    order: 3;\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 2;\n    }\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-price',\n  styleUrl: 'pn-product-card-price.scss',\n})\nexport class PnProductCardPrice {\n  @Prop() label: string;\n  @Prop() amount: string;\n  @Prop() currency: string;\n  @Prop() note: string;\n  @Prop() url: string;\n  @Prop() service: string;\n  @Prop() linkid: string;\n\n  render() {\n    if (!this.amount) {\n      return;\n    }\n    return this.url ? (\n      <Host id={this.linkid}>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{' ' + this.currency}</span> : null}\n        </div>\n        {this.note ? <p>{this.note}</p> : null}\n        {this.label ? (\n          <pn-button id={'pricecta-' + this.linkid} small=\"true\" icon={open_in_new} appearance=\"light\" href={this.url} target=\"_blank\">\n            {this.label}\n          </pn-button>\n        ) : null}\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAmB,02HACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,iBACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,SACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBAEbH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,cACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mB,aCxBvB,MAAME,EAAuB,k7BAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,M,4GAM5B,MAAAR,GACE,OAAOS,KAAKC,MACVT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBAAmBI,KAAKE,KAAOV,EAAA,OAAKW,KAAK,aAAaH,KAAKE,MAAc,OAGtFV,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBACRI,KAAKI,MACJZ,EAAA,OAAKI,MAAM,wBACTJ,EAAA,yBACCQ,KAAKI,MAAMC,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,KACHP,KAAKS,MACJjB,EAAA,OAAKI,MAAM,wBACTJ,EAAA,uBACCQ,KAAKS,MAAMJ,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,M,GAMdf,EAAA,WAASkB,KAAMC,EAAcC,MAAM,QAAQC,MAAM,U,UCtDjD,MAAMC,EAAwB,qnCAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,gLAS7B,MAAAzB,GACE,IAAKS,KAAKiB,OAAQ,CAChB,M,CAEF,OAAOjB,KAAKkB,IACV1B,EAACC,EAAI,CAAC0B,GAAInB,KAAKoB,QACb5B,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAO,IAAMQ,KAAKqB,UAAmB,MAEvDrB,KAAKsB,KAAO9B,EAAA,SAAIQ,KAAKsB,MAAY,KACjCtB,KAAKC,MACJT,EAAA,aAAW2B,GAAI,YAAcnB,KAAKoB,OAAQR,MAAM,OAAOF,KAAMa,EAAaC,WAAW,QAAQC,KAAMzB,KAAKkB,IAAKQ,OAAO,UACjH1B,KAAKC,OAEN,MAGNT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAOQ,KAAKqB,UAAmB,M","ignoreList":[]}
+{"version":3,"names":["pnProductCardCss","PnProductCardStyle0","PnProductCard","render","h","Host","key","name","class","pnProductCardInfoCss","PnProductCardInfoStyle0","PnProductCardInfo","this","label","text","slot","paket","split","map","item","length","rulle","icon","align_center","small","color","pnProductCardPriceCss","PnProductCardPriceStyle0","PnProductCardPrice","amount","url","id","linkid","currency","note","open_in_new","appearance","href","target"],"sources":["src/components/widgets/pn-product-card/pn-product-card.scss?tag=pn-product-card","src/components/widgets/pn-product-card/pn-product-card.tsx","src/components/widgets/pn-product-card/pn-product-card-info.scss?tag=pn-product-card-info","src/components/widgets/pn-product-card/pn-product-card-info.tsx","src/components/widgets/pn-product-card/pn-product-card-price.scss?tag=pn-product-card-price","src/components/widgets/pn-product-card/pn-product-card-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card {\n  border: 0.1rem solid $gray200;\n  outline: none;\n  background: $white;\n  box-shadow:\n    0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n    0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n  display: flex;\n  word-break: break-word;\n  text-decoration: none;\n  border-radius: 0.8rem;\n  position: relative;\n  padding: 11rem 2.4rem 2.4rem;\n  margin-bottom: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    padding: 2.4rem;\n  }\n\n  [slot='title'] {\n    display: flex;\n    width: 100%;\n    margin-bottom: 0.8rem;\n    gap: 1.6rem;\n    flex-direction: column;\n    align-items: center;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      align-items: inherit;\n    }\n    h2 {\n      width: 100%;\n      @media screen and (min-width: $productcard-media-oversmallmobile) {\n        width: auto;\n      }\n\n      > a {\n        color: $black;\n        &::after {\n          content: '' !important;\n        }\n      }\n    }\n  }\n\n  [slot='note'] {\n    margin-top: 1em;\n    margin-bottom: 1em;\n    font-size: 0.8em;\n  }\n\n  [slot='additionalUSP'] {\n    display: flex;\n\n    :first-child {\n      margin-left: 0em;\n    }\n\n    span {\n      margin-left: 1em;\n      background: $gray200;\n      color: $gray900;\n      border-radius: 0.25em;\n      width: fit-content;\n      padding: 0.3em;\n      margin-top: 0.5em;\n      font-size: 0.75em;\n    }\n  }\n\n  > pn-illustration {\n    min-width: 8rem;\n    width: 8rem;\n    height: 8rem;\n    align-self: center;\n    position: absolute;\n    top: 1.6rem;\n    transform: translateX(-50%);\n    left: 50%;\n    box-shadow:\n      0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n      0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n    border-radius: 100%;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      box-shadow: none;\n      top: 1.6rem;\n      right: 1.6rem;\n      left: auto;\n      transform: none;\n    }\n    @media screen and (min-width: $productcard-media-tablet) {\n      position: static;\n      top: auto;\n      right: auto;\n      margin-right: 3rem;\n    }\n  }\n\n  .cardcontent {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 1;\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: row;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='cardprice'] {\n    display: flex;\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0.6em;\n    flex-grow: 1;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  [slot='mobiledownload'] {\n    margin-top: 1rem;\n    white-space: nowrap;\n    text-align: center;\n\n    display: flex;\n    flex-direction: column;\n\n    #riktiga {\n      order: 4;\n      margin-top: 1em;\n\n      > div {\n        > a {\n          &::after {\n            content: '' !important;\n          }\n        }\n      }\n    }\n    .riktigaAndroidImg {\n      width: 6em;\n      margin: 0.5em;\n    }\n\n    .riktigaAppleImg {\n      width: 5.6em;\n      margin: 0.5em;\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      h3 {\n        text-decoration: underline;\n      }\n    }\n  }\n  [slot='servicepoint'] {\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 2;\n    align-items: flex-end;\n    text-align: center;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .info {\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    flex-flow: wrap;\n\n    > * {\n      min-width: 6em;\n      margin: 0.5em 1em 0.5em 0;\n    }\n\n    padding: 0 1em 0 0;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-product-card',\n  styleUrl: 'pn-product-card.scss',\n})\nexport class PnProductCard {\n  render() {\n    return (\n      <Host>\n        <slot name=\"illustration\" />\n        <div class=\"cardcontent\">\n          <div class=\"details\">\n            <slot name=\"title\" />\n            <slot name=\"content\" />\n            <div class=\"info\">\n              <slot />\n            </div>\n            <slot name=\"note\" />\n            <slot name=\"additionalUSP\" />\n          </div>\n          <div class=\"cardprice\">\n            <slot name=\"cardprice\" />\n            <slot name=\"mobiledownload\"></slot>\n            <slot name=\"servicepoint\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-info {\n  align-self: center;\n}\n\n.cardinfocontent {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n  font-size: 0.875em;\n  gap: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    flex-direction: row;\n  }\n  > div p {\n    margin: 0.25em 0.25em 0 0;\n  }\n}\n\n.cardinfocontent-item {\n  margin-top: 0.5em;\n}\n[slot='formatPre'] {\n  font-family: 'PostNordSans', 'Verdana';\n  > strong {\n    font-weight: bold;\n  }\n  margin: 0.5em 3em 0 0;\n}\n\n.cardinfoprice {\n  display: flex;\n  font-size: 1em;\n  flex-direction: row;\n  justify-content: center;\n  flex-grow: 1;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-info',\n  styleUrl: 'pn-product-card-info.scss',\n})\nexport class PnProductCardInfo {\n  @Prop() rulle: string;\n  @Prop() paket: string;\n  @Prop() label: string;\n  @Prop() text: string;\n\n  render() {\n    return this.label ? (\n      <Host>\n        <div class=\"cardinfocontent\">{this.text ? <pre slot=\"formatPre\">{this.text}</pre> : null}</div>\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"cardinfocontent\">\n          {this.paket ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Maxmått</strong>\n              {this.paket.split('/').map(item =>\n                item.split(':').length > 1 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n          {this.rulle ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Rulle</strong>\n              {this.rulle.split('/').map(item =>\n                item.split(':').length > 0 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-price {\n  margin-top: 1rem;\n  white-space: nowrap;\n  text-align: center;\n\n  display: flex;\n  flex-direction: column;\n\n  span:last-child {\n    display: inline-block;\n    margin-left: 0.2em;\n  }\n  & + pn-product-card-price {\n    margin-right: 0;\n  }\n\n  pn-icon {\n    display: inline-block;\n    align-self: center;\n  }\n\n  .price {\n    font-size: 2.5em;\n    font-weight: bold;\n    order: 1;\n  }\n  pn-button {\n    min-width: 12.8em;\n    font-size: 1.25;\n    order: 2;\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 3;\n      margin-bottom: 1.6rem;\n    }\n  }\n\n  p {\n    font-weight: lighter;\n    font-size: 0.875em;\n    align-self: center;\n    margin-top: 0.8rem;\n    order: 3;\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 2;\n    }\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-price',\n  styleUrl: 'pn-product-card-price.scss',\n})\nexport class PnProductCardPrice {\n  @Prop() label: string;\n  @Prop() amount: string;\n  @Prop() currency: string;\n  @Prop() note: string;\n  @Prop() url: string;\n  @Prop() service: string;\n  @Prop() linkid: string;\n\n  render() {\n    if (!this.amount) {\n      return;\n    }\n    return this.url ? (\n      <Host id={this.linkid}>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{' ' + this.currency}</span> : null}\n        </div>\n        {this.note ? <p>{this.note}</p> : null}\n        {this.label ? (\n          <pn-button id={'pricecta-' + this.linkid} small=\"true\" icon={open_in_new} appearance=\"light\" href={this.url} target=\"_blank\">\n            {this.label}\n          </pn-button>\n        ) : null}\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAmB,02HACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,iBACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,SACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBAEbH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,cACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mB,aCxBvB,MAAME,EAAuB,k7BAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,M,4GAM5B,MAAAR,GACE,OAAOS,KAAKC,MACVT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBAAmBI,KAAKE,KAAOV,EAAA,OAAKW,KAAK,aAAaH,KAAKE,MAAc,OAGtFV,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBACRI,KAAKI,MACJZ,EAAA,OAAKI,MAAM,wBACTJ,EAAA,yBACCQ,KAAKI,MAAMC,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,KACHP,KAAKS,MACJjB,EAAA,OAAKI,MAAM,wBACTJ,EAAA,uBACCQ,KAAKS,MAAMJ,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,M,GAMdf,EAAA,WAASkB,KAAMC,EAAcC,MAAM,QAAQC,MAAM,U,UCtDjD,MAAMC,EAAwB,qnCAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,gLAS7B,MAAAzB,GACE,IAAKS,KAAKiB,OAAQ,CAChB,M,CAEF,OAAOjB,KAAKkB,IACV1B,EAACC,EAAI,CAAC0B,GAAInB,KAAKoB,QACb5B,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAO,IAAMQ,KAAKqB,UAAmB,MAEvDrB,KAAKsB,KAAO9B,EAAA,SAAIQ,KAAKsB,MAAY,KACjCtB,KAAKC,MACJT,EAAA,aAAW2B,GAAI,YAAcnB,KAAKoB,OAAQR,MAAM,OAAOF,KAAMa,EAAaC,WAAW,QAAQC,KAAMzB,KAAKkB,IAAKQ,OAAO,UACjH1B,KAAKC,OAEN,MAGNT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAOQ,KAAKqB,UAAmB,M","ignoreList":[]}

package/pn-market-web-components/p-3e25f431.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as a,h as r,d as n}from"./p-b3a13b6a.js";import{F as d}from"./p-3478f368.js";import{M as i}from"./p-6b1d045c.js";import{s as h}from"./p-8c42f598.js";import{t as o}from"./p-75311d67.js";import"./p-2132ad75.js";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}}body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#ffffff}pn-marketweb-siteheader header{position:relative;z-index:1000;display:flex;flex-flow:column;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);flex-direction:row;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{flex-direction:column;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:flex;flex-flow:row;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #f3f2f2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{justify-content:space-between;min-height:3.2em}}@media screen and (max-width: 48em){pn-marketweb-siteheader .siteheader-row:last-child{justify-content:flex-end}}pn-marketweb-siteheader .siteheader-topright{display:flex;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:flex;align-items:center;position:relative;min-height:3em;background:#ffffff;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:flex;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#e0f8ff}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-button-dropdown:not(.hydrated) .pn-button-dropdown-container{display:none}pn-marketweb-siteheader pn-button button{font-weight:400 !important;padding:0.5rem !important}pn-marketweb-siteheader pn-button button .pn-button-bg:after{border-radius:0.8rem !important}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:flex;flex-direction:column;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0d234b;box-shadow:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:active{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{align-self:center;margin-left:1rem}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b;border:0.1rem solid #ffffff;padding:0.65rem 1.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{background-color:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{top:6.4em}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search{padding-bottom:0.5rem;background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container{border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-top-right-radius:50%;border-bottom-right-radius:50%}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear{border:2px solid #ffffff;border-radius:50%;padding:0.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level .mainnav-level-header .secondlevel-backbtn pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-level[data-level="2"] .mainnav-level-header pn-mainnav-link>a:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{background-color:#0d234b;border-bottom:0.1rem solid rgba(0, 93, 146, 0.5)}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button:hover,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a:hover{text-decoration:none}@media screen and (min-width: 1024px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{border-bottom:none}}@media screen and (max-width: 1023px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link:first-child{border-top:0.1rem solid rgba(0, 93, 146, 0.5)}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link a,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link a:focus,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link button:focus{outline:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]){background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]) pn-mainnav-list{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]) pn-mainnav-list pn-mainnav-link>a:hover{background-color:#00a0d6;text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:not(.pn-button){color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:hover{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}.siteheader-menu-top-search{display:none}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl] pn-site-selector .pn-button-dropdown-label,.header-wrapper[data-header-theme=dotcom] pn-site-selector .pn-button-dropdown-label{border-radius:48px}}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text{color:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:flex;gap:1rem;align-items:center}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a{color:#0d234b;font-weight:500;font-size:1.6rem;padding:0.8rem 2.4rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#0d234b;transition:initial}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){background-color:#0d234b;border-bottom:0.1rem solid #0d234b}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child{background-color:#0d234b}}@media screen and (min-width: 60em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link>button::before,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link>a::before{background-color:#fbc2c1}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{background:#0d234b;display:flex;align-items:center}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}@media screen and (max-width: 415px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a{color:#0d234b;font-weight:500}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header a{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button pn-icon svg path{fill:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label:hover{background:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:hover{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:active{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright{margin-right:0;align-self:center;margin-left:1rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:active,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:inline-block;margin-top:auto;margin-bottom:auto;width:fit-content}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search pn-search-field{justify-content:flex-end;min-width:inherit}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form{margin-right:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container{position:absolute;width:100%}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input{cursor:pointer;background-color:transparent;color:transparent;border:none;position:relative;z-index:3;border-radius:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::placeholder{color:transparent}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within{margin-left:2rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button{width:fit-content;padding:1rem 1.9rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button .pn-button-bg{background:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child pn-marketweb-siteheader-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}@media screen and (max-width: 768px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:flex;color:#0d234b;flex-direction:column;gap:0.5rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content{font-weight:500;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#0d234b}}@media screen and (max-width: 768px) and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#ffffff}}@media screen and (max-width: 768px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-text{color:#ffffff}}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover{color:#ffffff;background-color:#00a0d6;box-shadow:0 0 0 0.2rem #ffffff, 0 0 0 0.4rem #00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus svg>path,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button pn-icon svg>path{fill:#0d234b}}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}';const s=p;const l=class{constructor(a){e(this,a);this.changeLanguage=t(this,"changeLanguage",7);this.changeMarket=t(this,"changeMarket",7);this.market=null;this.language=null;this.siteid=null;this.environment=null;this.userToken="";this.userFullname="";this.userLoggedin=false;this.endpoint=null;this.hideSiteSelector=false;this.hideHomeMenuItem=false;this.hideLanguageSelector=false;this.hideSearch=false;this.hideLogin=false;this.showProfileSelection=false;this.showUnifiedLogin=false;this.siteDomainInUrls=false;this.AutocompleteEndpoint="";this.sessionForward=false;this.cache=false;this.searchPlaceholder="";this.spaMode=false;this.checkUserLoggedInStateInterval=0;this.useMarketwebLogin=false;this.pageId="";this.i18n={searchlabel:"",searchplaceholder:"",searchbuttontext:"",menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",profileSelectionFlyoutHeading:"",unifiedLoginButton:"",unifiedMyPagesButton:"",home:"Home"};this.gotData=false;this.fetchingData=false;this.homePageLink="/";this.menuItems=[];this.siteDefinition=undefined;this.search={AutocompleteEndpoint:this.AutocompleteEndpoint};this.siteSelector=null;this.languageSelector=null;this.languageOptions=[];this.loginDialog=null;this.minimizeSearch=false;this.loggedIn=false}get hostElement(){return a(this)}endpointPath="/api/navigation/header";fetchHelper=new d("siteheader");changeLanguage;changeMarket;componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(e=window.location.href){const t=new i(e);if(!this.market){const e=await t.getMarket();this.market=e}if(!this.language){const e=await t.getLanguage();this.language=e}if(!this.environment){this.environment=await t.getEnvironmentName()}if(!this.endpoint&&this.environment?.indexOf("local")===-1){this.endpoint=await t.getEndpoint(this.environment,this.market)}if(!this.endpoint){this.endpoint=""}}async init(){this.setTranslations();await this.fetchData();window.setTimeout((()=>{this.checkMenuOverflow()}),50)}setTranslations(){if(this.language&&o[this.language]){this.i18n=o[this.language]}if(this.searchPlaceholder){this.i18n.searchplaceholder=this.searchPlaceholder}}onLanguageSelectorChange(e){this.language=e.detail;window.dispatchEvent(new CustomEvent("marketweb-languagechange",{detail:this.language}))}onLanguageChange(){this.setTranslations();this.changeLanguage.emit(this.language);this.fetchData()}onMarketChange(){this.changeMarket.emit(this.market);this.fetchData()}async fetchData(){if(this.endpoint===null||!this.market||!this.language){return}this.fetchingData=true;const e=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const t=`${e}${this.endpointPath}?market=${this.market}&language=${this.language}&currentPage=${this.pageId}`;const a=await this.fetchHelper.fetchJson(t,{mode:"cors"},this.cache);await this.setStateFromData(a)}getLanguageVersionUrl(e){if(this.spaMode){return null}const t=document.querySelector(`link[rel="alternate"][hreflang="${e.twoLetterISOLanguageName}"]`);if(t){return t.getAttribute("href")}const a=this.siteDefinition.url;return a+(a.lastIndexOf("/")!==a.length-1?"/":"")+e.twoLetterISOLanguageName}async setStateFromData(e){if(typeof e!=="object"){console.warn("Data was not valid",e)}this.siteDefinition=e.sitedefinition;if(h.loginManager){h.loginManager.setSiteUrl(this.siteDefinition.url)}let t=[];if(this.siteDomainInUrls){t=e.mainMenu.menuItems.map((e=>this.adjustMenuItemUrls(e)))}else{t=e.mainMenu.menuItems}if((!t[0]||t[0]?.name!==this.i18n.menuHomeButton)&&!this.hideHomeMenuItem){t.unshift({href:this.siteDefinition.url,name:this.i18n.menuHomeButton,id:"homelink",open:false,selected:false,children:[]})}this.menuItems=t;this.search={...e.search,...{AutocompleteEndpoint:this.AutocompleteEndpoint}};this.siteSelector=e.siteSelectorViewModel;this.languageSelector=e.languageSelectorViewModel;this.setLanguageOptions();let a=e.loginViewModel;if(a&&this.siteDomainInUrls){a.loggedInLinks=a.loggedInLinks.map((e=>{e.href=this.adjustHref(e.href);return e}));a.loginMenuLinks=a.loginMenuLinks.map((e=>{e.href=this.adjustHref(e.href);return e}))}this.loginDialog=a;await this.spaModeAdjustments();this.gotData=true;this.fetchingData=true;this.homePageLink=this.siteDefinition?.url??document.location.hostname;window.setTimeout((()=>{this.checkMenuOverflow()}),100)}adjustMenuItemUrls(e){e.href=this.adjustHref(e.href);if(e.children&&e.children.length>0){let t=e.children.map((e=>this.adjustMenuItemUrls(e)));e.children=t}return e}adjustHref(e){if(e.indexOf("http")===0){return e}const t=this.siteDefinition.url.lastIndexOf("/")===this.siteDefinition.url.length-1?this.siteDefinition.url.substring(0,this.siteDefinition.url.length-1):this.siteDefinition.url;return this.removeDoubleLanguage(t+e)}removeDoubleLanguage(e){let t=this.language.toLocaleLowerCase()+"/";let a="/"+t+t;if(e.includes(a)){return e.replace(a,"/"+t)}return e}setLanguageOptions(){if(!this.languageSelector||!this.languageSelector.languages){return}const e=Array.prototype.slice.call(document.querySelectorAll('link[rel="alternate"][hreflang]'))??[];const t=e.map((e=>{let t=e.getAttribute("hreflang");if(t.indexOf("en-")!==-1||t.indexOf("en_")!==-1){t=t.substring(0,2)}return t}));let a=[];this.languageSelector.languages.map((e=>{if(t&&t.length>0){if(t.includes(e.twoLetterISOLanguageName)){a.push(e)}}else{a.push(e)}}));this.languageOptions=a}async spaModeAdjustments(){if(!this.spaMode){return}return}onLoginStateChange(e){if(e.detail?.loggedIn&&e.detail?.token){this.loggedIn=e.detail?.loggedIn===true}}promotedItemId(e){return"promo-"+e.linkText.replace(/[^A-Za-z0-9.\\\/]/gim,"")}handleResize(){requestAnimationFrame((()=>{this.checkMenuOverflow()}))}checkMenuOverflow(){const e=this.hostElement.querySelectorAll(".siteheader-row")[1];if(!e){return}const t=e.querySelector("pn-mainnav-level");if(!t){return}const a=t.parentElement;if(a.tagName.toLocaleLowerCase()!=="nav"){return}const r=a.scrollWidth;const n=t.clientWidth;const d=r<n;if(d&&this.minimizeSearch===false){this.minimizeSearch=true}}adjustSiteSelectorUrl(e){if(!this.loggedIn){return e}const t=["portal.postnord.com"];const a=t.filter((t=>e.indexOf(t)!==-1));if(a.length===0){return e}if(h.loginManager){return h.loginManager.getLoginUrl(e)}return e}getFallbackValue(e,t){return e&&e.trim()!==""?e:t}render(){const e={...this.i18n,home:this.getFallbackValue(this.i18n.home,"Home")};return r(n,{key:"1f054ec291a20842a832bbc7e690513de6c0df58",language:this.language,market:this.market,environment:this.environment},r("header",{key:"875cf76536eda3202524dea10e4ed49329adc11f"},r("div",{key:"5be98546a0d165e47d7d6d9500687f4be3449109",class:"siteheader-row"},r("div",{key:"bf98312f9f2d6fa3a3859bcbdaebd15d25d43c63",class:"siteheader-topleft"},r("slot",{key:"6901c9e9fca43fc16348d0ee523fc78c91e3edd8",name:"topleft"}),this.gotData&&this.siteSelector&&!this.hideSiteSelector&&r("pn-site-selector",{key:"dbf6fd9cf00674954e0ef27f2d540fb83439c0d0",language:this.language,buttontext:this.siteSelector?.currentSiteTitle??"postnord"},this.gotData&&this.siteSelector?.currentSiteTitle&&r("pn-site-selector-item",{key:"521ea504e4e1a93aed231dd6497cc50cf605f18c",heading:this.siteSelector.currentSiteTitle+" ",description:this.siteSelector.currentSiteDescription}),this.gotData&&this.siteSelector?.siteSelections&&this.siteSelector.siteSelections.map((e=>r("pn-site-selector-item",{heading:e.linkText+" ",description:e.linkDescription,url:this.adjustSiteSelectorUrl(e.href),newwindow:e.openInNewWindow}))))),r("div",{key:"a02133c3e31e6e1aaad598923dd313a28b5ce30b",class:"siteheader-logocontainer"},r("a",{key:"69423fe6002c15e7c97cac36ca85f2055920fd99",href:this.homePageLink,title:e.home,"aria-label":e.home,class:"siteheader-logolink"},r("slot",{key:"ce029f3810f8bd65b95f329cf7cc289656697c6a",name:"logo"},r("svg",{key:"a15e5f8ba556b3f4c0bb398e605f11f8bfb1cbab",class:"siteheader-logo",xmlns:"http://www.w3.org/2000/svg",width:"12.7rem",height:"2.4rem",viewBox:"0 0 141.73 26.65",role:"img","aria-label":"PostNord"},r("path",{key:"8962ad2c448ebcf97cdc2a1658f1e110bfe04583",d:"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z",fill:"#00A0D6",transform:"translate(0 0)"}))))),r("div",{key:"a1fb600aeabe67c59d4600aedc1f60b3c6d1e967",class:"siteheader-topright"},r("slot",{key:"5ddcbba836f69a4e29458afe6a1571c27875c2b0",name:"toprightstart"}),this.gotData&&this.loginDialog&&!this.hideLogin&&r("pn-marketweb-siteheader-login",{key:"29a9f3c57259315937b21c44786db1568f8eca4f",token:this.userToken,siteUrl:this.siteDefinition.url,fullname:this.userFullname,loggedin:this.userLoggedin,loginDialog:this.loginDialog,endpoint:this.endpoint,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,"check-user-logged-in-state-interval":this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin,environment:this.environment}),this.gotData&&this.languageOptions&&this.languageOptions.length&&!this.hideLanguageSelector&&r("pn-language-selector",{key:"345f186a503d9fcbf85d61653bfee6a03dba912e",value:this.language},this.languageOptions.map((e=>r("pn-language-selector-option",{name:e.nativeName,code:e.twoLetterISOLanguageName,selected:e.isCurrent,url:this.getLanguageVersionUrl(e)})))),r("slot",{key:"120298ea8a9b42a014c472a314ba07f371ef3079",name:"toprightend"}),r("div",{key:"0caab32e11a1c5dcea8c2911209abb97e0dde78b",class:"siteheader-menu-top-search"},r("pn-marketweb-siteheader-search",{key:"4a5d617dbb6602b70f6a91563bce94cc2f110246",language:this.language,siteid:this.siteid,search:this.search,"hide-search":this.hideSearch,i18n:this.i18n,icononly:true})))),r("slot",{key:"47f1ecc2c0bf47f0bb35aab9e80fd986454e72a9",name:"siteheader-menu-top-button"}),r("div",{key:"f1b5459d1222866182b5bbc9af44bd9e7c41092b",class:"siteheader-row"},r("div",{key:"618ea2a3815cada3360f105a738f4df94be2c9e0",class:"siteheader-menu"},this.gotData&&this.menuItems&&r("pn-mainnav",{key:"8ba6bcf7191844b7e32db9c6ff25fd51223cc094",market:this.market,language:this.language,onMenuOpenChange:e=>{document.body.setAttribute("data-siteheader-menuopen",e.detail+"")}},r("pn-mainnav-level",{key:"fa427a4f605ee93a112c7a65c8227a77b67801ba"},r("pn-mainnav-list",{key:"f71ec86dc885a19d6ec9173daddb20c7626c44a8"},this.menuItems.map((e=>r("pn-mainnav-link",{name:e.name,href:e.href,itemid:e.id,target:e.linkTarget??"_self",linkid:e.trackingId},(e.promotedMenuItems&&e.promotedMenuItems.length>0||e.children&&e.children.length>0)&&r("pn-mainnav-level",{label:e.name},e.children.length>0&&r("pn-mainnav-list",{heading:e.navigationHeading??""},e.children.map((e=>r("pn-mainnav-link",{name:e.name,href:e.href,target:e.linkTarget??"_self",linkid:e.trackingId})))),e.promotedMenuItems&&e.promotedMenuItems.length>0&&r("pn-mainnav-list",{heading:e.promotedMenuItemsHeader},e.promotedMenuItems.map((t=>r("pn-mainnav-link",{href:t.href,name:t.linkText,target:t.openInNewWindow?"_blank":"_self",linkid:this.promotedItemId(t)+e.id}))))))))),r("div",{key:"967be5bd7079d7f30c63f53bbe01900d8fe7781c",slot:"footer",class:"siteheader-menu-footer"},r("slot",{key:"70977ef91346746c37278a047c4ef08430ea909f",name:"menu-footer-cta"}),this.gotData&&this.loginDialog&&!this.hideLogin&&r("pn-marketweb-siteheader-login",{key:"0f76a415d972a8d8bb1ccbd5f6e3ffad275266c9",token:this.userToken,siteUrl:this.siteDefinition.url,loginDialog:this.loginDialog,endpoint:this.endpoint,fullname:this.userFullname,loggedin:this.userLoggedin,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,environment:this.environment,"check-user-logged-in-state-interval":this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin}),this.gotData&&this.languageOptions&&this.languageOptions.length&&!this.hideLanguageSelector&&r("pn-language-selector",{key:"753455de04be8f330db91e13301f9813dd102b59",value:this.language},this.languageOptions.map((e=>r("pn-language-selector-option",{name:e.nativeName,code:e.twoLetterISOLanguageName,selected:e.isCurrent,url:this.getLanguageVersionUrl(e)})))),!this.hideSiteSelector&&r("pn-site-selector",{key:"01d022ce5b7dcb6d1b77be7a1b078b1c4ae18585",language:this.language},this.gotData&&this.siteSelector?.currentSiteTitle&&r("pn-site-selector-item",{key:"ae9c264ec51c8fe26a71d61cb35f5ad66c43856b",heading:this.siteSelector.currentSiteTitle,description:this.siteSelector.currentSiteDescription}),this.gotData&&this.siteSelector?.siteSelections&&this.siteSelector.siteSelections.map((e=>r("pn-site-selector-item",{heading:e.linkText,description:e.linkDescription,url:e.pageLink,newwindow:e.openInNewWindow}))))),r("div",{key:"8c5f81339f33dfc08ac6bd217653842b6a35d89c",slot:"top",class:"siteheader-menu-top"},r("pn-marketweb-siteheader-search",{key:"f430db3db7d7e0c1dd6236874c843d326f5e98b9",language:this.language,siteid:this.siteid,search:this.search,"hide-search":this.hideSearch,i18n:this.i18n}))))),r("pn-marketweb-siteheader-search",{key:"9be1903b5fdd5ed63782c5c1886ea7bcfcc48c2f",language:this.language,siteid:this.siteid,primary:true,search:this.search,"hide-search":this.hideSearch,"show-only-link":this.minimizeSearch,i18n:this.i18n}),r("slot",{key:"7113c40cedddeddb2a6d78e792c74d225ea0567a",name:"header-bottom-button"}))))}static get watchers(){return{language:["onLanguageChange"],market:["onMarketChange"]}}};l.style=s;export{l as pn_marketweb_siteheader};
+//# sourceMappingURL=p-3e25f431.entry.js.map