@postnord/pn-marketweb-components 3.0.2 → 3.0.4

package/pn-market-web-components/p-e8189227.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as n,d as i,g as o}from"./p-06555615.js";import{s as a,o as s}from"./p-d4734f92.js";import{b as r}from"./p-7e3afa8c.js";import{a as l}from"./p-575f557a.js";import{s as h}from"./p-07edd5e4.js";import{c as d}from"./p-3f8aa7d1.js";import{s as c}from"./p-66d71724.js";import{a as u}from"./p-3fdca5bd.js";const m='<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="M16.707 11.293a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L14.586 12 9.293 6.707a1 1 0 0 1 1.414-1.414z" clip-rule="evenodd"/></svg>';const p=m;const g='<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="M4.293 4.293a1 1 0 0 1 1.414 0L12 10.586l6.293-6.293a1 1 0 1 1 1.414 1.414L13.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414L12 13.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L10.586 12 4.293 5.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>';const f=g;const b='<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="M4.252 10A8 8 0 0 0 4 12c0 .69.088 1.36.252 2h3.166a13.8 13.8 0 0 1 0-4zm.818-2h2.795a13.6 13.6 0 0 1 1.719-3.629A8.02 8.02 0 0 0 5.07 8M12 4.48A11.7 11.7 0 0 0 9.972 8h4.056A11.7 11.7 0 0 0 12 4.48M14.557 10H9.443a11.8 11.8 0 0 0 0 4h5.114a11.8 11.8 0 0 0 0-4m2.025 4a13.8 13.8 0 0 0 0-4h3.166c.165.64.252 1.31.252 2s-.087 1.36-.252 2zm-2.554 2H9.972A11.7 11.7 0 0 0 12 19.52 11.7 11.7 0 0 0 14.028 16m-4.444 3.629A13.6 13.6 0 0 1 7.864 16H5.07a8.02 8.02 0 0 0 4.514 3.629m4.832 0A13.6 13.6 0 0 0 16.136 16h2.794a8.02 8.02 0 0 1-4.514 3.629M18.93 8h-2.795a13.6 13.6 0 0 0-1.719-3.629A8.02 8.02 0 0 1 18.93 8M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12" clip-rule="evenodd"/></svg>';const v=b;const w='<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="M7.5 7.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0M12 5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.928 20.372a1 1 0 0 1-1.856-.743l.883.353a82 82 0 0 1-.883-.354v-.002l.001-.002.003-.007.008-.018a4 4 0 0 1 .114-.25c.078-.161.193-.383.35-.645.315-.523.8-1.217 1.495-1.911C6.444 15.39 8.688 14 12 14s5.556 1.391 6.957 2.793a10 10 0 0 1 1.494 1.911 8 8 0 0 1 .44.837q.016.036.025.058l.008.018.003.007.001.004-.883.354.883-.353a1 1 0 0 1-1.856.744v.001l.001.001v-.002a2 2 0 0 0-.07-.15 6 6 0 0 0-.267-.49 8 8 0 0 0-1.193-1.526C16.444 17.11 14.688 16 12 16s-4.444 1.109-5.543 2.207a8 8 0 0 0-1.193 1.526 6 6 0 0 0-.336.64m0 0-.001.003zm14.144.001" clip-rule="evenodd"/></svg>';const k=w;const y={sv:{heading:"Språk"},en:{heading:"Language"},da:{heading:"Sprog"},no:{heading:"Språk"},fi:{heading:"Kieli"},de:{heading:"Sprache"},zh:{heading:"语言"},fr:{heading:"Langue"},es:{heading:"Idioma"},nl:{heading:"Spraak"},it:{heading:"Idioma"},tr:{heading:"Dil"},pl:{heading:"Język"},pt:{heading:"Linguagem"},"pt-BR":{heading:"Linguagem"}};const x="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-language-selector{max-height:5.2rem}.languageselector{position:relative}.languageselector-togglebtn{cursor:pointer;border:0;padding:0.64rem 0;background-color:#ffffff;color:#005d92;font-size:1.6rem}.languageselector-togglebtn:hover,.languageselector-togglebtn:focus,.languageselector-togglebtn:active{color:#0d234b;text-decoration:underline}.languageselector-togglebtn svg{width:1.9rem;height:1.9rem}.languageselector-title{padding:0.8rem 1.6rem;display:flex;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";const B=x;const L=class{constructor(n){t(this,n);this.setLanguage=e(this,"setLanguage",7);this.value="";this.selectedLanguageName="";this.options=[];this.i18n=undefined}componentWillLoad(){this.setInitialSelectedLanguageName();this.setTranslations()}componentDidLoad(){this.initialize()}initialize(){this.setSelectedLanguageName();this.addEventBindingsToOptions()}setInitialSelectedLanguageName(){if(!window.Intl||!this.value){return}const t=new Intl.DisplayNames([this.value],{type:"language"});if(!t){return}const e=t.of(this.value);if(!e){return}this.selectedLanguageName=e.charAt(0).toUpperCase()+e.slice(1)}addEventBindingsToOptions(){const t=[].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));t.map((t=>{t.removeEventListener("setCurrentLanguage",(t=>{this.onSetCurrentLanguage(t.detail)}));t.addEventListener("setCurrentLanguage",(t=>{this.onSetCurrentLanguage(t.detail)}))}))}setSelectedLanguageName(){const t=[].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));t.map((t=>{if(t.getAttribute("code")==this.value){this.selectedLanguageName=t.getAttribute("name")}}))}onSetCurrentLanguage(t){this.value=t.code;this.selectedLanguageName=t.name;this.setLanguage.emit(this.value)}setTranslations(){if(y[this.value]){this.i18n=y[this.value]}}onValueChange(){var t;const e=(t=this.hostElement.querySelectorAll("pn-language-selector-option"))!==null&&t!==void 0?t:[];e.forEach((t=>{const e=(t.getAttribute("code")===this.value)+"";if(t.getAttribute("selected")+""!==e){t.setAttribute("selected",e)}}))}render(){return n(i,{key:"c7cdab6eeccbc93bcc4f0d286bdefa17495b0349",value:this.value},n("pn-button-dropdown",{key:"71e193acb636f6e3bd03101473e59d371064f178",label:this.selectedLanguageName,icon:v,appearance:"light",variant:"borderless"},n("nav",{key:"67a65ae2feec9cc7448099bd2a6b70e15886d0b5",class:"languageselector-nav","aria-label":this.i18n.heading},n("strong",{key:"2befcaf1993606e5ae2cbff52338a4568b1098ca",class:"languageselector-title"},this.i18n.heading),n("div",{key:"afc6903faca9f225355def10f9e41521d7570987",class:"languageselector-list",role:"list"},n("slot",{key:"904a906437fe780ac728d23fb031dd0ff265221f"})))))}get hostElement(){return o(this)}static get watchers(){return{value:["setSelectedLanguageName","setTranslations","onValueChange"]}}};L.style=B;const S="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-language-selector-option{margin:0;padding:0;list-style:none}.languageselector-button,.languageselector-link{width:100%;padding:1.1rem 1.6rem 1.1rem 1.4rem;display:flex;align-items:center;position:relative;text-decoration:none;border:0;cursor:pointer;background-color:#ffffff;color:#005d92;font-size:1.6rem;font-weight:bold;border-radius:0}.languageselector-button:hover,.languageselector-button:focus,.languageselector-button:active,.languageselector-link:hover,.languageselector-link:focus,.languageselector-link:active{color:#0d234b;text-decoration:underline;box-shadow:none;background-color:#f3f2f2;color:#005d92;outline:none}.languageselector-itemtext{display:inline-block;margin-left:1rem}.languageselector-radio-outer{background:#fff;border:0.1em solid #d3cecb;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;cursor:pointer}.languageselector-radio-outer:focus>.languageselector-radio-outer,.languageselector-radio-outer:active>.languageselector-radio-outer{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}.languageselector-radio-outer:hover>.languageselector-radio-outer{border:0.1rem solid #005d92;background:#e0f8ff}[selected=true] .languageselector-radio-outer{border:0.1rem solid #005d92}.languageselector-radio-inner{transform:scale(0);height:1em;width:1em;background-color:#005d92;border-radius:50%;transform-origin:center center;transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[selected=true] .languageselector-radio-inner{transform:scale(1)}";const M=S;const C=class{constructor(n){t(this,n);this.setCurrentLanguage=e(this,"setCurrentLanguage",7);this.name="";this.code="";this.url="";this.selected=false;this.currentLanguage=undefined}onOptionClick(){const t={name:this.name,code:this.code,url:this.url,current:true};this.setCurrentLanguage.emit(t)}render(){return n(i,{key:"b737287248d1361aa6ca765d1bc688918166408c",role:"listitem",selected:this.selected+"",code:this.code,name:this.name},!this.url?n("button",{class:"languageselector-button","data-langcode":this.code,onClick:this.onOptionClick.bind(this)},n("span",{class:"languageselector-radio-outer"},n("span",{class:"languageselector-radio-inner"})),n("span",{class:"languageselector-itemtext"},this.name," - ",this.code)):n("a",{href:this.url,target:"_self",class:"languageselector-link","data-langcode":this.code},n("span",{class:"languageselector-radio-outer"},n("span",{class:"languageselector-radio-inner"})),n("span",{class:"languageselector-itemtext"},this.name," - ",this.code)))}};C.style=M;const $={sv:{menuHomeButton:"Hem",menuGoBackButton:"Gå tillbaka",mainMenuButton:"Meny",menuStartButton:"Start",navLabel:"Huvudnavigation"},en:{menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},da:{menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbage",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Hovednavigation"},no:{menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbake",mainMenuButton:"Meny",menuStartButton:"Start",navLabel:"Hovednavigasjon"},de:{menuHomeButton:"Home",menuGoBackButton:"Geh zurück",mainMenuButton:"Menü",menuStartButton:"Start",navLabel:"Hauptnavigation"},zh:{menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},it:{menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},nl:{menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},tr:{menuHomeButton:"Anasayfa",menuGoBackButton:"Geri git",mainMenuButton:"Menü",menuStartButton:"Başlat",navLabel:"Ana gezinme"},pt:{menuHomeButton:"Página inicial",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},pl:{menuHomeButton:"Strona główna",menuGoBackButton:"Powrót",mainMenuButton:"Menu",menuStartButton:"Początek",navLabel:"Menu główne systemu"},"pt-BR":{menuHomeButton:"Página inicial",menuGoBackButton:"Voltar",mainMenuButton:"Menu",menuStartButton:"Iniciar",navLabel:"Navegação principal"}};const T="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-mainnav{display:flex;flex-flow:row-reverse;position:relative;width:100%;min-height:5.1rem}@media screen and (min-width: 48em){pn-mainnav{flex-flow:row}}@media screen and (min-width: 64em){pn-mainnav{flex-flow:column}}@media screen and (min-width: 64em){pn-mainnav [slot=footer]{display:none}}pn-mainnav>nav{height:auto;width:100vw;background-color:#ffffff;z-index:2;transform:translateX(100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;display:flex;flex-flow:column;visibility:hidden;position:fixed;top:3em;bottom:0;left:0}@media screen and (min-width: 48em){pn-mainnav>nav{top:6.5em}}pn-mainnav>nav[data-menu-open=true]{visibility:visible;transform:translateX(0)}@media screen and (min-width: 64em){pn-mainnav>nav{flex-flow:row-reverse;top:0;position:static;height:auto;width:100%;justify-content:space-between;visibility:visible;transform:translateX(0)}}pn-mainnav>nav a{text-decoration:none}pn-mainnav>nav button{cursor:pointer}.mainnav-toggle{display:flex;align-items:center;align-self:center}@media screen and (min-width: 64em){.mainnav-toggle{display:none}}.mainnav-toggle>button{display:flex;align-items:center;background-color:#005d92;color:#ffffff;border-radius:2.4rem;border:none;padding:0.6rem 1.6rem;cursor:pointer;font-size:1.6rem}.mainnav-toggle>button:focus{outline:0}.mainnav-toggle>button pn-icon{margin-left:0.8rem;display:block}.mainnav-toggle>button svg{display:block;margin:-0.2rem -0.5rem -0.2rem 0;height:1.9rem;width:1.9rem}";const H=T;const z=class{constructor(n){t(this,n);this.menuLanguageChange=e(this,"menuLanguageChange",7);this.marketChange=e(this,"marketChange",7);this.menuOpenChange=e(this,"menuOpenChange",7);this.market="se";this.language="sv";this.navigationId="mainnav";this.openMenu=false;this.navLabel=""}componentWillLoad(){this.init();document.removeEventListener("mousedown",this._onClickOutside.bind(this));document.addEventListener("mousedown",this._onClickOutside.bind(this))}async init(){this.setLanguage();this.setMarket()}_onClickOutside(t){const e=!this.hostElement.contains(t.target);if(e){a.openLevel=""}}setLanguage(){this.menuLanguageChange.emit(this.language)}setMarket(){this.marketChange.emit(this.market)}onLanguageChange(t){if($[t.detail]){a.i18n=$[t.detail];if(!this.navLabel){this.navLabel=a.i18n.navLabel}}}setMenuOpenState(){a.openMenu=!a.openMenu;this.menuOpenChange.emit(a.openMenu)}onOpenMenuLevelChange(t){a.openLevel=t.detail}render(){return n(i,{key:"910f0a551b6c6b86df0aa04c291c0b8deceac12a"},n("div",{key:"0a764c1d5ab3f09e10960c1648cebbb1f783be4e",class:"mainnav-toggle"},n("button",{key:"3cea0b2660e01d5049b0799339ce0ebd73a1dc8a","aria-controls":this.navigationId,"aria-expanded":a.openMenu+"",onClick:this.setMenuOpenState.bind(this)},a.i18n.mainMenuButton,n("pn-icon",{key:"705297573ebe108584e9edc61cadc71771aa79b4",icon:a.openMenu?f:r,color:"white"}))),n("nav",{key:"3c017fb27d53da0740736bdaeb13dd86d2576c32",class:"mainnav","aria-label":this.navLabel,"data-menu-open":a.openMenu+"","data-menu-currentlevel":a.currentLevel,id:this.navigationId},n("slot",{key:"b94c6dc92bb5c246035412def657829022794a3d"})))}get hostElement(){return o(this)}};z.style=H;const _='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-mainnav-level{display:block}pn-mainnav-level:not(.hydrated){max-height:5.6rem;overflow:hidden}pn-mainnav-level[data-level="1"]{width:100%;right:0;overflow-y:scroll;overflow-x:hidden;flex:1}@media screen and (min-width: 64em){pn-mainnav-level[data-level="1"]{width:auto;overflow:initial}pn-mainnav-level[data-level="1"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level="2"]{position:absolute;top:0;bottom:0;left:0;width:100vw;padding:0;background-color:#ffffff;z-index:1;transform:translateX(100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;overflow:scroll;visibility:hidden}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"]{left:0;top:calc(100% + 1rem);bottom:auto;border-radius:1.6rem;width:auto;padding:1.6rem 1.6rem 0 1.6rem;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-moz-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);height:auto;z-index:3;display:none}pn-mainnav-level[data-level="2"][data-menuitem-rightaligned=true]{right:0;left:unset}}@media screen and (max-height: 33.125em){pn-mainnav-level[data-level="2"]{-ms-overflow-style:none;scrollbar-width:none}pn-mainnav-level[data-level="2"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level="2"][aria-hidden=false]{transform:translateX(0);visibility:visible}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][aria-hidden=false]{display:block;overflow:visible}pn-mainnav-level[data-level="2"][aria-hidden=false]:not([data-level-listcount="1"]){display:grid;grid-template-columns:minmax(12em, 20em) 1fr;grid-template-rows:auto auto;gap:0px 1.6rem;grid-template-areas:"top top" "left right"}}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][data-level-alignment=left]{right:0;left:unset}}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][data-level-alignment=center]{left:50%;transform:translateX(-50%)}}pn-mainnav-level[data-level="2"] a{color:#005d92;text-decoration:none}pn-mainnav-level [slot=top]{display:flex}@media screen and (min-width: 48em){pn-mainnav-level [slot=top]{display:none}}[data-menu-currentlevel="2"] pn-mainnav-level [slot=footer]{display:none;overscroll-behavior:contain}.mainnav-level-header{grid-area:top}.mainnav-level-header>label{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}.mainnav-level-header>button{display:block;position:relative;border:none;background-color:transparent;color:#005d92;padding:2.4rem 0 2.4rem 6.2rem;width:100%;text-align:left}@media screen and (min-width: 64em){.mainnav-level-header>button{display:none;speak:none}}.mainnav-level-header>button>pn-icon{speak:none;position:absolute;height:2.4rem;width:2.4rem;left:3rem;top:50%;transform:translateY(-50%)}[data-level="2"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}';const j=_;const U=class{constructor(e){t(this,e);this.label="";this.level=1;this.levelId="";this.isOpen=false;this.parentName="";this.parentHref="";this.parentLinkId="";this.listCount=0;this.alignment="right"}async componentWillLoad(){this.setState();s("openLevel",(()=>{this.onChangeOpenLevel()}))}setState(){this.listCount=this.hostElement.querySelectorAll(":scope > pn-mainnav-list").length;const t=this.hostElement.parentElement;if(t.tagName.toLowerCase()!=="nav"){this.level=2}if(t.tagName.toLowerCase()==="pn-mainnav-link"){this.parentName=t.getAttribute("name")+"";if(!this.label&&this.parentName){this.label=this.parentName}this.parentHref=t.getAttribute("href")+"";this.parentLinkId=t.getAttribute("linkid")+"";const e=this.parentName.toLowerCase().replace(/\W/gi,"_");this.levelId=`mainnav-lvl${this.level}-${e}`}}onOpen(){if(this.level===2){requestAnimationFrame((()=>{const t=this.hostElement.getClientRects()[0];if(!t){return}const e=this.hostElement.parentElement.parentElement.parentElement.parentElement;if(e&&e.tagName.toLowerCase()==="nav"){const n=e.getClientRects()[0];if(!n){return}if(t.right>window.innerWidth){const e=this.hostElement.parentElement.getClientRects()[0];if(e.left-t.width<0){this.alignment="center"}else{this.alignment="left"}}}}))}}onChangeOpenLevel(){this.isOpen=a.openLevel===this.levelId;a.currentLevel=this.level}render(){return n(i,Object.assign({key:"fde26bf8c5fc7620ee0abb2c2b664bca6a1d2fba",role:"navigation"},this.level>1&&this.levelId?{"aria-hidden":!this.isOpen+""}:{},{"data-level-listcount":this.listCount+"","data-level-alignment":this.alignment,"data-level":this.level+""},this.levelId?{id:this.levelId}:{}),this.level>1?n("div",{class:"mainnav-level-header"},n("label",{htmlFor:this.levelId},a.i18n.menuGoBackButton),n("button",{class:"secondlevel-backbtn",onClick:()=>{a.openLevel="";a.currentLevel=1},"aria-expanded":(a.openLevel===this.levelId)+""},n("pn-icon",{icon:l,color:"blue700"}),a.i18n.menuStartButton),this.parentHref&&this.label?n("pn-mainnav-link",{href:this.parentHref,name:this.label,linkid:this.parentLinkId}):null):null,n("slot",{key:"6197834b14a963be33ce1e2ffe0c4b7c60894d1b",name:"top"}),n("slot",{key:"e270ea74af3d2a6b0408f6c0b84d8773ee5b998e"}),n("slot",{key:"ee590e32c5f8f1749562aa0efc1722ca790f65c4",name:"additional"}),n("slot",{key:"7048a26e9b56586fbcb30d9d4d7cb037e939ff93",name:"footer"}))}get hostElement(){return o(this)}static get watchers(){return{label:["setState"],isOpen:["onOpen"]}}};U.style=j;const G='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-mainnav-list{display:block;overflow:visible;list-style:none;margin:0;padding:0;grid-area:right}@media screen and (min-width: 64em){pn-mainnav-list+pn-mainnav-list{grid-area:left;border-right:0.1rem solid #d3cecb;margin-bottom:1.6rem;margin-right:-0.7rem;padding-right:0.7rem}}[data-level="1"]>pn-mainnav-list{overflow:scroll;-webkit-overflow-scrolling:touch}@media screen and (min-width: 64em){[data-level="1"]>pn-mainnav-list{height:100%;display:flex;flex-flow:row;overflow:visible;padding:0}}@media screen and (min-width: 64em){[data-level="2"]>pn-mainnav-list[data-navlist-showcolumns=true]{column-count:2;column-gap:1.6rem;padding-bottom:1.6rem}}.mainnav-list-heading{display:none;font-weight:bold;column-span:all;font-size:1.8rem;padding:1.4rem 1.4rem 1.4rem 4.8rem}@media screen and (min-width: 64em){.mainnav-list-heading{display:block;padding:0 1.4rem 1.4rem 1.4rem}}';const A=G;const I=class{constructor(e){t(this,e);this.heading="";this.linkCount=0}componentWillLoad(){this.linkCount=this.hostElement.querySelectorAll(":scope > pn-mainnav-link").length}render(){return n(i,{key:"5cef1764640843570d240aeda1f1a3a2f365064c",class:"mainnav-list",role:"list","data-navlist-itemcount":this.linkCount+"","data-navlist-showcolumns":(this.linkCount>=8)+""},this.heading?n("div",{class:"mainnav-list-heading"},this.heading):null,n("slot",{key:"63a60869af810fe9da3013e7c95a7c99b9078ab8"}))}get hostElement(){return o(this)}};I.style=A;class E{constructor(t=null){var e;this.eventTarget=window!==null&&window!==void 0?window:document===null||document===void 0?void 0:document.body;this.endpoint="";this.storagePrefix="pn-user";this.checkUserLoggedInStateInterval=0;this.baseUrls={at:"https://atportal.postnord.com/api/unified-login/backend",prod:"https://portal.postnord.com/api/unified-login/backend"};this.events={loginstatechange:"loginstatechange"};this.endpoints={authorizationEndpoint:`/authorization`,tokenExchangeEndpoint:`/token`,userInfoEndpoint:`/user`,logoutEndpoint:`/logout`};this.keys={tokensource:"tokensource",token:"token",accessToken:"accessToken",user:"user",expire:"expire",expireDate:"expiredate"};this.overridetokenValue="overridetokenValue";this.siteUrl=window.location.origin;this.abortSignalForLoginCheck=null;this.loginCheckInProgress=false;this.loginCheckTimer=null;this.store={get:t=>{const e=window.sessionStorage.getItem(`${this.storagePrefix}-${t}`);if(!e){return e}if(e.indexOf("{")===0){try{return JSON.parse(e)}catch(t){}}if(e.indexOf(",")!==-1){return e.split(",")}return e},set:(t,e)=>{if(typeof e==="object"&&typeof e.length==="undefined"){window.sessionStorage.setItem(`${this.storagePrefix}-${t}`,JSON.stringify(e));return}window.sessionStorage.setItem(`${this.storagePrefix}-${t}`,e)},remove:t=>{window.sessionStorage.removeItem(`${this.storagePrefix}-${t}`)}};if(!t){return}this.eventTarget=t.eventTarget?t.eventTarget:this.eventTarget;this.endpoint=t.endpoint?t.endpoint:`${window.location.protocol}//${window.location.host}`;(e=this.storagePrefix)!==null&&e!==void 0?e:this.storagePrefix=t.storagePrefix;this.checkUserLoggedInStateInterval=t.checkUserLoggedInStateInterval&&t.checkUserLoggedInStateInterval>0?parseInt(t.checkUserLoggedInStateInterval+"",10):0;if(t.userInfo){this.store.set(this.keys.user,t.userInfo);this.registerToken(this.overridetokenValue,"override")}}init(t=true){if(t){this.checkParameters();this.checkPNTopbar();this.checkExpireTime();if(this.store.get(this.keys.token)&&!this.store.get(this.keys.user)){this.fetchUserInfo()}this.loginStateChange();if(this.checkUserLoggedInStateInterval>0){this.initiateLoggedInCheck()}}}setSiteUrl(t){if(t){this.siteUrl=t}}initiateLoggedInCheck(){if(this.isLoggedIn()){if(window&&window["AbortController"]){this.abortSignalForLoginCheck=new AbortController}this.loginCheckTimer=window.setInterval((()=>{this.doExternalLoggedInCheck().then((()=>{})).catch((()=>{}))}),this.checkUserLoggedInStateInterval)}}async doExternalLoggedInCheck(){if(!window.navigator.onLine){return}if(!this.getToken()){window.clearInterval(this.checkUserLoggedInStateInterval);return}if(this.loginCheckInProgress&&this.abortSignalForLoginCheck){this.abortSignalForLoginCheck.abort();this.abortSignalForLoginCheck=new AbortController}this.loginCheckInProgress=true;const t={method:"GET",headers:{Accept:"application/json","Content-Type":"application/json",Authorization:this.getToken()}};if(this.abortSignalForLoginCheck&&this.abortSignalForLoginCheck["signal"]){t["signal"]=this.abortSignalForLoginCheck["signal"]}const e=await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`,t);if(e.status===409){window.clearInterval(this.checkUserLoggedInStateInterval);console.log("Cleared out user data due to bad response from authentication endpoint");this.LogoutUser();return}if(!e.ok){return}const n=await e.json();if(!n||!n["accessToken"]){window.clearInterval(this.checkUserLoggedInStateInterval);console.log("Cleared out user data due to bad response from authentication endpoint");this.LogoutUser()}this.loginCheckInProgress=false}LogoutUser(){this.clearUserData();if(this.eventTarget){const t=this.eventTarget.querySelector("#pn-marketweb-header-logoutlink");if(t){t.click();return}}const t=window.location.href;window.location.href=this.getLogoutUrl(t)}isLoggedIn(t=false){if(t){return t}let e=this.store.get(this.keys.token)&&this.store.get(this.keys.user)?true:false;if(!e&&this.store.get(this.keys.token)===this.overridetokenValue){e=true}return e}registerToken(t="",e="frontend"){if(!t||t===this.getToken()){return}this.clearUserData();this.store.set(this.keys.tokensource,e);this.store.set(this.keys.token,t);this.fetchUserInfo()}invalidateTokenOfType(t="frontend"){const e=this.store.get(this.keys.token);if(!e){return}const n=this.store.get(this.keys.tokensource);if(n!==t){return}this.clearUserData()}getLoginUrl(t=""){const e=window.location.href;t=t?t:e;return`${this.getBaseUrl()}${this.endpoints.authorizationEndpoint}?redirectionUrl=${t}`}getLogoutUrl(t=""){if(t.indexOf("logout?logoutUrl")!==-1){return t}let e=t.replace("logout","").replace("http://window.location.href/?",window.location.href).replace("https://window.location.href/?",window.location.href);let n=this.siteUrl;try{const t=new URL(this.siteUrl+"");n=t.origin}catch(t){}const i=n.lastIndexOf("/")!==n.length-1;const o=n+(i?"/":"")+"logout";const a=`${this.getBaseUrl()}${this.endpoints.logoutEndpoint}?authorization=${this.store.get(this.keys.token)}%26redirectionUrl=${e}`;const s=`${o}?logoutUrl=${a}`;return s}getUserInfo(){if(this.isLoggedIn()){return this.store.get(this.keys.user)}}getEventTarget(){return this.eventTarget}checkExpireTime(){const t=this.store.get(this.keys.expire);if(!t){return}const e=new Date;const n=new Date(Math.floor(parseInt(t,10)*1e3));if(e>n){console.info("Login time has expired");this.clearUserData();this.loginStateChange()}}checkPNTopbar(){if(this.isLoggedIn()||!window["pnTopbar"]||!window["pnTopbar"]["session_id"]){return}this.store.set(this.keys.token,window["pnTopbar"]["session_id"]);this.fetchUserInfo()}checkParameters(){if(!(window===null||window===void 0?void 0:window.location)){return}const t=new URLSearchParams(window.location.search);if(t.get("oneTimeCode")){const e=t.get("oneTimeCode");this.exchangeToken(e).then((()=>{const t=window.location.href;const n=t.indexOf("?oneTimeCode")!==-1?"?":"&";const i=t.replace(`${n}oneTimeCode=${e}`,"");history.replaceState({},document.querySelector("title").innerText,i)}))}}async fetchUserInfo(){const t=this.store.get(this.keys.token);if(this.store.get(this.keys.token)===this.overridetokenValue){console.info("Did not fetch user data since it was set by an override");return}const e={method:"GET",headers:{Accept:"application/json","Content-Type":"application/json",Authorization:t}};const n=await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`,e);const i=await n.json();if(i&&i["idToken"]){try{const{idToken:t,expiryTime:e,accessToken:n}=i;const o=this.parseUserInfo(t);if(!o){console.error("Userdata is not valid");this.clearUserData();return}this.store.set(this.keys.user,o);this.store.set(this.keys.accessToken,n);this.store.set(this.keys.expire,e);this.store.set(this.keys.expireDate,new Date(Math.floor(parseInt(e,10)*1e3)));this.loginStateChange()}catch(t){console.error("Unable to get user information",t)}}else{console.error("Unable to get user information. Clearing login state");this.clearUserData()}}clearUserData(){this.store.remove(this.keys.user);this.store.remove(this.keys.tokensource);this.store.remove(this.keys.accessToken);this.store.remove(this.keys.token);this.store.remove(this.keys.expire);this.store.remove(this.keys.expireDate)}getToken(){return this.store.get(this.keys.token)}getAccessToken(){return this.store.get(this.keys.accessToken)}async exchangeToken(t){this.clearUserData();const e=await fetch(`${this.getBaseUrl()}${this.endpoints.tokenExchangeEndpoint}?oneTimeCode=${t}`);const{token:n}=await e.json();if(typeof n==="string"&&n){this.store.set(this.keys.token,n)}this.fetchUserInfo()}loginStateChange(){if(!this.eventTarget){return}this.eventTarget.dispatchEvent(new CustomEvent(this.events.loginstatechange,{detail:this.isLoggedIn()}))}getBaseUrl(){const t=["localhost","integration.","inte.","local."];let e=t.filter((t=>this.endpoint.indexOf(t)!==-1)).length>0;if(["devportal.postnord.com","atportal.postnord.com"].indexOf(window.location.hostname)!==-1){e=true}if(e){return this.baseUrls.at}return this.baseUrls.prod}parseUserInfo(t){if(!t){return null}var e=t.split(".")[1];var n=e.replace(/-/g,"+").replace(/_/g,"/");var i=decodeURIComponent(atob(n).split("").map((function(t){return"%"+("00"+t.charCodeAt(0).toString(16)).slice(-2)})).join(""));return JSON.parse(i)}}const O='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-marketweb-siteheader-login{padding:1rem 0;max-height:5.2rem;position:relative}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content{max-width:350px;display:flex;flex-direction:column;gap:2.4rem;padding:4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-button{width:100%}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-marketweb-siteheader-unified-login::after{display:block;content:"";height:2px;background:#f9f8f8;width:100%;margin-top:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span::before{display:block;content:"";height:2px;background:#f9f8f8;width:100%;margin-bottom:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span{font-size:1.4rem;color:#2d2013}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a{text-decoration:none;color:#005d92}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a:hover{text-decoration:underline}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span *{margin-bottom:0}pn-marketweb-siteheader-login pn-button-dropdown{display:none}pn-marketweb-siteheader-login.hydrated pn-button-dropdown{display:block}';const N=O;const W=class{constructor(n){t(this,n);this.loginStateChange=e(this,"loginStateChange",7);var i;this.endpoint="";this.token="";this.i18n={searchlabel:"",searchplaceholder:"",searchbuttontext:"",menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",profileSelectionFlyoutHeading:"",unifiedLoginButton:"",unifiedMyPagesButton:""};this.siteUrl="";this.emitEvents=true;this.loginDialog=null;this.fullname="";this.loggedin=false;this.showProfileSelection=false;this.showUnifiedLogin=false;this.checkUserLoggedInStateInterval=0;this.environment=undefined;this.loginLinks=undefined;this.toggleButtonText=((i=this.loginDialog)===null||i===void 0?void 0:i.loginMenuLinkText)?this.loginDialog.loginMenuLinkText:"";this.username=this.fullname}componentWillLoad(){const t=this.loggedin&&this.fullname?{given_name:this.fullname}:null;h.loginManager=new E({endpoint:this.endpoint,eventTarget:this.hostElement,checkUserLoggedInStateInterval:this.checkUserLoggedInStateInterval,userInfo:t});h.loginManager.setSiteUrl(this.siteUrl);this.hostElement["loginmanager"]=h.loginManager;if(this.token){h.loginManager.registerToken(this.token,"backend")}else if(this.emitEvents){h.loginManager.invalidateTokenOfType("backend")}this.hostElement.addEventListener(h.loginManager.events.loginstatechange,this.onLoginStateChange.bind(this));this.init();this.setUserName();this.setToggleButtonText()}async init(){h.loginManager.init(this.emitEvents);this.setToggleButtonText();this.adjustLoginLinks()}adjustLoginLinks(){var t;if(!((t=this.loginDialog)===null||t===void 0?void 0:t.loginMenuLinks)){return}const e=(t,e)=>{if(!t.isLogoutLink){t.isLogoutLink=t.pageLink.indexOf("location.href")!==-1&&t.pageLink.indexOf("logout")!==-1}if(t.isLogoutLink){t.href=h.loginManager.getLogoutUrl(t.href)}if(e===0&&!t.href){t.href=h.loginManager.getLoginUrl();t.linkType="primary"}if(t.primaryLinkApperance&&!t.linkType){t.linkType="primary"}return t};if(this.loginDialog){this.loginDialog.loginMenuLinks=this.loginDialog.loginMenuLinks.map(e);this.loginDialog.loggedInLinks=this.loginDialog.loggedInLinks.map(e)}this.loginDialog.legacyLoginLinks=[{href:h.loginManager.getLoginUrl(this.loginDialog.loginUrl),linkText:this.loginDialog.loginLinkText,openInNewWindow:false,isLogoutLink:false,pageLink:null,linkType:"primary",primaryLinkApperance:true},{href:h.loginManager.getLoginUrl(this.loginDialog.registerUrl),linkText:this.loginDialog.createLoginLinkText,openInNewWindow:false,isLogoutLink:false,pageLink:null,primaryLinkApperance:false}]}setUserName(){const t=h.loginManager.getUserInfo();let e="";if(!this.loggedin||!t){this.username=e}if(t&&t.given_name){e=t.given_name+((t===null||t===void 0?void 0:t.family_name)?` ${t===null||t===void 0?void 0:t.family_name}`:"")}if(!e&&t&&t.email){e=t.email}if(!e&&this.fullname){e=this.fullname}this.username=e}setToggleButtonText(){if(this.loggedin){this.toggleButtonText=this.username;if(!this.toggleButtonText){this.toggleButtonText=this.loginDialog.loggedInButtonText}}else{this.toggleButtonText=this.loginDialog.loginMenuLinkText}}onLoginStateChange(t){if(this.loggedin!==t.detail&&this.emitEvents){this.loggedin=t.detail;this.loginStateChange.emit({loggedIn:this.loggedin,token:h.loginManager.getToken()});this.setUserName();this.setToggleButtonText()}}render(){if(!this.loginDialog){return}let t={username:null,loggedin:"false"};if(this.username){t.username=this.username;t.loggedin=this.loggedin+""}return n(i,Object.assign({},t),n("pn-button-dropdown",{label:this.toggleButtonText,icon:k,appearance:"light",variant:"borderless",class:"siteheader-logindialog"},this.showUnifiedLogin&&n("pn-marketweb-siteheader-unified-login",{loggedIn:this.loggedin,myPageLabel:this.i18n.unifiedMyPagesButton,myPageUrl:"https://account.postnord.com/secure/profile",logInLabel:this.i18n.unifiedLoginButton}),this.loggedin&&this.showProfileSelection?n("pn-marketweb-siteheader-login-profileselection",{loginDialog:this.loginDialog,loggedin:this.loggedin,i18n:this.i18n,idNamespace:this.emitEvents?"1":"2",endpoint:this.endpoint}):n("pn-marketweb-siteheader-login-links",{loginDialog:this.loginDialog,loggedin:this.loggedin,idNamespace:this.emitEvents?"1":"2",username:this.username,showUnifiedLogin:this.showUnifiedLogin}),!this.loggedin&&n("span",{innerHTML:`${this.loginDialog.loginInfo}`})))}get hostElement(){return o(this)}static get watchers(){return{i18n:["init"],loginDialog:["init"]}}};W.style=N;const{state:D,onChange:P}=d({searchValue:"",autocompleteSuggestions:{},requestAbortController:new AbortController});const V="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.siteheader-search a{display:none}@media screen and (min-width: 48em){.siteheader-search a{display:block}}.siteheader-search pn-search-field>.input-container button{background:#ffffff}.siteheader-search pn-search-field.button-icon pn-button,.siteheader-search pn-button{display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{align-self:center;padding:0;height:2.3em;width:2.4em;line-height:0;min-height:unset;min-width:initial}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search pn-search-field.button-icon pn-button .pn-button-tooltip,.siteheader-search pn-button .pn-button-tooltip{line-height:initial !important}.siteheader-search form{justify-content:flex-end;align-items:stretch;width:auto;flex:none;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative;flex-direction:column}@media screen and (min-width: 60em){.siteheader-search form{margin-right:1.6rem}}.siteheader-search form pn-search-field{min-width:13.5em}.siteheader-search form pn-search-field .input-container{align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";const R=V;const X=class{constructor(e){t(this,e);this.i18n=undefined;this.showOnlyLink=false;this.hideSearch=false;this.language=null;this.siteid=null;this.search={};this.primary=false;this.icononly=true;this.autoCompleteOptions=[]}onSearchValueUpdate(){this.getAutocomplete(D.searchValue)}async getAutocomplete(t){if(!this.search.AutocompleteEndpoint||t.length<2){this.autoCompleteOptions=[];return}if(D.autocompleteSuggestions[t]){this.setAutocompleteSuggestions(D.autocompleteSuggestions[t]);return}let e=`${this.search.AutocompleteEndpoint}?prefix=${t}&size=10`;if(this.language||this.siteid){e+=`&tags=`;if(this.language){e+=`language:${this.language}`}if(this.language&&this.siteid){e+=`,`}if(this.siteid){e+=`siteid:${this.siteid}`}}const n=await fetch(e,{signal:D.requestAbortController.signal}).catch((t=>{console.warn("Unable to fetch autocomplete suggestions",t)}));if(!n){return}const i=await n.json();if(!i||!i.hits||!i.hits.length){return}const o=i.hits.filter((t=>t.type==="editorial")).map((t=>t.query));D.autocompleteSuggestions[t]=o;this.setAutocompleteSuggestions(o)}setAutocompleteSuggestions(t){if(typeof t!=="object"||typeof t.length!=="number"||t.length===0){return}this.autoCompleteOptions=t}componentWillLoad(){P("searchValue",(()=>{this.onSearchValueUpdate()}))}componentDidRender(){const t=this.hostElement.querySelector("pn-search-field input:not([list])");if(t&&this.search.AutocompleteEndpoint){t.setAttribute("list","siteheader-search-autocomplete")}}render(){if(!this.search.formActionUrl||this.hideSearch){return}const t=this.search.AutocompleteEndpoint?{list:"siteheader-search-autocomplete"}:{};return n("div",{class:"siteheader-search"},this.showOnlyLink?n("pn-button",{href:this.search.formActionUrl,appearance:"light",icon:c,tooltip:this.i18n.searchlabel}):n("form",{method:"get",action:this.search.formActionUrl,role:"search"},n("pn-search-field",Object.assign({},t,{label:this.i18n.searchlabel,name:"q",button:this.icononly?"icon":null,"button-label":"Search",placeholder:this.i18n.searchplaceholder,onUpdate:t=>{D.searchValue=t.detail},onSearch:()=>{const t=this.hostElement.querySelector("form");if(t){t.submit()}}})),this.primary&&this.search.AutocompleteEndpoint?n("datalist",{id:"siteheader-search-autocomplete"},this.autoCompleteOptions.map((t=>n("option",null,t)))):null))}get hostElement(){return o(this)}};X.style=R;const q={sv:{navlabel:"Webbplatsväljare"},en:{navlabel:"Website selector"},da:{navlabel:"Webstedsvælger"},no:{navlabel:"Nettstedsvelger"},fi:{navlabel:"Verkkosivun valitsin"},de:{navlabel:"Website-Selektor"}};const J="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-site-selector{display:flex;position:relative;justify-content:center;max-height:5.2rem}@media screen and (min-width: 75em){pn-site-selector{display:block}}.siteselector-heading{display:block;padding:0;margin-bottom:1.6rem}@media screen and (min-width: 75em){.siteselector-heading{display:flex;align-items:center;margin-top:0.8rem}}.siteselector-list{list-style:none;margin:0;padding:0}";const F=J;const K=class{constructor(e){t(this,e);this.buttontext="postnord";this.heading="PostNord";this.language="sv";this.i18n={navlabel:"Site selector"}}componentWillLoad(){this.setLanguage()}setLanguage(){if(q[this.language]){this.i18n=q[this.language]}}render(){return n(i,{key:"e7f2afb9152823c342d400159df9250b8077f5e4"},n("pn-button-dropdown",{key:"cf7772fb94bc00f0e34f2224de5801087b1b4bdc",label:this.buttontext,icon:u,appearance:"light",variant:"borderless"},n("nav",{key:"a9aa62af98725a2ae8c9ee3c8763b1657b686b3b",class:"siteselector-nav","aria-label":this.i18n.navlabel},this.heading?n("strong",{class:"siteselector-heading"},this.heading):null,n("ul",{key:"e39b42302acdcbde9513b0886ba689a2dd15ba53",class:"siteselector-list"},n("slot",{key:"2f653ff81c6b0cdf631aab20e6730251c4929f4f"})))))}get hostElement(){return o(this)}};K.style=F;const Y="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-site-selector-item{display:block}pn-site-selector-item>div,pn-site-selector-item>a{padding:0.8rem 0;display:flex;flex-flow:column;position:relative}.siteselector-item-link{border-radius:0;text-decoration:none;color:#005d92;flex-direction:row}.siteselector-item-link:hover,.siteselector-item-link:focus{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:none;box-shadow:none}.siteselector-item-link:active{background-color:#f3f2f2;color:#00a0d6;outline:none}.siteselector-item-link>span{flex-grow:1}.siteselector-item-link pn-icon{right:3.2rem;height:1.9rem;width:1.9rem;align-self:center}.siteselector-item-link pn-icon svg{width:100%;height:auto}.siteselector-item-title{display:block}.siteselector-item-description{color:#2d2013;font-size:1.28rem}a:hover>.siteselector-item-description,a:focus>.siteselector-item-description{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:none}a:active>.siteselector-item-description{background-color:#f3f2f2;color:#00a0d6;outline:none}";const Q=Y;const Z=class{constructor(e){t(this,e);this.url="";this.heading="";this.description="";this.newwindow=false}render(){return n(i,{key:"5b5d779730b32cd1e510f6a484a79be67933b6d2",role:"listitem"},this.url?n("a",{class:"siteselector-item-link",href:this.url,target:this.newwindow?"_blank":"self",rel:this.newwindow?"nofollow noopener":""},n("span",null,this.heading&&n("span",{class:"siteselector-item-title"},this.heading),this.description&&n("small",{class:"siteselector-item-description"},this.description)),n("pn-icon",{icon:p,color:"blue700"})):n("div",null,this.heading&&n("span",{class:"siteselector-item-title"},this.heading),this.description&&n("small",{class:"siteselector-item-description"},this.description)))}};Z.style=Q;export{L as pn_language_selector,C as pn_language_selector_option,z as pn_mainnav,U as pn_mainnav_level,I as pn_mainnav_list,W as pn_marketweb_siteheader_login,X as pn_marketweb_siteheader_search,K as pn_site_selector,Z as pn_site_selector_item};
-//# sourceMappingURL=p-e8189227.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icon","angle_small_right","close","globe","user","translations","sv","heading","en","da","no","fi","de","zh","fr","es","nl","it","tr","pl","pt","pnLanguageSelectorCss","PnLanguageSelectorStyle0","PnlanguageSelector","componentWillLoad","this","setInitialSelectedLanguageName","setTranslations","componentDidLoad","initialize","setSelectedLanguageName","addEventBindingsToOptions","window","Intl","value","langs","DisplayNames","type","languageName","of","selectedLanguageName","charAt","toUpperCase","slice","options","apply","hostElement","querySelectorAll","map","option","removeEventListener","event","onSetCurrentLanguage","detail","addEventListener","getAttribute","code","name","setLanguage","emit","i18n","onValueChange","components","_a","forEach","component","isSelected","setAttribute","render","h","Host","key","label","appearance","variant","class","role","pnLanguageSelectorOptionCss","PnLanguageSelectorOptionStyle0","PnlanguageSelectorOption","onOptionClick","currentlanguage","url","current","setCurrentLanguage","selected","onClick","bind","href","target","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","navLabel","pnMainnavCss","PnMainnavStyle0","PnMainnav","init","document","_onClickOutside","setMarket","clickedOutside","contains","state","openLevel","menuLanguageChange","language","marketChange","market","onLanguageChange","setMenuOpenState","openMenu","menuOpenChange","onOpenMenuLevelChange","navigationId","bars","color","currentLevel","id","pnMainnavLevelCss","PnMainnavLevelStyle0","PnMainnavLevel","setState","onChange","onChangeOpenLevel","listCount","length","parentElm","parentElement","tagName","toLowerCase","level","parentName","parentHref","parentLinkId","parentLinkName","replace","levelId","onOpen","requestAnimationFrame","levelClientRect","getClientRects","navElm","navClientRect","right","innerWidth","levelParentRect","left","width","alignment","isOpen","Object","assign","htmlFor","arrow_left","linkid","pnMainnavListCss","PnMainnavListStyle0","PnMainnavList","linkCount","MarketWebLoginManager","constructor","eventTarget","body","endpoint","storagePrefix","checkUserLoggedInStateInterval","baseUrls","at","prod","events","loginstatechange","endpoints","authorizationEndpoint","tokenExchangeEndpoint","userInfoEndpoint","logoutEndpoint","keys","tokensource","token","accessToken","expire","expireDate","overridetokenValue","siteUrl","location","origin","abortSignalForLoginCheck","loginCheckInProgress","loginCheckTimer","store","get","sessionStorage","getItem","indexOf","JSON","parse","e","split","set","setItem","stringify","remove","removeItem","protocol","host","parseInt","userInfo","registerToken","checkParameters","checkPNTopbar","checkExpireTime","fetchUserInfo","loginStateChange","initiateLoggedInCheck","setSiteUrl","isLoggedIn","AbortController","setInterval","doExternalLoggedInCheck","then","catch","navigator","onLine","getToken","clearInterval","abort","reqConfig","method","headers","Accept","Authorization","response","fetch","getBaseUrl","status","console","log","LogoutUser","ok","data","json","clearUserData","logoutLink","querySelector","click","currentPageHref","getLogoutUrl","override","tokenSource","invalidateTokenOfType","currentToken","currentTokenSource","getLoginUrl","redirectPage","currentPage","linkHref","rootUrl","URL","addSlash","lastIndexOf","secondLogoutUrl","logoutUrl","getUserInfo","getEventTarget","now","Date","Math","floor","info","params","URLSearchParams","search","oneTimeCode","exchangeToken","currentHref","paramPrefix","newUrl","history","replaceState","innerText","idToken","expiryTime","parseUserInfo","error","getAccessToken","dispatchEvent","CustomEvent","atEnvironments","useATEnv","filter","x","hostname","base64Url","base64","jsonPayload","decodeURIComponent","atob","c","charCodeAt","toString","join","pnMarketwebSiteheaderLoginCss","PnMarketwebSiteheaderLoginStyle0","PnMarketwebSiteheaderLogin","searchlabel","searchplaceholder","searchbuttontext","profileSelectionFlyoutHeading","unifiedLoginButton","unifiedMyPagesButton","loginDialog","loginMenuLinkText","fullname","loggedin","given_name","headerState","loginManager","emitEvents","onLoginStateChange","setUserName","setToggleButtonText","adjustLoginLinks","loginMenuLinks","adjustLink","link","i","isLogoutLink","pageLink","linkType","primaryLinkApperance","loggedInLinks","legacyLoginLinks","loginUrl","linkText","loginLinkText","openInNewWindow","registerUrl","createLoginLinkText","username","family_name","email","toggleButtonText","loggedInButtonText","loggedIn","hostElementAttribute","showUnifiedLogin","myPageLabel","myPageUrl","logInLabel","showProfileSelection","idNamespace","innerHTML","loginInfo","createStore","searchValue","autocompleteSuggestions","requestAbortController","pnMarketwebSiteheaderSearchCss","PnMarketwebSiteheaderSearchStyle0","PnMarketwebSiteheaderSearch","onSearchValueUpdate","getAutocomplete","prefix","AutocompleteEndpoint","autoCompleteOptions","setAutocompleteSuggestions","autocompleteUrl","siteid","req","signal","warn","hits","suggestions","item","query","componentDidRender","inputSearchElm","formActionUrl","hideSearch","autocompleteAttribute","list","showOnlyLink","tooltip","action","button","icononly","placeholder","onUpdate","onSearch","form","submit","primary","languageData","navlabel","pnSiteSelectorCss","PnSiteSelectorStyle0","PnSiteSelector","buttontext","angle_small_down","pnSiteSelectorItemCss","PnSiteSelectorItemStyle0","PnSiteSelectorItem","newwindow","rel","description"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_small_right.js","node_modules/pn-design-assets/pn-assets/icons/close.js","node_modules/pn-design-assets/pn-assets/icons/globe.js","node_modules/pn-design-assets/pn-assets/icons/user.js","src/components/navigation/pn-language-selector/translations.ts","src/components/navigation/pn-language-selector/pn-language-selector.scss?tag=pn-language-selector","src/components/navigation/pn-language-selector/pn-language-selector.tsx","src/components/navigation/pn-language-selector/pn-language-selector-option.scss?tag=pn-language-selector-option","src/components/navigation/pn-language-selector/pn-language-selector-option.tsx","src/components/navigation/pn-mainnav/translations.ts","src/components/navigation/pn-mainnav/pn-mainnav.scss?tag=pn-mainnav","src/components/navigation/pn-mainnav/pn-mainnav.tsx","src/components/navigation/pn-mainnav/pn-mainnav-level.scss?tag=pn-mainnav-level","src/components/navigation/pn-mainnav/pn-mainnav-level.tsx","src/components/navigation/pn-mainnav/pn-mainnav-list.scss?tag=pn-mainnav-list","src/components/navigation/pn-mainnav/pn-mainnav-list.tsx","src/globals/MarketWebLoginManager.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.scss?tag=pn-marketweb-siteheader-login","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search-store.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.scss?tag=pn-marketweb-siteheader-search","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.tsx","src/components/navigation/pn-site-selector/pn-site-selector-i18n.js","src/components/navigation/pn-site-selector/pn-site-selector.scss?tag=pn-site-selector","src/components/navigation/pn-site-selector/pn-site-selector.tsx","src/components/navigation/pn-site-selector/pn-site-selector-item.scss?tag=pn-site-selector-item","src/components/navigation/pn-site-selector/pn-site-selector-item.tsx"],"sourcesContent":["const icon = '<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=\"M16.707 11.293a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L14.586 12 9.293 6.707a1 1 0 0 1 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_small_right = icon;\nexport const angleSmallRight = icon;\n","const icon = '<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=\"M4.293 4.293a1 1 0 0 1 1.414 0L12 10.586l6.293-6.293a1 1 0 1 1 1.414 1.414L13.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414L12 13.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L10.586 12 4.293 5.707a1 1 0 0 1 0-1.414\" clip-rule=\"evenodd\"/></svg>';\nexport const close = icon;\n","const icon = '<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=\"M4.252 10A8 8 0 0 0 4 12c0 .69.088 1.36.252 2h3.166a13.8 13.8 0 0 1 0-4zm.818-2h2.795a13.6 13.6 0 0 1 1.719-3.629A8.02 8.02 0 0 0 5.07 8M12 4.48A11.7 11.7 0 0 0 9.972 8h4.056A11.7 11.7 0 0 0 12 4.48M14.557 10H9.443a11.8 11.8 0 0 0 0 4h5.114a11.8 11.8 0 0 0 0-4m2.025 4a13.8 13.8 0 0 0 0-4h3.166c.165.64.252 1.31.252 2s-.087 1.36-.252 2zm-2.554 2H9.972A11.7 11.7 0 0 0 12 19.52 11.7 11.7 0 0 0 14.028 16m-4.444 3.629A13.6 13.6 0 0 1 7.864 16H5.07a8.02 8.02 0 0 0 4.514 3.629m4.832 0A13.6 13.6 0 0 0 16.136 16h2.794a8.02 8.02 0 0 1-4.514 3.629M18.93 8h-2.795a13.6 13.6 0 0 0-1.719-3.629A8.02 8.02 0 0 1 18.93 8M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12\" clip-rule=\"evenodd\"/></svg>';\nexport const globe = icon;\n","const icon = '<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=\"M7.5 7.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0M12 5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.928 20.372a1 1 0 0 1-1.856-.743l.883.353a82 82 0 0 1-.883-.354v-.002l.001-.002.003-.007.008-.018a4 4 0 0 1 .114-.25c.078-.161.193-.383.35-.645.315-.523.8-1.217 1.495-1.911C6.444 15.39 8.688 14 12 14s5.556 1.391 6.957 2.793a10 10 0 0 1 1.494 1.911 8 8 0 0 1 .44.837q.016.036.025.058l.008.018.003.007.001.004-.883.354.883-.353a1 1 0 0 1-1.856.744v.001l.001.001v-.002a2 2 0 0 0-.07-.15 6 6 0 0 0-.267-.49 8 8 0 0 0-1.193-1.526C16.444 17.11 14.688 16 12 16s-4.444 1.109-5.543 2.207a8 8 0 0 0-1.193 1.526 6 6 0 0 0-.336.64m0 0-.001.003zm14.144.001\" clip-rule=\"evenodd\"/></svg>';\nexport const user = icon;\n","export const translations = {\n  'sv': {\n    heading: 'Språk',\n  },\n  'en': {\n    heading: 'Language',\n  },\n  'da': {\n    heading: 'Sprog',\n  },\n  'no': {\n    heading: 'Språk',\n  },\n  'fi': {\n    heading: 'Kieli',\n  },\n  'de': {\n    heading: 'Sprache',\n  },\n  'zh': {\n    heading: '语言',\n  },\n  'fr': {\n    heading: 'Langue',\n  },\n  'es': {\n    heading: 'Idioma',\n  },\n  'nl': {\n    heading: 'Spraak',\n  },\n  'it': {\n    heading: 'Idioma',\n  },\n  'tr': {\n    heading: 'Dil',\n  },\n  'pl': {\n    heading: 'Język',\n  },\n  'pt': {\n    heading: 'Linguagem',\n  },\n  'pt-BR': {\n    heading: 'Linguagem',\n  },\n};\n","@import '../../../globals/main.scss';\n@import './pn-language-common.scss';\npn-language-selector {\n  max-height: 5.2rem;\n}\n.languageselector {\n  position: relative;\n}\n\n.languageselector-togglebtn {\n  cursor: pointer;\n  border: 0;\n  padding: 0.64rem 0;\n  background-color: $white;\n  color: $blue700;\n  font-size: 1.6rem;\n  &:hover,\n  &:focus,\n  &:active {\n    color: $blue900;\n    text-decoration: underline;\n  }\n  svg {\n    width: 1.9rem;\n    height: 1.9rem;\n  }\n}\n\n.languageselector-nav {\n}\n\n.languageselector-title {\n  padding: 0.8rem 1.6rem;\n  display: flex;\n  align-items: center;\n}\n\n.languageselector-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n","import { Component, Prop, h, State, Host, Watch, Element, Event, EventEmitter } from '@stencil/core';\nimport { LanguageSelectori18n, LanguageSelectorOption } from './pn-language-selector-types';\nimport { translations } from './translations';\nimport { globe } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-language-selector',\n  styleUrl: 'pn-language-selector.scss',\n})\nexport class PnlanguageSelector {\n  @Element() hostElement: HTMLElement;\n  /* Current language code  */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  @State() selectedLanguageName = '';\n  @State() options: LanguageSelectorOption[] = [];\n  @State() i18n: LanguageSelectori18n;\n\n  // Events\n  @Event() setLanguage: EventEmitter;\n\n  componentWillLoad() {\n    this.setInitialSelectedLanguageName();\n    this.setTranslations();\n  }\n\n  componentDidLoad() {\n    this.initialize();\n  }\n\n  initialize() {\n    this.setSelectedLanguageName();\n    this.addEventBindingsToOptions();\n  }\n\n  setInitialSelectedLanguageName() {\n    if (!window.Intl || !this.value) {\n      return;\n    }\n    const langs = new (Intl as any).DisplayNames([this.value], { type: 'language' });\n    if (!langs) {\n      return;\n    }\n    const languageName = langs.of(this.value);\n    if (!languageName) {\n      return;\n    }\n    this.selectedLanguageName = languageName.charAt(0).toUpperCase() + languageName.slice(1);\n  }\n\n  addEventBindingsToOptions() {\n    const options = [].slice.apply(this.hostElement.querySelectorAll('pn-language-selector-option')) as HTMLElement[];\n    options.map((option: HTMLElement) => {\n      option.removeEventListener('setCurrentLanguage', (event: CustomEvent) => {\n        this.onSetCurrentLanguage(event.detail as LanguageSelectorOption);\n      });\n      // Bind event listener for when a user change language\n      option.addEventListener('setCurrentLanguage', (event: CustomEvent) => {\n        this.onSetCurrentLanguage(event.detail as LanguageSelectorOption);\n      });\n    });\n  }\n\n  @Watch('value')\n  setSelectedLanguageName() {\n    const options = [].slice.apply(this.hostElement.querySelectorAll('pn-language-selector-option')) as HTMLElement[];\n    options.map((option: HTMLElement) => {\n      // Set current label of language selector\n      if (option.getAttribute('code') == this.value) {\n        //  || option.getAttribute(\"selected\") == \"true\"\n        this.selectedLanguageName = option.getAttribute('name');\n      }\n    });\n  }\n\n  onSetCurrentLanguage(option: LanguageSelectorOption) {\n    this.value = option.code;\n    this.selectedLanguageName = option.name;\n    this.setLanguage.emit(this.value);\n  }\n\n  @Watch('value')\n  setTranslations() {\n    if (translations[this.value]) {\n      this.i18n = translations[this.value] as LanguageSelectori18n;\n    }\n  }\n\n  @Watch('value')\n  onValueChange() {\n    const components = this.hostElement.querySelectorAll('pn-language-selector-option') ?? [];\n    components.forEach(component => {\n      // Pass values as props into slotted components\n      // component.setAttribute(\"current-language\", this.value);\n      const isSelected = (component.getAttribute('code') === this.value) + '';\n      if (component.getAttribute('selected') + '' !== isSelected) {\n        component.setAttribute('selected', isSelected);\n      }\n    });\n  }\n\n  render() {\n    return (\n      <Host value={this.value}>\n        <pn-button-dropdown label={this.selectedLanguageName} icon={globe} appearance=\"light\" variant=\"borderless\">\n          <nav class=\"languageselector-nav\" aria-label={this.i18n.heading}>\n            <strong class=\"languageselector-title\">{this.i18n.heading}</strong>\n            <div class=\"languageselector-list\" role=\"list\">\n              <slot />\n            </div>\n          </nav>\n        </pn-button-dropdown>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-language-common.scss';\n\npn-language-selector-option {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.languageselector-button,\n.languageselector-link {\n  width: 100%;\n  padding: 1.1rem 1.6rem 1.1rem 1.4rem;\n  display: flex;\n  align-items: center;\n  position: relative;\n  text-decoration: none;\n  border: 0;\n  cursor: pointer;\n  background-color: $white;\n  color: $blue700;\n  font-size: 1.6rem;\n  font-weight: bold;\n  border-radius: 0;\n  &:hover,\n  &:focus,\n  &:active {\n    color: $blue900;\n    text-decoration: underline;\n    box-shadow: none;\n    background-color: $gray50;\n    color: $blue700;\n    outline: none;\n  }\n}\n\n.languageselector-itemtext {\n  display: inline-block;\n  margin-left: 1rem;\n}\n\n.languageselector-radio-outer {\n  background: #fff;\n  border: 0.1em solid $gray200;\n  border-radius: 50%;\n  height: 1.5em;\n  width: 1.5em;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition:\n    border 0.2s ease-in-out,\n    background-color 0.2s ease-in-out,\n    box-shadow 0.1s;\n  cursor: pointer;\n\n  &:focus > &,\n  &:active > & {\n    box-shadow:\n      0 0 0 0.1rem white,\n      0 0 0 0.3rem $blue700;\n  }\n  &:hover > & {\n    border: 0.1rem solid $blue700;\n    background: $blue50;\n  }\n  [selected='true'] & {\n    border: 0.1rem solid $blue700;\n  }\n}\n\n.languageselector-radio-inner {\n  transform: scale(0);\n  height: 1em;\n  width: 1em;\n  background-color: $blue700;\n  border-radius: 50%;\n  transform-origin: center center;\n  transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n\n  [selected='true'] & {\n    transform: scale(1);\n  }\n}\n","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\nimport { LanguageSelectorOption } from './pn-language-selector-types';\n\n@Component({\n  tag: 'pn-language-selector-option',\n  styleUrl: 'pn-language-selector-option.scss',\n})\nexport class PnlanguageSelectorOption {\n  /** What you write in the comment block above each prop is what ends up in the description fields in the prop table in the documentation */\n  @Prop() name: string = '';\n  @Prop() code: string = '';\n  @Prop() url: string = '';\n  @Prop() selected: boolean = false;\n  @Prop() currentLanguage: string;\n\n  @Event() setCurrentLanguage: EventEmitter;\n  onOptionClick() {\n    const currentlanguage: LanguageSelectorOption = {\n      name: this.name,\n      code: this.code,\n      url: this.url,\n      current: true,\n    };\n    this.setCurrentLanguage.emit(currentlanguage);\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\" selected={this.selected + ''} code={this.code} name={this.name}>\n        {!this.url ? (\n          <button class=\"languageselector-button\" data-langcode={this.code} onClick={this.onOptionClick.bind(this)}>\n            <span class=\"languageselector-radio-outer\">\n              <span class=\"languageselector-radio-inner\"></span>\n            </span>\n            <span class=\"languageselector-itemtext\">\n              {this.name} - {this.code}\n            </span>\n          </button>\n        ) : (\n          <a href={this.url} target=\"_self\" class=\"languageselector-link\" data-langcode={this.code}>\n            <span class=\"languageselector-radio-outer\">\n              <span class=\"languageselector-radio-inner\"></span>\n            </span>\n            <span class=\"languageselector-itemtext\">\n              {this.name} - {this.code}\n            </span>\n          </a>\n        )}\n      </Host>\n    );\n  }\n}\n","export const translations = {\n  'sv': {\n    menuHomeButton: 'Hem',\n    menuGoBackButton: 'Gå tillbaka',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n    navLabel: 'Huvudnavigation',\n  },\n  'en': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'da': {\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbage',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Hovednavigation',\n  },\n  'no': {\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbake',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n    navLabel: 'Hovednavigasjon',\n  },\n  'de': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Geh zurück',\n    mainMenuButton: 'Menü',\n    menuStartButton: 'Start',\n    navLabel: 'Hauptnavigation',\n  },\n  'zh': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'it': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'nl': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'tr': {\n    menuHomeButton: 'Anasayfa',\n    menuGoBackButton: 'Geri git',\n    mainMenuButton: 'Menü',\n    menuStartButton: 'Başlat',\n    navLabel: 'Ana gezinme',\n  },\n  'pt': {\n    menuHomeButton: 'Página inicial',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'pl': {\n    menuHomeButton: 'Strona główna',\n    menuGoBackButton: 'Powrót',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Początek',\n    navLabel: 'Menu główne systemu',\n  },\n  'pt-BR': {\n    menuHomeButton: 'Página inicial',\n    menuGoBackButton: 'Voltar',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Iniciar',\n    navLabel: 'Navegação principal',\n  },\n};\n","@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav {\n  display: flex;\n  flex-flow: row-reverse;\n  position: relative;\n  width: 100%;\n  min-height: 5.1rem;\n\n  @media screen and (min-width: $mobilenav-media-tablet) {\n    flex-flow: row;\n  }\n  @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n    flex-flow: column;\n  }\n\n  [slot='footer'] {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      display: none;\n    }\n  }\n  > nav {\n    height: auto;\n    width: 100vw;\n    background-color: $white;\n    z-index: 2;\n    transform: translateX(100vw);\n    transition: transform 0.2s 0s;\n    transition-property: transform, visibility;\n    display: flex;\n    flex-flow: column;\n    visibility: hidden;\n    position: fixed;\n    top: 3em;\n    bottom: 0;\n    left: 0;\n    @media screen and (min-width: $mobilenav-media-tablet) {\n      top: 6.5em;\n    }\n\n    &[data-menu-open='true'] {\n      visibility: visible;\n      transform: translateX(0);\n    }\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      flex-flow: row-reverse;\n      top: 0;\n      position: static;\n      // overflow: visible;\n      height: auto;\n      width: 100%;\n      justify-content: space-between;\n      visibility: visible;\n      transform: translateX(0);\n    }\n\n    a {\n      text-decoration: none;\n    }\n\n    button {\n      cursor: pointer;\n    }\n  }\n}\n\n.mainnav-toggle {\n  display: flex;\n  align-items: center;\n  align-self: center;\n  // @media screen and (min-width: $mobilenav-media-tablet) {\n  //   align-self: center;\n  // }\n  // @media screen and (min-width: $mobilenav-media-smalldesktop) {\n  //   align-self: center;\n  // }\n\n  @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n    display: none;\n  }\n  > button {\n    display: flex;\n    align-items: center;\n    background-color: $blue700;\n    color: $white;\n    border-radius: 2.4rem;\n    border: none;\n    padding: 0.6rem 1.6rem;\n    cursor: pointer;\n    font-size: 1.6rem;\n\n    &:focus {\n      outline: 0;\n    }\n\n    pn-icon {\n      margin-left: 0.8rem;\n      display: block;\n    }\n\n    svg {\n      display: block;\n      margin: -0.2rem -0.5rem -0.2rem 0;\n      height: 1.9rem;\n      width: 1.9rem;\n    }\n  }\n}\n","import { Component, Prop, h, Host, Listen, Event, EventEmitter, Element } from '@stencil/core';\nimport { translations } from './translations';\nimport { Menui18n } from './types';\nimport state from './pn-mainnav-store';\nimport { close, bars } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-mainnav',\n  styleUrl: 'pn-mainnav.scss',\n  shadow: false,\n})\nexport class PnMainnav {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which market we want to fetch navigation for (se,dk,fi,no,com) */\n  @Prop() market: string = 'se';\n  /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Specifies which endpoint we should read information from */\n  @Prop() navigationId: string = 'mainnav';\n  /** Specifies which endpoint we should read information from */\n  @Prop({ mutable: true }) openMenu: boolean = false;\n  /** Sets the label of the navigation (Required if multiple nav elements are on a page) */\n  @Prop() navLabel: string = '';\n\n  @Event() menuLanguageChange: EventEmitter; // Could not use language change since it's a existing window event\n  @Event() marketChange: EventEmitter;\n  @Event() menuOpenChange: EventEmitter;\n\n  componentWillLoad() {\n    this.init();\n    document.removeEventListener('mousedown', this._onClickOutside.bind(this));\n    document.addEventListener('mousedown', this._onClickOutside.bind(this));\n  }\n\n  async init() {\n    this.setLanguage();\n    this.setMarket();\n  }\n\n  private _onClickOutside(event) {\n    const clickedOutside = !this.hostElement.contains(event.target);\n    if (clickedOutside) {\n      state.openLevel = '';\n    }\n  }\n\n  @Listen('language')\n  setLanguage() {\n    this.menuLanguageChange.emit(this.language);\n  }\n\n  @Listen('market')\n  setMarket() {\n    this.marketChange.emit(this.market);\n  }\n\n  @Listen('menuLanguageChange')\n  onLanguageChange(event) {\n    if (translations[event.detail]) {\n      state.i18n = translations[event.detail] as Menui18n;\n      if (!this.navLabel) {\n        this.navLabel = state.i18n.navLabel;\n      }\n    }\n  }\n\n  @Listen('setmenuopenstate')\n  setMenuOpenState() {\n    state.openMenu = !state.openMenu;\n    this.menuOpenChange.emit(state.openMenu);\n  }\n\n  @Listen('openMenuLevelChange')\n  onOpenMenuLevelChange(event) {\n    state.openLevel = event.detail;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"mainnav-toggle\">\n          <button aria-controls={this.navigationId} aria-expanded={state.openMenu + ''} onClick={this.setMenuOpenState.bind(this)}>\n            {state.i18n.mainMenuButton}\n            <pn-icon icon={state.openMenu ? close : bars} color=\"white\"></pn-icon>\n          </button>\n        </div>\n        <nav class=\"mainnav\" aria-label={this.navLabel} data-menu-open={state.openMenu + ''} data-menu-currentlevel={state.currentLevel} id={this.navigationId}>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n","@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav-level {\n  display: block;\n  &:not(.hydrated) {\n    max-height: 5.6rem;\n    overflow: hidden;\n  }\n  &[data-level='1'] {\n    width: 100%;\n    right: 0;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    flex: 1;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      width: auto;\n      overflow: initial;\n\n      // Only works for blink/webkit\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n  }\n  &[data-level='2'] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100vw;\n    padding: 0;\n    background-color: $white;\n    z-index: 1;\n    transform: translateX(100vw);\n    transition: transform 0.2s 0s;\n    transition-property: transform, visibility;\n    overflow: scroll;\n    visibility: hidden;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      left: 0;\n      top: calc(100% + 1rem);\n      bottom: auto;\n      border-radius: 1.6rem;\n      width: auto;\n      padding: 1.6rem 1.6rem 0 1.6rem;\n      -webkit-box-shadow: $mainmenu-shadow-elevation8;\n      -moz-box-shadow: $mainmenu-shadow-elevation8;\n      box-shadow: $mainmenu-shadow-elevation8;\n      height: auto;\n      z-index: 3;\n      display: none;\n\n      &[data-menuitem-rightaligned='true'] {\n        // right-align next-to-last menu-pop-up on desktop (last is hidden mobile-action-menu)\n        right: 0;\n        left: unset;\n      }\n    }\n\n    @media screen and (max-height: $mobilenav-media-phoneheight) {\n      -ms-overflow-style: none; // IE and Edge\n      scrollbar-width: none; // Firefox\n\n      &::-webkit-scrollbar {\n        // Chrome, Safari and Opera\n        display: none;\n      }\n    }\n\n    &[aria-hidden='false'] {\n      transform: translateX(0);\n      visibility: visible;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        display: block;\n        overflow: visible;\n\n        &:not([data-level-listcount='1']) {\n          display: grid;\n          grid-template-columns: minmax(12em, 20em) 1fr;\n          grid-template-rows: auto auto;\n          gap: 0px 1.6rem;\n          grid-template-areas:\n            'top top'\n            'left right';\n        }\n      }\n    }\n    &[data-level-alignment='left'] {\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        right: 0;\n        left: unset;\n      }\n    }\n    &[data-level-alignment='center'] {\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        left: 50%;\n        transform: translateX(-50%);\n      }\n    }\n    a {\n      color: $blue700;\n      text-decoration: none;\n    }\n  }\n  [slot='top'] {\n    display: flex;\n    @media screen and (min-width: $mobilenav-media-tablet) {\n      display: none;\n    }\n  }\n\n  [slot='footer'] {\n    [data-menu-currentlevel='2'] & {\n      display: none;\n      overscroll-behavior: contain;\n    }\n  }\n}\n\n.mainnav-level-header {\n  grid-area: top;\n  > label {\n    position: absolute;\n    width: 0.1rem;\n    height: 0.1rem;\n    padding: 0;\n    margin: -0.1rem;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    border: 0;\n    white-space: nowrap;\n  }\n  > button {\n    display: block;\n    position: relative;\n    border: none;\n    background-color: transparent;\n    color: $blue700;\n    padding: 2.4rem 0 2.4rem 6.2rem;\n    width: 100%;\n    text-align: left;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      display: none;\n      speak: none;\n    }\n\n    > pn-icon {\n      speak: none;\n      position: absolute;\n      height: 2.4rem;\n      width: 2.4rem;\n      left: 3rem;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  [data-level='2'] & {\n    > pn-mainnav-link > a {\n      font-size: 2.4rem;\n    }\n  }\n}\n","import { Component, State, h, Host, Element, Watch, Prop } from '@stencil/core';\nimport { state, onChange } from './pn-mainnav-store';\nimport { arrow_left } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-mainnav-level',\n  styleUrl: 'pn-mainnav-level.scss',\n  shadow: false,\n})\nexport class PnMainnavLevel {\n  @Element() hostElement: HTMLElement;\n  @Prop({ reflect: true, mutable: true }) label: string = '';\n  @State() level: number = 1;\n  @State() levelId: string = '';\n  @State() isOpen: boolean = false;\n  @State() parentName: string = '';\n  @State() parentHref: string = '';\n  @State() parentLinkId: string = '';\n  @State() listCount: number = 0;\n  @State() alignment: string = 'right';\n\n  async componentWillLoad() {\n    this.setState();\n    onChange('openLevel', () => {\n      this.onChangeOpenLevel();\n    });\n  }\n\n  @Watch('label')\n  setState() {\n    this.listCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-list').length;\n    const parentElm = this.hostElement.parentElement;\n    if (parentElm.tagName.toLowerCase() !== 'nav') {\n      this.level = 2;\n    }\n    if (parentElm.tagName.toLowerCase() === 'pn-mainnav-link') {\n      this.parentName = parentElm.getAttribute('name') + '';\n      if (!this.label && this.parentName) {\n        this.label = this.parentName;\n      }\n      this.parentHref = parentElm.getAttribute('href') + '';\n      this.parentLinkId = parentElm.getAttribute('linkid') + '';\n      const parentLinkName = this.parentName.toLowerCase().replace(/\\W/gi, '_');\n      this.levelId = `mainnav-lvl${this.level}-${parentLinkName}`;\n    }\n  }\n\n  @Watch('isOpen')\n  onOpen() {\n    if (this.level === 2) {\n      requestAnimationFrame(() => {\n        const levelClientRect = this.hostElement.getClientRects()[0];\n        if (!levelClientRect) {\n          return;\n        }\n\n        const navElm = this.hostElement.parentElement.parentElement.parentElement.parentElement;\n        if (navElm && navElm.tagName.toLowerCase() === 'nav') {\n          const navClientRect = navElm.getClientRects()[0];\n          if (!navClientRect) {\n            return;\n          }\n\n          if (levelClientRect.right > window.innerWidth) {\n            const levelParentRect = this.hostElement.parentElement.getClientRects()[0];\n            if (levelParentRect.left - levelClientRect.width < 0) {\n              this.alignment = 'center';\n            } else {\n              this.alignment = 'left';\n            }\n          }\n        }\n      });\n    }\n  }\n  onChangeOpenLevel() {\n    this.isOpen = state.openLevel === this.levelId;\n    state.currentLevel = this.level;\n  }\n\n  render() {\n    return (\n      <Host\n        role=\"navigation\"\n        {...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {})}\n        data-level-listcount={this.listCount + ''}\n        data-level-alignment={this.alignment}\n        data-level={this.level + ''}\n        {...(this.levelId ? { id: this.levelId } : {})}\n      >\n        {this.level > 1 ? (\n          <div class=\"mainnav-level-header\">\n            <label htmlFor={this.levelId}>{state.i18n.menuGoBackButton}</label>\n            <button\n              class=\"secondlevel-backbtn\"\n              onClick={() => {\n                state.openLevel = '';\n                state.currentLevel = 1;\n              }}\n              aria-expanded={(state.openLevel === this.levelId) + ''}\n            >\n              <pn-icon icon={arrow_left} color=\"blue700\" />\n              {state.i18n.menuStartButton}\n            </button>\n            {this.parentHref && this.label ? <pn-mainnav-link href={this.parentHref} name={this.label} linkid={this.parentLinkId}></pn-mainnav-link> : null}\n          </div>\n        ) : null}\n        <slot name=\"top\"></slot>\n        <slot></slot>\n        <slot name=\"additional\"></slot>\n        <slot name=\"footer\"></slot>\n      </Host>\n    );\n  }\n}\n","@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav-list {\n  display: block;\n  overflow: visible;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  grid-area: right;\n\n  + pn-mainnav-list {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      grid-area: left;\n      border-right: 0.1rem solid $gray200;\n      margin-bottom: 1.6rem;\n      margin-right: -0.7rem;\n      padding-right: 0.7rem;\n    }\n  }\n\n  [data-level='1'] > & {\n    // height: 100%;\n    overflow: scroll;\n    -webkit-overflow-scrolling: touch;\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      height: 100%;\n      display: flex;\n      flex-flow: row;\n      overflow: visible;\n      padding: 0;\n    }\n  }\n\n  &[data-navlist-showcolumns='true'] {\n    [data-level='2'] > & {\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        column-count: 2;\n        column-gap: 1.6rem;\n        padding-bottom: 1.6rem;\n      }\n    }\n  }\n}\n\n.mainnav-list-heading {\n  display: none;\n  font-weight: bold;\n  column-span: all;\n  font-size: 1.8rem;\n  padding: 1.4rem 1.4rem 1.4rem 4.8rem;\n  @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n    display: block;\n    padding: 0 1.4rem 1.4rem 1.4rem;\n  }\n}\n","import { Component, h, Host, State, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-mainnav-list',\n  styleUrl: 'pn-mainnav-list.scss',\n  shadow: false,\n})\nexport class PnMainnavList {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = '';\n  @State() linkCount: number = 0;\n\n  componentWillLoad() {\n    this.linkCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-link').length;\n  }\n\n  render() {\n    return (\n      <Host class=\"mainnav-list\" role=\"list\" data-navlist-itemcount={this.linkCount + ''} data-navlist-showcolumns={(this.linkCount >= 8) + ''}>\n        {this.heading ? <div class=\"mainnav-list-heading\">{this.heading}</div> : null}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n","class MarketWebLoginManager {\n  eventTarget: EventTarget = window ?? document?.body;\n  endpoint: String = '';\n  storagePrefix: String = 'pn-user';\n  checkUserLoggedInStateInterval: number = 0;\n  baseUrls = {\n    at: 'https://atportal.postnord.com/api/unified-login/backend',\n    prod: 'https://portal.postnord.com/api/unified-login/backend',\n  };\n  events = {\n    loginstatechange: 'loginstatechange',\n  };\n  endpoints = {\n    authorizationEndpoint: `/authorization`,\n    tokenExchangeEndpoint: `/token`,\n    userInfoEndpoint: `/user`,\n    logoutEndpoint: `/logout`,\n  };\n  keys = {\n    tokensource: 'tokensource',\n    token: 'token',\n    accessToken: 'accessToken',\n    user: 'user',\n    expire: 'expire',\n    expireDate: 'expiredate',\n  };\n  overridetokenValue = 'overridetokenValue';\n  siteUrl: String = window.location.origin;\n  abortSignalForLoginCheck = null;\n  loginCheckInProgress = false;\n  loginCheckTimer = null;\n\n  constructor(options: IMarketWebLoginManagerOptions = null) {\n    if (!options) {\n      return;\n    }\n    this.eventTarget = options.eventTarget ? options.eventTarget : this.eventTarget;\n    this.endpoint = options.endpoint ? options.endpoint : `${window.location.protocol}//${window.location.host}`;\n    this.storagePrefix ??= options.storagePrefix;\n    this.checkUserLoggedInStateInterval =\n      options.checkUserLoggedInStateInterval && options.checkUserLoggedInStateInterval > 0 ? parseInt(options.checkUserLoggedInStateInterval + '', 10) : 0;\n\n    if (options.userInfo) {\n      this.store.set(this.keys.user, options.userInfo);\n      this.registerToken(this.overridetokenValue, 'override');\n    }\n  }\n  init(checkParameters: boolean = true) {\n    if (checkParameters) {\n      this.checkParameters();\n      this.checkPNTopbar();\n      this.checkExpireTime();\n\n      if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {\n        this.fetchUserInfo();\n      }\n\n      this.loginStateChange();\n\n      if (this.checkUserLoggedInStateInterval > 0) {\n        this.initiateLoggedInCheck();\n      }\n    }\n  }\n  setSiteUrl(siteUrl) {\n    if (siteUrl) {\n      this.siteUrl = siteUrl;\n    }\n  }\n  initiateLoggedInCheck() {\n    if (this.isLoggedIn()) {\n      if (window && window['AbortController']) {\n        this.abortSignalForLoginCheck = new AbortController();\n      }\n      this.loginCheckTimer = window.setInterval(() => {\n        this.doExternalLoggedInCheck()\n          .then(() => {})\n          .catch(() => {});\n      }, this.checkUserLoggedInStateInterval);\n    }\n  }\n\n  async doExternalLoggedInCheck() {\n    if (!window.navigator.onLine) {\n      // Don't check if the user is not online\n      return;\n    }\n    if (!this.getToken()) {\n      window.clearInterval(this.checkUserLoggedInStateInterval);\n      return;\n    }\n    if (this.loginCheckInProgress && this.abortSignalForLoginCheck) {\n      this.abortSignalForLoginCheck.abort();\n      this.abortSignalForLoginCheck = new AbortController();\n    }\n    this.loginCheckInProgress = true;\n    const reqConfig: RequestInit = {\n      method: 'GET',\n      headers: {\n        'Accept': 'application/json',\n        'Content-Type': 'application/json',\n        'Authorization': this.getToken(),\n      },\n    };\n    if (this.abortSignalForLoginCheck && this.abortSignalForLoginCheck['signal']) {\n      reqConfig['signal'] = this.abortSignalForLoginCheck['signal'];\n    }\n    const response = await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`, reqConfig);\n    if (response.status === 409) {\n      // This is a status the API returns if a user has been logged out\n      window.clearInterval(this.checkUserLoggedInStateInterval);\n      console.log('Cleared out user data due to bad response from authentication endpoint');\n      this.LogoutUser();\n      return;\n    }\n    if (!response.ok) {\n      // The response was \"bad\". This could be due to bad connectivity or something else.\n      // We'll ignore it so we don't unecessarily log users out or have them loose state if they're switching connection\n      return;\n    }\n    const data = await response.json();\n    if (!data || !data['accessToken']) {\n      window.clearInterval(this.checkUserLoggedInStateInterval);\n      console.log('Cleared out user data due to bad response from authentication endpoint');\n      this.LogoutUser();\n    }\n    this.loginCheckInProgress = false;\n  }\n  LogoutUser() {\n    this.clearUserData();\n\n    // Log out user\n    if (this.eventTarget) {\n      const logoutLink = (this.eventTarget as HTMLElement).querySelector('#pn-marketweb-header-logoutlink');\n      if (logoutLink) {\n        (logoutLink as HTMLAnchorElement).click();\n        return;\n      }\n    }\n    // If no logout link was found, attempt to change URL to redirect link\n    const currentPageHref = window.location.href;\n    window.location.href = this.getLogoutUrl(currentPageHref);\n  }\n\n  isLoggedIn(override = false) {\n    if (override) {\n      return override;\n    }\n\n    let isLoggedIn = this.store.get(this.keys.token) && this.store.get(this.keys.user) ? true : false;\n    if (!isLoggedIn && this.store.get(this.keys.token) === this.overridetokenValue) {\n      isLoggedIn = true;\n    }\n    return isLoggedIn;\n  }\n\n  registerToken(token: string = '', tokenSource = 'frontend') {\n    if (!token || token === this.getToken()) {\n      return;\n    }\n    this.clearUserData();\n    this.store.set(this.keys.tokensource, tokenSource);\n    this.store.set(this.keys.token, token);\n    this.fetchUserInfo();\n  }\n\n  invalidateTokenOfType(tokenSource: string = 'frontend') {\n    const currentToken = this.store.get(this.keys.token);\n    if (!currentToken) {\n      return;\n    }\n    const currentTokenSource = this.store.get(this.keys.tokensource);\n    if (currentTokenSource !== tokenSource) {\n      return;\n    }\n    // If we have a token and the source is set then we will invalidate the user data\n    this.clearUserData();\n  }\n\n  getLoginUrl(redirectPage = '') {\n    const currentPage = window.location.href;\n    redirectPage = redirectPage ? redirectPage : currentPage;\n    return `${this.getBaseUrl()}${this.endpoints.authorizationEndpoint}?redirectionUrl=${redirectPage}`;\n  }\n\n  getLogoutUrl(linkHref = '') {\n    if (linkHref.indexOf('logout?logoutUrl') !== -1) {\n      // Link has already been formatted.\n      return linkHref;\n    }\n    let redirectPage = linkHref\n      .replace('logout', '')\n      .replace('http://window.location.href/?', window.location.href)\n      .replace('https://window.location.href/?', window.location.href);\n    let rootUrl = this.siteUrl;\n    try {\n      const url = new URL(this.siteUrl + '');\n      rootUrl = url.origin;\n    } catch (e) {}\n    const addSlash = rootUrl.lastIndexOf('/') !== rootUrl.length - 1;\n    const siteUrl = rootUrl + (addSlash ? '/' : '') + 'logout';\n    const secondLogoutUrl = `${this.getBaseUrl()}${this.endpoints.logoutEndpoint}?authorization=${this.store.get(this.keys.token)}%26redirectionUrl=${redirectPage}`;\n    const logoutUrl = `${siteUrl}?logoutUrl=${secondLogoutUrl}`;\n\n    return logoutUrl;\n  }\n\n  getUserInfo() {\n    if (this.isLoggedIn()) {\n      return this.store.get(this.keys.user) as IUserInfo;\n    }\n  }\n\n  getEventTarget() {\n    return this.eventTarget;\n  }\n\n  private checkExpireTime() {\n    const expire = this.store.get(this.keys.expire);\n    if (!expire) {\n      return;\n    }\n    const now = new Date();\n    const expireDate = new Date(Math.floor(parseInt(expire, 10) * 1000));\n    if (now > expireDate) {\n      console.info('Login time has expired');\n      this.clearUserData();\n      this.loginStateChange();\n    }\n  }\n  private checkPNTopbar() {\n    if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['session_id']) {\n      return;\n    }\n\n    this.store.set(this.keys.token, window['pnTopbar']['session_id']);\n    this.fetchUserInfo();\n  }\n\n  private checkParameters() {\n    if (!window?.location) {\n      return;\n    }\n\n    const params = new URLSearchParams(window.location.search);\n    if (params.get('oneTimeCode')) {\n      const oneTimeCode = params.get('oneTimeCode');\n\n      this.exchangeToken(oneTimeCode).then(() => {\n        const currentHref = window.location.href;\n        const paramPrefix = currentHref.indexOf('?oneTimeCode') !== -1 ? '?' : '&';\n        const newUrl = currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, '');\n        history.replaceState({}, document.querySelector('title').innerText, newUrl);\n      });\n    }\n  }\n\n  private async fetchUserInfo() {\n    const token = this.store.get(this.keys.token);\n    if (this.store.get(this.keys.token) === this.overridetokenValue) {\n      console.info('Did not fetch user data since it was set by an override');\n      return;\n    }\n    const reqConfig: RequestInit = {\n      method: 'GET',\n      headers: {\n        'Accept': 'application/json',\n        'Content-Type': 'application/json',\n        'Authorization': token,\n      },\n    };\n    const response = await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`, reqConfig);\n    const data = await response.json();\n    if (data && data['idToken']) {\n      try {\n        const { idToken, expiryTime, accessToken } = data;\n        const userInfo = this.parseUserInfo(idToken);\n        if (!userInfo) {\n          console.error('Userdata is not valid');\n          this.clearUserData();\n          return;\n        }\n        this.store.set(this.keys.user, userInfo);\n        // 10 Min early expire\n        this.store.set(this.keys.accessToken, accessToken);\n        this.store.set(this.keys.expire, expiryTime);\n        this.store.set(this.keys.expireDate, new Date(Math.floor(parseInt(expiryTime, 10) * 1000)));\n        this.loginStateChange();\n      } catch (e) {\n        console.error('Unable to get user information', e);\n      }\n    } else {\n      console.error('Unable to get user information. Clearing login state');\n      this.clearUserData();\n    }\n  }\n  clearUserData() {\n    this.store.remove(this.keys.user);\n    this.store.remove(this.keys.tokensource);\n    this.store.remove(this.keys.accessToken);\n    this.store.remove(this.keys.token);\n    this.store.remove(this.keys.expire);\n    this.store.remove(this.keys.expireDate);\n  }\n  getToken() {\n    return this.store.get(this.keys.token);\n  }\n  getAccessToken() {\n    return this.store.get(this.keys.accessToken);\n  }\n  async exchangeToken(oneTimeCode) {\n    this.clearUserData();\n    const response = await fetch(`${this.getBaseUrl()}${this.endpoints.tokenExchangeEndpoint}?oneTimeCode=${oneTimeCode}`);\n    const { token } = await response.json();\n    if (typeof token === 'string' && token) {\n      this.store.set(this.keys.token, token);\n    }\n    this.fetchUserInfo();\n  }\n  private loginStateChange() {\n    if (!this.eventTarget) {\n      return;\n    }\n    this.eventTarget.dispatchEvent(\n      new CustomEvent(this.events.loginstatechange, {\n        detail: this.isLoggedIn(),\n      }),\n    );\n  }\n  private getBaseUrl() {\n    const atEnvironments = ['localhost', 'integration.', 'inte.', 'local.'];\n    let useATEnv = atEnvironments.filter(x => this.endpoint.indexOf(x) !== -1).length > 0;\n    if (['devportal.postnord.com', 'atportal.postnord.com'].indexOf(window.location.hostname) !== -1) {\n      useATEnv = true;\n    }\n    if (useATEnv) {\n      return this.baseUrls.at;\n    }\n    return this.baseUrls.prod;\n  }\n\n  private parseUserInfo(idToken: string) {\n    if (!idToken) {\n      return null;\n    }\n    var base64Url = idToken.split('.')[1];\n    var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\n    var jsonPayload = decodeURIComponent(\n      atob(base64)\n        .split('')\n        .map(function (c) {\n          return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);\n        })\n        .join(''),\n    );\n    return JSON.parse(jsonPayload);\n  }\n\n  store = {\n    get: (key: string) => {\n      const value = window.sessionStorage.getItem(`${this.storagePrefix}-${key}`);\n      if (!value) {\n        return value;\n      }\n      if (value.indexOf('{') === 0) {\n        try {\n          return JSON.parse(value);\n        } catch (e) {}\n      }\n      if (value.indexOf(',') !== -1) {\n        return value.split(',');\n      }\n      return value;\n    },\n    set: (key: string, value: any) => {\n      if (typeof value === 'object' && typeof value.length === 'undefined') {\n        window.sessionStorage.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));\n        return;\n      }\n      window.sessionStorage.setItem(`${this.storagePrefix}-${key}`, value);\n    },\n    remove: (key: string) => {\n      window.sessionStorage.removeItem(`${this.storagePrefix}-${key}`);\n    },\n  };\n}\n\ninterface IMarketWebLoginManagerOptions {\n  eventTarget?: EventTarget;\n  endpoint?: String;\n  storagePrefix?: String;\n  userInfo?: IUserInfo;\n  checkUserLoggedInStateInterval?: number;\n}\n\ninterface IUserInfo {\n  acr?: string;\n  ams?: string[];\n  at_hash?: string;\n  aud?: string;\n  auth_time?: number;\n  created_at?: number;\n  email?: string;\n  email_verifier?: true;\n  emails?: IUserInfoEmail[];\n  exp?: number;\n  family_name?: string;\n  given_name?: string;\n  iat?: number;\n  iss?: string;\n  jti?: string;\n  nonce?: string;\n  phone_number?: string;\n  phone_number_verified?: boolean;\n  phone_number_verified_at?: string;\n  phone_numbers?: IUserInfoPhonenumber[];\n  rat?: number;\n  sid?: string;\n  sub?: string;\n  uas_status?: number;\n  userId?: string;\n  username?: string;\n}\n\ninterface IUserInfoEmail {\n  email: string;\n  verifiet_at: number;\n}\ninterface IUserInfoPhonenumber {\n  phone_number: string;\n  verifiet_at: string;\n}\n\nexport { MarketWebLoginManager, IMarketWebLoginManagerOptions, IUserInfo };\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login {\n  padding: 1rem 0;\n  max-height: 5.2rem;\n  position: relative;\n  // Example of how we could indicate username in smaller viewports\n  // .siteheader-topright & {\n  //     &[username] {\n  //         &:hover {\n  //             &::after {\n  //                 content:attr(username);\n  //                 display: block;\n  //                 position:absolute;\n  //                 z-index: 4;\n  //                 background:$white;\n  //                 border:.1rem solid $blue700;\n  //                 border-radius: .8rem;\n  //                 padding:0.5rem 0.9rem;\n  //                 margin-top: 0.8rem;\n  //                 left: 50%;\n  //                 transform: translateX(-50%);\n  //                 @media screen and (min-width: $siteheader-media-smalldesktop) {\n  //                     content:\"\";\n  //                     display:none;\n  //                 }\n  //             }\n  //         }\n  //     }\n  // }\n\n  pn-button-dropdown {\n    .pn-button-dropdown-container {\n      .pn-button-dropdown-content {\n        max-width: 350px;\n        display: flex;\n        flex-direction: column;\n        gap: 2.4rem;\n        padding: 4rem;\n\n        pn-button {\n          width: 100%;\n        }\n\n        pn-marketweb-siteheader-unified-login {\n          &::after {\n            display: block;\n            content: '';\n            height: 2px;\n            background: $gray25;\n            width: 100%;\n            margin-top: 2.4rem;\n          }\n        }\n\n        span {\n          &::before {\n            display: block;\n            content: '';\n            height: 2px;\n            background: $gray25;\n            width: 100%;\n\n            margin-bottom: 2.4rem;\n          }\n        }\n\n        span {\n          font-size: 1.4rem;\n          color: $gray900;\n\n          a {\n            text-decoration: none;\n            color: $blue700;\n            &:hover {\n              text-decoration: underline;\n            }\n          }\n\n          * {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n\n  pn-button-dropdown {\n    display: none;\n  }\n  &.hydrated {\n    pn-button-dropdown {\n      display: block;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { IUserInfo, MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog, SiteHeaderI18N } from './pn-marketweb-siteheader-types';\nimport { user } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login',\n  styleUrl: 'pn-marketweb-siteheader-login.scss',\n})\nexport class PnMarketwebSiteheaderLogin {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which endpoint domain we should load from */\n  @Prop() endpoint: string = '';\n  /** Access token passed from backend */\n  @Prop() token: string = '';\n  @Prop() i18n: SiteHeaderI18N = {\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n    unifiedLoginButton: '',\n    unifiedMyPagesButton: '',\n  } as SiteHeaderI18N;\n\n  @Prop() siteUrl: string = '';\n  @Prop() emitEvents: boolean = true;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n\n  /** User Fullname */\n  @Prop() fullname: string = '';\n  @Prop() loggedin: boolean = false;\n\n  /** If this is selected we will show the new profile selection dropdown instead of the login version */\n  @Prop({ mutable: true }) showProfileSelection: boolean = false;\n\n  /** if this is selected we will show the unifiedlogin button along with new look for dropdown */\n  @Prop() showUnifiedLogin: boolean = false;\n\n  /** Continiously check if a user is logged in **/\n  @Prop({}) checkUserLoggedInStateInterval: number = 0;\n\n  @Prop() environment?: string;\n\n  @State() loginLinks: [];\n\n  @State() toggleButtonText: string = this.loginDialog?.loginMenuLinkText ? this.loginDialog.loginMenuLinkText : '';\n\n  @State() username: string = this.fullname;\n\n  // Events\n  @Event() loginStateChange: EventEmitter;\n\n  componentWillLoad() {\n    const userInfo: IUserInfo = this.loggedin && this.fullname ? { given_name: this.fullname } : null;\n    headerState.loginManager = new MarketWebLoginManager({\n      endpoint: this.endpoint,\n      eventTarget: this.hostElement as EventTarget,\n      checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n      userInfo,\n    });\n    headerState.loginManager.setSiteUrl(this.siteUrl);\n    this.hostElement['loginmanager'] = headerState.loginManager;\n    if (this.token) {\n      headerState.loginManager.registerToken(this.token, 'backend');\n    } else if (this.emitEvents) {\n      // The primary login instance\n      headerState.loginManager.invalidateTokenOfType('backend');\n    }\n    this.hostElement.addEventListener(headerState.loginManager.events.loginstatechange, this.onLoginStateChange.bind(this));\n    this.init();\n    this.setUserName();\n    this.setToggleButtonText();\n  }\n\n  @Watch('i18n')\n  @Watch('loginDialog')\n  async init() {\n    headerState.loginManager.init(this.emitEvents);\n    this.setToggleButtonText();\n    this.adjustLoginLinks();\n  }\n  adjustLoginLinks() {\n    if (!this.loginDialog?.loginMenuLinks) {\n      return;\n    }\n\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n      return link;\n    };\n    if (this.loginDialog) {\n      this.loginDialog.loginMenuLinks = this.loginDialog.loginMenuLinks.map(adjustLink);\n      this.loginDialog.loggedInLinks = this.loginDialog.loggedInLinks.map(adjustLink);\n    }\n    this.loginDialog.legacyLoginLinks = [\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.loginUrl),\n        linkText: this.loginDialog.loginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        linkType: 'primary',\n        primaryLinkApperance: true,\n      },\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),\n        linkText: this.loginDialog.createLoginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        primaryLinkApperance: false,\n      },\n    ];\n  }\n\n  setUserName() {\n    const userInfo = headerState.loginManager.getUserInfo();\n    let name = '';\n    if (!this.loggedin || !userInfo) {\n      this.username = name;\n    }\n    if (userInfo && userInfo.given_name) {\n      name = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');\n    }\n\n    if (!name && userInfo && userInfo.email) {\n      name = userInfo.email;\n    }\n    if (!name && this.fullname) {\n      name = this.fullname;\n    }\n\n    this.username = name;\n  }\n\n  setToggleButtonText() {\n    if (this.loggedin) {\n      this.toggleButtonText = this.username;\n      if (!this.toggleButtonText) {\n        this.toggleButtonText = this.loginDialog.loggedInButtonText;\n      }\n    } else {\n      this.toggleButtonText = this.loginDialog.loginMenuLinkText;\n    }\n  }\n\n  onLoginStateChange(e: CustomEvent) {\n    if (this.loggedin !== e.detail && this.emitEvents) {\n      this.loggedin = e.detail;\n      this.loginStateChange.emit({ loggedIn: this.loggedin, token: headerState.loginManager.getToken() });\n      this.setUserName();\n      this.setToggleButtonText();\n    }\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {\n      username: null,\n      loggedin: 'false',\n    };\n    if (this.username) {\n      hostElementAttribute.username = this.username;\n      hostElementAttribute.loggedin = this.loggedin + '';\n    }\n    return (\n      <Host {...hostElementAttribute}>\n        <pn-button-dropdown label={this.toggleButtonText} icon={user} appearance=\"light\" variant=\"borderless\" class=\"siteheader-logindialog\">\n          {this.showUnifiedLogin && (\n            <pn-marketweb-siteheader-unified-login\n              loggedIn={this.loggedin}\n              myPageLabel={this.i18n.unifiedMyPagesButton}\n              myPageUrl=\"https://account.postnord.com/secure/profile\"\n              logInLabel={this.i18n.unifiedLoginButton}\n            />\n          )}\n          {this.loggedin && this.showProfileSelection ? (\n            <pn-marketweb-siteheader-login-profileselection\n              loginDialog={this.loginDialog}\n              loggedin={this.loggedin}\n              i18n={this.i18n}\n              idNamespace={this.emitEvents ? '1' : '2'}\n              endpoint={this.endpoint}\n            ></pn-marketweb-siteheader-login-profileselection>\n          ) : (\n            <pn-marketweb-siteheader-login-links\n              loginDialog={this.loginDialog}\n              loggedin={this.loggedin}\n              idNamespace={this.emitEvents ? '1' : '2'}\n              username={this.username}\n              showUnifiedLogin={this.showUnifiedLogin}\n            ></pn-marketweb-siteheader-login-links>\n          )}\n          {!this.loggedin && <span innerHTML={`${this.loginDialog.loginInfo}`} />}\n        </pn-button-dropdown>\n      </Host>\n    );\n  }\n}\n","import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n  searchValue: '',\n  autocompleteSuggestions: {},\n  requestAbortController: new AbortController(),\n});\n\nexport { state, onChange };\nexport default state;\n","@import '../../../globals/main.scss';\n@import './pn-marketweb-siteheader-common.scss';\n\n.siteheader-search {\n  a {\n    display: none;\n    @media screen and (min-width: $siteheader-media-tablet) {\n      display: block;\n    }\n  }\n  pn-search-field > .input-container button {\n    background: $white;\n  }\n  pn-search-field.button-icon pn-button,\n  pn-button {\n    display: inline-flex;\n    button {\n      align-self: center;\n      padding: 0;\n      height: 2.3em;\n      width: 2.4em;\n      line-height: 0;\n      min-height: unset;\n      min-width: initial;\n    }\n    pn-icon {\n      margin-left: 0;\n    }\n    .pn-button-tooltip {\n      line-height: initial !important;\n    }\n  }\n  form {\n    justify-content: flex-end;\n    align-items: stretch;\n    width: auto;\n    flex: none;\n    display: flex;\n    padding: 0;\n    margin: 0 0 0 0.4rem;\n    position: relative;\n    flex-direction: column;\n    @media screen and (min-width: $siteheader-media-tablet) {\n    }\n    @media screen and (min-width: $siteheader-media-smalldesktop) {\n      margin-right: 1.6rem;\n    }\n    pn-search-field {\n      min-width: 13.5em;\n      .input-container {\n        align-self: center;\n      }\n      input {\n        height: auto;\n        min-height: 1em;\n        padding: 0.6em 0.75em;\n      }\n    }\n  }\n}\n","import { Component, Prop, h, Element, State } from '@stencil/core';\nimport { SiteHeaderSearch } from './pn-marketweb-siteheader-types';\nimport { state, onChange } from './pn-marketweb-siteheader-search-store';\nimport { search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-search',\n  styleUrl: 'pn-marketweb-siteheader-search.scss',\n})\nexport class PnMarketwebSiteheaderSearch {\n  @Element() hostElement: Element;\n\n  // Language options\n  @Prop() i18n: any;\n\n  // Display option, show only link\n  @Prop({ mutable: true }) showOnlyLink: boolean = false;\n  // Hide search option\n  @Prop({ mutable: true }) hideSearch: boolean = false;\n  /** Specifies which language we want to show (sv,da,fi,no,en) */\n  @Prop({ mutable: true, reflect: true }) language: string = null;\n\n  /** Specifies the current site id (guid)*/\n  @Prop() siteid: string = null;\n\n  // Search data\n  @Prop({ mutable: true }) search: SiteHeaderSearch = {};\n\n  // Is this the primary instance?\n  @Prop() primary: boolean = false;\n\n  // Only Show icon as search button?\n  @Prop() icononly: boolean = true;\n\n  // Autocomplete options\n  @State() autoCompleteOptions: string[] = [];\n\n  onSearchValueUpdate() {\n    this.getAutocomplete(state.searchValue);\n  }\n\n  async getAutocomplete(prefix) {\n    if (!this.search.AutocompleteEndpoint || prefix.length < 2) {\n      this.autoCompleteOptions = [];\n      return;\n    }\n    if (state.autocompleteSuggestions[prefix]) {\n      this.setAutocompleteSuggestions(state.autocompleteSuggestions[prefix]);\n      return;\n    }\n\n    let autocompleteUrl = `${this.search.AutocompleteEndpoint}?prefix=${prefix}&size=10`;\n    if (this.language || this.siteid) {\n      autocompleteUrl += `&tags=`;\n      if (this.language) {\n        autocompleteUrl += `language:${this.language}`;\n      }\n      if (this.language && this.siteid) {\n        autocompleteUrl += `,`;\n      }\n      if (this.siteid) {\n        autocompleteUrl += `siteid:${this.siteid}`;\n      }\n    }\n    const req = await fetch(autocompleteUrl, { signal: state.requestAbortController.signal }).catch(e => {\n      console.warn('Unable to fetch autocomplete suggestions', e);\n    });\n    if (!req) {\n      return;\n    }\n    const data = await req.json();\n    if (!data || !data.hits || !data.hits.length) {\n      return;\n    }\n    const suggestions = data.hits\n      .filter(item => item.type === 'editorial')\n      .map(item => {\n        return item.query;\n      });\n\n    // Store query in store\n    state.autocompleteSuggestions[prefix] = suggestions;\n    this.setAutocompleteSuggestions(suggestions);\n  }\n\n  setAutocompleteSuggestions(suggestions) {\n    if (typeof suggestions !== 'object' || typeof suggestions.length !== 'number' || suggestions.length === 0) {\n      return;\n    }\n    this.autoCompleteOptions = suggestions;\n  }\n  componentWillLoad() {\n    onChange('searchValue', () => {\n      this.onSearchValueUpdate();\n    });\n  }\n\n  componentDidRender() {\n    const inputSearchElm = this.hostElement.querySelector('pn-search-field input:not([list])');\n    if (inputSearchElm && this.search.AutocompleteEndpoint) {\n      inputSearchElm.setAttribute('list', 'siteheader-search-autocomplete');\n    }\n  }\n\n  render() {\n    if (!this.search.formActionUrl || this.hideSearch) {\n      return;\n    }\n    const autocompleteAttribute = this.search.AutocompleteEndpoint ? { list: 'siteheader-search-autocomplete' } : {};\n    return (\n      <div class=\"siteheader-search\">\n        {this.showOnlyLink ? (\n          <pn-button href={this.search.formActionUrl} appearance=\"light\" icon={search} tooltip={this.i18n.searchlabel} />\n        ) : (\n          <form method=\"get\" action={this.search.formActionUrl} role=\"search\">\n            <pn-search-field\n              {...autocompleteAttribute}\n              label={this.i18n.searchlabel}\n              name=\"q\"\n              button={this.icononly ? 'icon' : null}\n              button-label={'Search'}\n              placeholder={this.i18n.searchplaceholder}\n              onUpdate={(e: CustomEvent) => {\n                state.searchValue = e.detail;\n              }}\n              onSearch={() => {\n                const form = this.hostElement.querySelector('form') as HTMLFormElement;\n                if (form) {\n                  form.submit();\n                }\n              }}\n            />\n\n            {this.primary && this.search.AutocompleteEndpoint ? (\n              <datalist id=\"siteheader-search-autocomplete\">\n                {this.autoCompleteOptions.map(item => (\n                  <option>{item}</option>\n                ))}\n              </datalist>\n            ) : null}\n          </form>\n        )}\n      </div>\n    );\n  }\n}\n","export default {\n  sv: {\n    navlabel: 'Webbplatsväljare',\n  },\n  en: {\n    navlabel: 'Website selector',\n  },\n  da: {\n    navlabel: 'Webstedsvælger',\n  },\n  no: {\n    navlabel: 'Nettstedsvelger',\n  },\n  fi: {\n    navlabel: 'Verkkosivun valitsin',\n  },\n  de: {\n    navlabel: 'Website-Selektor',\n  },\n};\n","@import '../../../globals/main.scss';\n@import './pn-site-selector-common.scss';\n\npn-site-selector {\n  display: flex;\n  position: relative;\n  justify-content: center;\n  max-height: 5.2rem;\n\n  @media screen and (min-width: $siteselector-media-desktop) {\n    display: block;\n  }\n}\n\n.siteselector-heading {\n  display: block;\n  padding: 0;\n  margin-bottom: 1.6rem;\n\n  @media screen and (min-width: $siteselector-media-desktop) {\n    display: flex;\n    align-items: center;\n    margin-top: 0.8rem;\n  }\n}\n\n.siteselector-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\nimport { SiteSelectori18n } from './pn-site-selector-types';\nimport languageData from './pn-site-selector-i18n';\nimport { angle_small_down } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n  tag: 'pn-site-selector',\n  styleUrl: 'pn-site-selector.scss',\n})\nexport class PnSiteSelector {\n  @Element() hostElement: HTMLElement;\n\n  /* Site selector Button text */\n  @Prop({ mutable: true, reflect: true }) buttontext: string = 'postnord';\n  /* Site selector flyout title */\n  @Prop({ mutable: true, reflect: true }) heading: string = 'PostNord';\n  /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @State() i18n: SiteSelectori18n = { navlabel: 'Site selector' };\n\n  componentWillLoad() {\n    this.setLanguage();\n  }\n\n  setLanguage() {\n    if (languageData[this.language]) {\n      this.i18n = languageData[this.language] as SiteSelectori18n;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <pn-button-dropdown label={this.buttontext} icon={angle_small_down} appearance=\"light\" variant=\"borderless\">\n          <nav class=\"siteselector-nav\" aria-label={this.i18n.navlabel}>\n            {this.heading ? <strong class=\"siteselector-heading\">{this.heading}</strong> : null}\n            <ul class=\"siteselector-list\">\n              <slot />\n            </ul>\n          </nav>\n        </pn-button-dropdown>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-site-selector-common.scss';\n\npn-site-selector-item {\n  display: block;\n  > div,\n  > a {\n    padding: 0.8rem 0;\n    display: flex;\n    flex-flow: column;\n    position: relative;\n  }\n}\n\n.siteselector-item-link {\n  border-radius: 0;\n  text-decoration: none;\n  color: $blue700;\n  flex-direction: row;\n\n  &:hover,\n  &:focus {\n    background-color: $gray50;\n    color: $blue700;\n    text-decoration: underline;\n    outline: none;\n    box-shadow: none;\n  }\n\n  &:active {\n    background-color: $gray50;\n    color: $blue400;\n    outline: none;\n  }\n  > span {\n    flex-grow: 1;\n  }\n  pn-icon {\n    right: 3.2rem;\n    height: 1.9rem;\n    width: 1.9rem;\n    align-self: center;\n\n    svg {\n      width: 100%;\n      height: auto;\n    }\n  }\n}\n.siteselector-item-title {\n  display: block;\n}\n\n.siteselector-item-description {\n  color: $gray900;\n  font-size: 1.28rem;\n\n  a:hover > &,\n  a:focus > & {\n    background-color: $gray50;\n    color: $blue700;\n    text-decoration: underline;\n    outline: none;\n  }\n\n  a:active > & {\n    background-color: $gray50;\n    color: $blue400;\n    outline: none;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport { angle_small_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-site-selector-item',\n  styleUrl: 'pn-site-selector-item.scss',\n})\nexport class PnSiteSelectorItem {\n  /* Link URL */\n  @Prop() url: string = '';\n\n  /* Link title  */\n  @Prop() heading: string = '';\n\n  /* Link description */\n  @Prop() description: string = '';\n\n  /* Open link in new window */\n  @Prop() newwindow: boolean = false;\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        {this.url ? (\n          <a class=\"siteselector-item-link\" href={this.url} target={this.newwindow ? '_blank' : 'self'} rel={this.newwindow ? 'nofollow noopener' : ''}>\n            <span>\n              {this.heading && <span class=\"siteselector-item-title\">{this.heading}</span>}\n              {this.description && <small class=\"siteselector-item-description\">{this.description}</small>}\n            </span>\n            <pn-icon icon={angle_small_right} color=\"blue700\" />\n          </a>\n        ) : (\n          <div>\n            {this.heading && <span class=\"siteselector-item-title\">{this.heading}</span>}\n            {this.description && <small class=\"siteselector-item-description\">{this.description}</small>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-e9088d97.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as n,d as i,g as o}from"./p-06555615.js";import{d as s}from"./p-aed52bc1.js";import{m as d}from"./p-b2f2fbb6.js";import{v as l}from"./p-4ed69de7.js";const c="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-multi-row-connected-dropdown-row{gap:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown-parent-element{margin-bottom:0.5rem}pn-multi-row-connected-dropdown-row pn-select{width:35%}pn-multi-row-connected-dropdown-row pn-marketweb-input{width:10%}pn-multi-row-connected-dropdown-row pn-marketweb-input input{height:4.3rem}pn-multi-row-connected-dropdown-row .connected-dropdown{padding:1rem;border-left:0.2rem solid #005d92}pn-multi-row-connected-dropdown-row .connected-dropdown:hover{background-color:#f9f8f8}pn-multi-row-connected-dropdown-row .connected-dropdown__toggle-date-button{width:20%;margin-bottom:0.5rem}pn-multi-row-connected-dropdown-row .connected-dropdown__row{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown-row .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown-row .connected-dropdown__multi-date-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button-container{display:flex;align-items:flex-end;gap:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button{background-color:#ffffff;border:solid;border-width:0.1rem;border-radius:0.8rem;border-color:#005d92;padding:0.4rem 0.8rem;color:#005d92;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer}pn-multi-row-connected-dropdown-row .connected-dropdown__button:hover,pn-multi-row-connected-dropdown-row .connected-dropdown__button.active{background-color:#0d234b;border-color:#0d234b;color:#ffffff}pn-multi-row-connected-dropdown-row .connected-dropdown__buttom-container-right{display:flex}pn-multi-row-connected-dropdown-row .connected-dropdown__button-right{margin-left:auto}pn-multi-row-connected-dropdown-row .connected-dropdown__label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;justify-content:space-between;align-items:flex-end}pn-multi-row-connected-dropdown-row .connected-dropdown__checkbox{display:flex;gap:0.5rem}pn-multi-row-connected-dropdown-row .connected-dropdown__date-slot{border:0.1rem solid #005d92;margin-bottom:1rem;padding:1rem}pn-multi-row-connected-dropdown-row .generated-date-row{border-bottom:0.1rem solid #005d92}";const h=c;const r=class{constructor(n){t(this,n);this.rowValueChange=e(this,"rowValueChange",7);this.deleteRowEvent=e(this,"deleteRowEvent",7);this.pnConnectedDropdown=null;this.pnConnectedDropdownSlotElement=null;this.pnAddFieldButton=null;this.pnFirstDropdown=null;this.pnSecondDropdown=null;this.pnInputField=null;this.pnSingleDatePicker=null;this.pnStartDate=null;this.pnEndDate=null;this.pnShowDateRangeFiledButton=null;this.pnDateRangeContainer=null;this.pnGenerateDatesButton=null;this.pnDaysRow=null;this.pnGeneratedDatesSlot=null;this.pnSaveGeneratedDatesButton=null;this.pnDeleteRowButton=null;this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFildLabel=null;this.inputFildPlaceholder=null;this.dateButtonText=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.allowMultipleDates=null;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.index=null;this.predefinedValue=null;this.yearsToAddToEndDate=null;this.buttonsArray=null;this.firstDropdownArr=null;this.secondDropdownArr=[];this.firstDropdownClass=null;this.secondDropdownClass=null;this.firstValidDateString="";this.lastValidDateString="";this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.starDateValue="";this.endDateValue="";this.generatedDatesArr=[];this.selectedButtonValue="";this.inputFieldValue="";this.dateValue="";this.daysArr=null}componentWillLoad(){this.getPredefinedValues();this.setDropDownData();this.setFirstValidDate()}componentDidLoad(){this.setInitialValues();this.addEventHandlers();this.emittRowValues()}setDropDownData(){if(typeof this.dropdownData==="string"){this._dropdownData=JSON.parse(this.dropdownData)}else{this._dropdownData=this.dropdownData}}getPredefinedValues(){this._predefinedValue=JSON.parse(this.predefinedValue)}applyPredefinedValue(){this.getPredefinedValues();this.setInitialValues()}setInitialValues(){this.setButtonsValue();this.setFirstDropdownValues();this.setSecondDropdownValues();this.setInputField();this.setDateValue();this.setDateRangeDefaults();this.firstDropdownClass=this.firstDropdownLabel.replace(" ","_")+"-dropdown";this.secondDropdownClass=this.secondDropdownLabel.replace(" ","_")+"-dropdown"}setButtonsValue(){var t;this.buttonsArray=[];if((t=this._predefinedValue.buttons)===null||t===void 0?void 0:t.length){this.buttonsArray=this._predefinedValue.buttons;this.buttonsArray.forEach((t=>{if(t.selected){this.selectedButtonValue=t.value}}))}else{this._dropdownData.forEach((t=>{const e={selected:false,value:t.label,label:t.label};this.buttonsArray.push(e)}))}}setFirstDropdownValues(){var t;this.firstDropdownArr=[];if((t=this._predefinedValue.firstDropdown)===null||t===void 0?void 0:t.length){this.firstDropdownArr=[...this._predefinedValue.firstDropdown]}}setSecondDropdownValues(){var t;this.secondDropdownArr=[];if((t=this._predefinedValue.secondDropdown)===null||t===void 0?void 0:t.length){this.secondDropdownArr=[...this._predefinedValue.secondDropdown]}}setInputField(){var t;this.inputFieldValue=((t=this._predefinedValue.input)===null||t===void 0?void 0:t.length)?this._predefinedValue.input:""}setDateValue(){var t,e,n;if(this.allowMultipleDates){this.pnDateRangeContainer.style.display=((t=this._predefinedValue.dates)===null||t===void 0?void 0:t.length)?"":"none";this.generatedDatesArr=((e=this._predefinedValue.dates)===null||e===void 0?void 0:e.length)?this._predefinedValue.dates.split(","):[];this.saveGeneratedDates()}else{this.dateValue=((n=this._predefinedValue.dates)===null||n===void 0?void 0:n.length)?this._predefinedValue.dates:""}}setDateRangeDefaults(){var t,e;this.daysArr=this._predefinedValue.dateRange.days;this.starDateValue=((t=this._predefinedValue.dateRange.startDate)===null||t===void 0?void 0:t.length)?this._predefinedValue.dateRange.startDate:"";this.endDateValue=((e=this._predefinedValue.dateRange.endDate)===null||e===void 0?void 0:e.length)?this._predefinedValue.dateRange.endDate:""}setFirstValidDate(){var t;const e=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const n=new Date;n.setDate((t=n.getDate()+this.dateDaysFromToday)!==null&&t!==void 0?t:0);const i=n.getFullYear();const o=(n.getMonth()+1).toString().padStart(2,"0");const s=n.getDate().toString().padStart(2,"0");const d=i+e;this.firstValidDateString=`${i.toString()}-${o}-${s}`;this.lastValidDateString=`${d.toString()}-${o}-${s}`}addEventHandlers(){const t=s(this.emittRowValues.bind(this),500);this.pnInputField.addEventListener("keyup",this.handleInput.bind(this));this.pnInputField.addEventListener("change",this.handleInput.bind(this));this.pnInputField.addEventListener("input",this.handleInput.bind(this));this.pnInputField.addEventListener("keyup",t);this.pnInputField.addEventListener("change",t);this.pnInputField.addEventListener("input",t);if(this.allowMultipleDates){this.pnShowDateRangeFiledButton.addEventListener("click",this.showDateRangeRow.bind(this));this.pnStartDate.addEventListener("dateselection",this.HandleRangeDatePickers.bind(this));this.pnEndDate.addEventListener("dateselection",this.HandleRangeDatePickers.bind(this));this.pnGenerateDatesButton.addEventListener("click",this.generateDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",this.saveGeneratedDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",t)}else{this.pnSingleDatePicker.addEventListener("dateselection",this.setSingleDateValue.bind(this));this.pnSingleDatePicker.addEventListener("dateselection",t)}if(this.index>0){this.pnDeleteRowButton.addEventListener("click",this.deleteRow.bind(this))}}generateUniqueId(){return l()}updateSelectItemArr(t,e){t.forEach((t=>{if(t.value===e){t.selected=!t.selected}else{t.selected=false}}));return t}handleOptionButtonClick(t){var e;t.preventDefault();const n=t.target.innerHTML;this.buttonsArray=[...this.updateSelectItemArr(this.buttonsArray,n)];this.selectedButtonValue=this.buttonsArray.filter((t=>t.selected===true)).length>0?n:"";if((e=this.selectedButtonValue)===null||e===void 0?void 0:e.length){this.firstDropdownArr=[];const t=this._dropdownData.find((t=>t.label===n));t.values.forEach((t=>{this.firstDropdownArr.push({selected:false,value:t.label,label:t.label})}));this.firstDropdownArr=[...this.firstDropdownArr];this.firstDropdownPlaceholder=this.dropdownPlaceholder;const e=this.pnFirstDropdown.querySelector(".pn-select-content span");e.innerHTML=this.dropdownPlaceholder;this.secondDropdownArr=[];this.secondDropdownPlaceholder="-";const i=this.pnSecondDropdown.querySelector(".pn-select-content span");i.innerHTML=this.secondDropdownPlaceholder}else{this.firstDropdownArr=[];this.firstDropdownPlaceholder="-";const t=this.pnFirstDropdown.querySelector(".pn-select-content span");t.innerHTML=this.firstDropdownPlaceholder;this.secondDropdownArr=[];this.secondDropdownPlaceholder="-";const e=this.pnSecondDropdown.querySelector(".pn-select-content span");e.innerHTML=this.secondDropdownPlaceholder}this.emittRowValues()}handleFirstDropdownChange(){const t=this.pnFirstDropdown.querySelector("[aria-selected=true]");const e=t===null||t===void 0?void 0:t.textContent;this.firstDropdownArr=[...this.updateSelectItemArr(this.firstDropdownArr,e)];const n=this.pnFirstDropdown.querySelector(".pn-select-content span");n.innerHTML=e;this.secondDropdownArr=[];const i=this.buttonsArray.findIndex((t=>t.selected===true));const o=this._dropdownData.find((t=>t.label===this.buttonsArray[i].value));const s=o.values.find((t=>t.label===e));s.values.forEach((t=>{this.secondDropdownArr.push({selected:false,value:t.label,label:t.label})}));this.secondDropdownPlaceholder=this.dropdownPlaceholder;const d=this.pnSecondDropdown.querySelector(".pn-select-content span");d.innerHTML=this.secondDropdownPlaceholder;this.emittRowValues()}handleSecondDropdownChange(){const t=this.pnSecondDropdown.querySelector("[aria-selected=true]");const e=t===null||t===void 0?void 0:t.textContent;this.secondDropdownArr=[...this.updateSelectItemArr(this.secondDropdownArr,e)];const n=this.pnSecondDropdown.querySelector(".pn-select-content span");n.innerHTML=e;this.emittRowValues()}handleInput(t){const e=t.target;if(e.value!=="0"){this.inputFieldValue=e.value}}showDateRangeRow(){if(this.pnDateRangeContainer.style.display==="none"){this.pnDateRangeContainer.style.display=""}else{this.pnDateRangeContainer.style.display="none"}}HandleRangeDatePickers(t){const e=t.target;if(e===this.pnStartDate){this.starDateValue=t.detail}if(e===this.pnEndDate){this.endDateValue=t.detail}}generateDates(t){var e;t.preventDefault();const n=this.pnDaysRow.querySelectorAll("pn-filter-checkbox");const i=[];this.generatedDatesArr=[];n.forEach((t=>{const e=t.querySelector("input");if(e.value){i.push(e.value)}}));if(i.length&&this.starDateValue&&this.endDateValue){this.daysArr.forEach((t=>{if(i.some((e=>e===t.value))){t.selected=true}else{t.selected=false}}));const t=new Date(Date.parse(this.starDateValue));const n=new Date(Date.parse(this.endDateValue));for(var o=t;o<=n;o.setDate(o.getDate()+1)){const t=this.daysArr.findIndex((t=>parseInt(t.value)===o.getDay()));if((e=this.daysArr[t])===null||e===void 0?void 0:e.selected){const t=o.getFullYear();const e=(o.getMonth()+1).toString().padStart(2,"0");const n=o.getDate().toString().padStart(2,"0");this.generatedDatesArr.push(`${t}-${e}-${n}`)}}}}deleteGeneratedDateRow(t){this.generatedDatesArr.splice(t,1);this.generatedDatesArr=[...this.generatedDatesArr]}saveGeneratedDates(){var t;if((t=this.generatedDatesArr)===null||t===void 0?void 0:t.length){this.dateValue=String(this.generatedDatesArr);const t=this.generatedDatesArr.length;const e=this.pnShowDateRangeFiledButton.querySelector(".pn-button-content");e.innerHTML=t>0?`${this.dateButtonText} (${t})`:this.dateButtonText;this.showDateRangeRow()}}setSingleDateValue(t){const e=t.target;if(e===this.pnSingleDatePicker){this.dateValue=t.detail}}emittRowValues(){this.rowValueChange.emit({id:this._predefinedValue.id,buttons:this.buttonsArray,firstDropdown:this.firstDropdownArr,secondDropdown:this.secondDropdownArr,input:this.inputFieldValue,dates:this.dateValue,dateRange:{days:this.daysArr,startDate:this.starDateValue,endDate:this.endDateValue}})}deleteRow(){this.deleteRowEvent.emit(this._predefinedValue.id)}setActive(t){return t?"connected-dropdown__button active":"connected-dropdown__button"}render(){var t,e,o,l,c,h,r,a,p;return n(i,{key:"e61da8a6a63b23c96c75b2abd8f6f1769e9cb0fc"},n("div",{key:"c40b78871c668a07ba728a294c26473cf6da0cd4",ref:t=>this.pnConnectedDropdownSlotElement=t,class:"connected-dropdown-slot-element"},n("div",{key:"333bd5546b3d5e3e8724891260c046ba1266d8f5",class:"connected-dropdown-parent-element connected-dropdown"},n("div",{key:"96c9ce1e849ecce0478f96addaedb26c8c8883f9",class:"connected-dropdown__row__no-margin"},n("label",{key:"67eb3a989e0bd666c78ee4fd2cc2453f612ac4e7"},this.label)),n("div",{key:"1cc0519d8288b257e942c996c72b3208fa4f7959",class:"connected-dropdown__row button-row"},n("div",{key:"99357ac670e533ca84e2bbb39ea5974f1bc25ba3",class:"connected-dropdown__button-container option-buttons"},(t=this.buttonsArray)===null||t===void 0?void 0:t.map((t=>n("button",{class:`${this.setActive(t.selected)}`,id:this.generateUniqueId(),onClick:this.handleOptionButtonClick.bind(this)},t.value)))),n("div",{key:"924eb2f5390ce0525d309fe581afde692b3a85e9",class:"connected-dropdown__button-container delete-button"},this.index>0?n("pn-button",{ref:t=>this.pnDeleteRowButton=t,small:"true",icon:d,appearance:"warning",index:this.index},"Delete"):null)),n("div",{key:"180bd6730284acd53a3303828e80ec5f23dff1a0",class:"connected-dropdown__row input-row"},n("pn-select",{key:"3d1718ca46ffae7a6cc3b2091155bb78d041d759",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",placeholder:this.firstDropdownPlaceholder,label:this.firstDropdownLabel,"empty-option":"true"},(e=this.firstDropdownArr)===null||e===void 0?void 0:e.map(((t,e)=>n("pn-option",{index:e,label:t.label,value:t.value,selected:t.selected,onClick:s(this.handleFirstDropdownChange.bind(this),500)})))),n("pn-select",{key:"509e9af551f3f5b3569627f653c53c575e0b20ce",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",placeholder:this.secondDropdownPlaceholder,label:this.secondDropdownLabel,"empty-option":"true"},(o=this.secondDropdownArr)===null||o===void 0?void 0:o.map(((t,e)=>n("pn-option",{index:e,label:t.label,value:t.value,selected:t.selected,onClick:s(this.handleSecondDropdownChange.bind(this),500)})))),n("pn-marketweb-input",{key:"81277ec1c15b7c9fd3906e9818df048c636af423",ref:t=>this.pnInputField=t,type:"number",placeholder:"0",label:this.inputFildLabel,value:this.inputFieldValue,min:"1"}),this.allowMultipleDates?n("pn-button",{ref:t=>this.pnShowDateRangeFiledButton=t,class:"connected-dropdown__toggle-date-button",small:"true",appearance:"light"},this.dateButtonText):n("div",{class:"connected-dropdown__date-container"},n("div",{class:"connected-dropdown__label-container"},n("label",null,this.dateButtonText)),n("pn-date-picker",{ref:t=>this.pnSingleDatePicker=t,range:"false","disable-weekends":true,"min-date":this.firstValidDateString,language:this.languageCode,placeholder:this.datePlaceholder,class:"connected-dropdown__date-picker",start:((l=this.dateValue)===null||l===void 0?void 0:l.length)?this.dateValue:null}))),this.allowMultipleDates?n("div",{ref:t=>this.pnDateRangeContainer=t,class:"connected-dropdown__date-container",style:{display:"none"}},this.multiDateHelperText?n("div",{class:"connected-dropdown__row"},n("p",null,this.multiDateHelperText)):null,n("div",{class:"connected-dropdown__multi-date-row"},n("div",{class:"connected-dropdown__date-container"},n("div",{class:"connected-dropdown__label-container"},n("label",null,this.startDateLabel)),n("pn-date-picker",{ref:t=>this.pnStartDate=t,range:"false","disable-weekends":true,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder,start:((c=this.starDateValue)===null||c===void 0?void 0:c.length)?this.starDateValue:null})),n("div",{class:"connected-dropdown__date-container"},n("div",{class:"connected-dropdown__label-container"},n("label",null,this.endDateLabel)),n("pn-date-picker",{ref:t=>this.pnEndDate=t,range:"false","disable-weekends":true,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder,start:((h=this.endDateValue)===null||h===void 0?void 0:h.length)?this.endDateValue:null}))),n("div",{ref:t=>this.pnDaysRow=t,class:"connected-dropdown__multi-date-row"},(r=this.daysArr)===null||r===void 0?void 0:r.map((t=>n("div",{class:"connected-dropdown__checkbox"},n("pn-filter-checkbox",{checkboxid:"day-"+t.value,name:"__"+t.label,value:t.value,checked:t.selected}),n("label",{htmlFor:"day-"+t.value},t.label))))),n("div",{class:"connected-dropdown__row"},n("pn-button",{ref:t=>this.pnGenerateDatesButton=t,small:"true"},this.generateDatesButtonText)),n("div",{ref:t=>this.pnGeneratedDatesSlot=t,class:"connected-dropdown__date-slot"},(a=this.generatedDatesArr)===null||a===void 0?void 0:a.map(((t,e)=>n("div",{class:"connected-dropdown__row generated-date-row"},n("p",null,t),n("pn-button",{index:e,small:"true",icon:d,appearance:"warning",id:"delete-date-"+e,onClick:this.deleteGeneratedDateRow.bind(this,e)},t)))),!((p=this.generatedDatesArr)===null||p===void 0?void 0:p.length)?n("p",null,this.noDatesText):null),n("div",{class:"connected-dropdown__row"},n("pn-button",{ref:t=>this.pnSaveGeneratedDatesButton=t,class:"connected-dropdown__button-right",small:"true"},this.saveDateButtonText))):null)))}get hostElement(){return o(this)}static get watchers(){return{predefinedValue:["applyPredefinedValue"]}}};r.style=h;export{r as pn_multi_row_connected_dropdown_row};
-//# sourceMappingURL=p-e9088d97.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pnMultiRowConnectedDropdownRowCss","PnMultiRowConnectedDropdownRowStyle0","PnMultiRowConnectedDropdownRow","this","pnConnectedDropdown","pnConnectedDropdownSlotElement","pnAddFieldButton","pnFirstDropdown","pnSecondDropdown","pnInputField","pnSingleDatePicker","pnStartDate","pnEndDate","pnShowDateRangeFiledButton","pnDateRangeContainer","pnGenerateDatesButton","pnDaysRow","pnGeneratedDatesSlot","pnSaveGeneratedDatesButton","pnDeleteRowButton","componentWillLoad","getPredefinedValues","setDropDownData","setFirstValidDate","componentDidLoad","setInitialValues","addEventHandlers","emittRowValues","dropdownData","_dropdownData","JSON","parse","_predefinedValue","predefinedValue","applyPredefinedValue","setButtonsValue","setFirstDropdownValues","setSecondDropdownValues","setInputField","setDateValue","setDateRangeDefaults","firstDropdownClass","firstDropdownLabel","replace","secondDropdownClass","secondDropdownLabel","buttonsArray","_a","buttons","length","forEach","item","selected","selectedButtonValue","value","button","label","push","firstDropdownArr","firstDropdown","secondDropdownArr","secondDropdown","inputFieldValue","input","allowMultipleDates","style","display","dates","generatedDatesArr","_b","split","saveGeneratedDates","dateValue","_c","daysArr","dateRange","days","starDateValue","startDate","endDateValue","endDate","yearsToadd","yearsToAddToEndDate","date","Date","setDate","getDate","dateDaysFromToday","year","getFullYear","month","getMonth","toString","padStart","day","endYear","firstValidDateString","lastValidDateString","emmitValues","debounce","bind","addEventListener","handleInput","showDateRangeRow","HandleRangeDatePickers","generateDates","setSingleDateValue","index","deleteRow","generateUniqueId","uuidv4","updateSelectItemArr","arr","val","handleOptionButtonClick","e","preventDefault","elmValue","target","innerHTML","filter","selectionChildren","find","values","firstDropdownPlaceholder","dropdownPlaceholder","firstDropdownText","querySelector","secondDropdownPlaceholder","secondDropdownText","handleFirstDropdownChange","selectedValue","textContent","selectedButton","findIndex","firstChildren","secondChildren","handleSecondDropdownChange","elm","detail","allCheckboxes","querySelectorAll","selectedDays","element","some","x","d","i","parseInt","getDay","deleteGeneratedDateRow","splice","String","dateCount","buttonTextElm","dateButtonText","rowValueChange","emit","id","deleteRowEvent","setActive","active","render","h","Host","key","ref","el","class","map","onClick","small","icon","minus","appearance","placeholder","type","inputFildLabel","min","range","language","languageCode","datePlaceholder","start","_d","multiDateHelperText","startDateLabel","_e","endDateLabel","_f","_g","checkboxid","name","checked","htmlFor","generateDatesButtonText","_h","_j","noDatesText","saveDateButtonText"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.scss?tag=pn-multi-row-connected-dropdown-row","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown-row {\n  gap: 1rem;\n\n  .connected-dropdown-parent-element {\n    margin-bottom: 0.5rem;\n  }\n\n  pn-select {\n    width: 35%;\n  }\n\n  pn-marketweb-input {\n    width: 10%;\n\n    input {\n      height: 4.3rem;\n    }\n  }\n\n  .connected-dropdown {\n    padding: 1rem;\n    border-left: 0.2rem solid $blue700;\n\n    &:hover {\n      background-color: $gray25;\n    }\n\n    &__toggle-date-button {\n      width: 20%;\n      margin-bottom: 0.5rem;\n    }\n\n    &__row {\n      display: flex;\n      align-items: flex-end;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      justify-content: space-between;\n\n      &__no-margin {\n        margin: 0;\n      }\n    }\n\n    &__multi-date-row {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      margin-bottom: 1rem;\n    }\n\n    &__button-container {\n      display: flex;\n      align-items: flex-end;\n      gap: 1rem;\n    }\n\n    &__button {\n      background-color: #ffffff;\n      border: solid;\n      border-width: 0.1rem;\n      border-radius: 0.8rem;\n      border-color: $blue700;\n      padding: 0.4rem 0.8rem;\n      color: $blue700;\n      font-size: 1.4rem;\n      text-align: center;\n      text-decoration: none;\n      cursor: pointer;\n\n      &:hover,\n      &.active {\n        background-color: $blue900;\n        border-color: $blue900;\n        color: #ffffff;\n      }\n    }\n\n    &__buttom-container-right {\n      display: flex;\n    }\n\n    &__button-right {\n      margin-left: auto;\n    }\n\n    &__label-container {\n      margin-bottom: 0.4rem;\n      color: $gray700;\n      font-size: 0.875em;\n      justify-content: space-between;\n      align-items: flex-end;\n    }\n\n    &__checkbox {\n      display: flex;\n      gap: 0.5rem;\n    }\n\n    &__date-slot {\n      border: 0.1rem solid $blue700;\n      margin-bottom: 1rem;\n      padding: 1rem;\n    }\n  }\n\n  .generated-date-row {\n    border-bottom: 0.1rem solid $blue700;\n  }\n}\n","import { Component, Prop, h, Element, Host, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Root, SelectItem, PredefinedValues } from './types';\nimport debounce from 'debounce';\nimport { v4 as uuidv4 } from 'uuid';\nimport { minus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-multi-row-connected-dropdown-row',\n  styleUrl: 'pn-multi-row-connected-dropdown-row.scss',\n})\nexport class PnMultiRowConnectedDropdownRow {\n  @Element() hostElement: Element;\n  private _dropdownData: Root[];\n  private _predefinedValue: PredefinedValues;\n  pnConnectedDropdown: HTMLElement = null;\n  pnConnectedDropdownSlotElement: HTMLElement = null;\n  pnAddFieldButton: HTMLElement = null;\n  pnFirstDropdown: HTMLElement = null;\n  pnSecondDropdown: HTMLElement = null;\n  pnInputField: HTMLElement = null;\n  pnSingleDatePicker: HTMLElement = null;\n  pnStartDate: HTMLElement = null;\n  pnEndDate: HTMLElement = null;\n  pnShowDateRangeFiledButton: HTMLElement = null;\n  pnDateRangeContainer: HTMLElement = null;\n  pnGenerateDatesButton: HTMLElement = null;\n  pnDaysRow: HTMLElement = null;\n  pnGeneratedDatesSlot: HTMLElement = null;\n  pnSaveGeneratedDatesButton: HTMLElement = null;\n  pnDeleteRowButton: HTMLElement = null;\n\n  @Prop() dropdownData: string | Root[] = null;\n  @Prop() languageCode: string = null;\n  @Prop() label: string = null;\n  @Prop() firstDropdownLabel: string = null;\n  @Prop() secondDropdownLabel: string = null;\n  @Prop() dropdownPlaceholder: string = null;\n  @Prop() addRowText: string = null;\n  @Prop() inputFildLabel: string = null;\n  @Prop() inputFildPlaceholder: string = null;\n  @Prop() dateButtonText: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() dateDaysFromToday: number = 1;\n  @Prop() allowMultipleDates: boolean = null;\n  @Prop() startDateLabel: string = null;\n  @Prop() endDateLabel: string = null;\n  @Prop() multiDateHelperText: string = null;\n  @Prop() generateDatesButtonText: string = null;\n  @Prop() saveDateButtonText: string = null;\n  @Prop() noDatesText: string = null;\n  @Prop() index: number = null;\n  @Prop() predefinedValue: string = null;\n  @Prop() yearsToAddToEndDate: number = null;\n\n  @State() buttonsArray: SelectItem[] = null;\n  @State() firstDropdownArr: SelectItem[] = null;\n  @State() secondDropdownArr: SelectItem[] = [];\n  @State() firstDropdownClass: string = null;\n  @State() secondDropdownClass: string = null;\n  @State() firstValidDateString: string = '';\n  @State() lastValidDateString: string = '';\n  @State() firstDropdownPlaceholder: string = '-';\n  @State() secondDropdownPlaceholder: string = '-';\n  @State() starDateValue: string = '';\n  @State() endDateValue: string = '';\n  @State() generatedDatesArr: string[] = [];\n  @State() selectedButtonValue: string = '';\n  @State() inputFieldValue: string = '';\n  @State() dateValue: string = '';\n  @State() daysArr: SelectItem[] = null;\n\n  @Event() rowValueChange: EventEmitter<PredefinedValues>;\n  @Event() deleteRowEvent: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.getPredefinedValues();\n    this.setDropDownData();\n    this.setFirstValidDate();\n  }\n\n  componentDidLoad() {\n    this.setInitialValues();\n    this.addEventHandlers();\n    this.emittRowValues();\n  }\n\n  setDropDownData() {\n    if (typeof this.dropdownData === 'string') {\n      this._dropdownData = JSON.parse(this.dropdownData);\n    } else {\n      this._dropdownData = this.dropdownData;\n    }\n  }\n\n  getPredefinedValues() {\n    this._predefinedValue = JSON.parse(this.predefinedValue);\n  }\n\n  @Watch('predefinedValue')\n  applyPredefinedValue() {\n    this.getPredefinedValues();\n    this.setInitialValues();\n  }\n\n  setInitialValues() {\n    this.setButtonsValue();\n    this.setFirstDropdownValues();\n    this.setSecondDropdownValues();\n    this.setInputField();\n    this.setDateValue();\n    this.setDateRangeDefaults();\n\n    this.firstDropdownClass = this.firstDropdownLabel.replace(' ', '_') + '-dropdown';\n    this.secondDropdownClass = this.secondDropdownLabel.replace(' ', '_') + '-dropdown';\n  }\n\n  setButtonsValue() {\n    this.buttonsArray = [];\n\n    if (this._predefinedValue.buttons?.length) {\n      this.buttonsArray = this._predefinedValue.buttons;\n\n      this.buttonsArray.forEach(item => {\n        if (item.selected) {\n          this.selectedButtonValue = item.value;\n        }\n      });\n    } else {\n      this._dropdownData.forEach(item => {\n        const button: SelectItem = { selected: false, value: item.label, label: item.label };\n        this.buttonsArray.push(button);\n      });\n    }\n  }\n\n  setFirstDropdownValues() {\n    this.firstDropdownArr = [];\n\n    if (this._predefinedValue.firstDropdown?.length) {\n      this.firstDropdownArr = [...this._predefinedValue.firstDropdown];\n    }\n  }\n\n  setSecondDropdownValues() {\n    this.secondDropdownArr = [];\n\n    if (this._predefinedValue.secondDropdown?.length) {\n      this.secondDropdownArr = [...this._predefinedValue.secondDropdown];\n    }\n  }\n\n  setInputField() {\n    this.inputFieldValue = this._predefinedValue.input?.length ? this._predefinedValue.input : '';\n  }\n\n  setDateValue() {\n    if (this.allowMultipleDates) {\n      this.pnDateRangeContainer.style.display = this._predefinedValue.dates?.length ? '' : 'none';\n      this.generatedDatesArr = this._predefinedValue.dates?.length ? this._predefinedValue.dates.split(',') : [];\n      this.saveGeneratedDates();\n    } else {\n      this.dateValue = this._predefinedValue.dates?.length ? this._predefinedValue.dates : '';\n    }\n  }\n\n  setDateRangeDefaults() {\n    this.daysArr = this._predefinedValue.dateRange.days;\n    this.starDateValue = this._predefinedValue.dateRange.startDate?.length ? this._predefinedValue.dateRange.startDate : '';\n    this.endDateValue = this._predefinedValue.dateRange.endDate?.length ? this._predefinedValue.dateRange.endDate : '';\n  }\n\n  setFirstValidDate() {\n    const yearsToadd = this.yearsToAddToEndDate ? this.yearsToAddToEndDate : 2;\n    const date = new Date();\n    date.setDate(date.getDate() + this.dateDaysFromToday ?? 0);\n\n    const year = date.getFullYear();\n    const month = (date.getMonth() + 1).toString().padStart(2, '0');\n    const day = date.getDate().toString().padStart(2, '0');\n    const endYear = year + yearsToadd;\n\n    this.firstValidDateString = `${year.toString()}-${month}-${day}`;\n    this.lastValidDateString = `${endYear.toString()}-${month}-${day}`;\n  }\n\n  addEventHandlers() {\n    const emmitValues = debounce(this.emittRowValues.bind(this), 500);\n\n    this.pnInputField.addEventListener('keyup', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('change', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('input', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('keyup', emmitValues);\n    this.pnInputField.addEventListener('change', emmitValues);\n    this.pnInputField.addEventListener('input', emmitValues);\n\n    if (this.allowMultipleDates) {\n      this.pnShowDateRangeFiledButton.addEventListener('click', this.showDateRangeRow.bind(this));\n      this.pnStartDate.addEventListener('dateselection', this.HandleRangeDatePickers.bind(this));\n      this.pnEndDate.addEventListener('dateselection', this.HandleRangeDatePickers.bind(this));\n      this.pnGenerateDatesButton.addEventListener('click', this.generateDates.bind(this));\n      this.pnSaveGeneratedDatesButton.addEventListener('click', this.saveGeneratedDates.bind(this));\n      this.pnSaveGeneratedDatesButton.addEventListener('click', emmitValues);\n    } else {\n      this.pnSingleDatePicker.addEventListener('dateselection', this.setSingleDateValue.bind(this));\n      this.pnSingleDatePicker.addEventListener('dateselection', emmitValues);\n    }\n\n    if (this.index > 0) {\n      this.pnDeleteRowButton.addEventListener('click', this.deleteRow.bind(this));\n    }\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  updateSelectItemArr(arr: SelectItem[], val: string) {\n    arr.forEach(item => {\n      if (item.value === val) {\n        item.selected = !item.selected;\n      } else {\n        item.selected = false;\n      }\n    });\n    return arr;\n  }\n\n  handleOptionButtonClick(e) {\n    e.preventDefault();\n    const elmValue = e.target.innerHTML;\n\n    this.buttonsArray = [...this.updateSelectItemArr(this.buttonsArray, elmValue)];\n    this.selectedButtonValue = this.buttonsArray.filter(e => e.selected === true).length > 0 ? elmValue : '';\n\n    if (this.selectedButtonValue?.length) {\n      this.firstDropdownArr = [];\n      const selectionChildren = this._dropdownData.find(arr => arr.label === elmValue);\n      selectionChildren.values.forEach(item => {\n        this.firstDropdownArr.push({ selected: false, value: item.label, label: item.label });\n      });\n\n      this.firstDropdownArr = [...this.firstDropdownArr];\n      this.firstDropdownPlaceholder = this.dropdownPlaceholder;\n      const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select-content span');\n      firstDropdownText.innerHTML = this.dropdownPlaceholder;\n\n      this.secondDropdownArr = [];\n      this.secondDropdownPlaceholder = '-';\n      const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n      secondDropdownText.innerHTML = this.secondDropdownPlaceholder;\n    } else {\n      this.firstDropdownArr = [];\n      this.firstDropdownPlaceholder = '-';\n      const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select-content span');\n      firstDropdownText.innerHTML = this.firstDropdownPlaceholder;\n\n      this.secondDropdownArr = [];\n      this.secondDropdownPlaceholder = '-';\n      const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n      secondDropdownText.innerHTML = this.secondDropdownPlaceholder;\n    }\n\n    this.emittRowValues();\n  }\n\n  handleFirstDropdownChange() {\n    const selected = this.pnFirstDropdown.querySelector(\"[aria-selected=true]\");\n    const selectedValue = selected?.textContent;\n    this.firstDropdownArr = [...this.updateSelectItemArr(this.firstDropdownArr, selectedValue)];\n    const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select-content span');\n      firstDropdownText.innerHTML = selectedValue;\n\n    this.secondDropdownArr = [];\n    const selectedButton = this.buttonsArray.findIndex(item => item.selected === true);\n    const firstChildren = this._dropdownData.find(arr => arr.label === this.buttonsArray[selectedButton].value);\n    const secondChildren = firstChildren.values.find(arr => arr.label === selectedValue);\n    secondChildren.values.forEach(item => {\n      this.secondDropdownArr.push({ selected: false, value: item.label, label: item.label });\n    });\n\n    this.secondDropdownPlaceholder = this.dropdownPlaceholder;\n    const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n    secondDropdownText.innerHTML = this.secondDropdownPlaceholder;\n    this.emittRowValues();\n  }\n\n  handleSecondDropdownChange() {\n    const selected = this.pnSecondDropdown.querySelector(\"[aria-selected=true]\");\n    const selectedValue = selected?.textContent;\n    this.secondDropdownArr = [...this.updateSelectItemArr(this.secondDropdownArr, selectedValue)];\n    const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n    secondDropdownText.innerHTML = selectedValue;\n    this.emittRowValues();\n  }\n\n  handleInput(e) {\n    const elm = e.target;\n    if (elm.value !== '0') {\n      this.inputFieldValue = elm.value;\n    }\n  }\n\n  showDateRangeRow() {\n    if (this.pnDateRangeContainer.style.display === 'none') {\n      this.pnDateRangeContainer.style.display = '';\n    } else {\n      this.pnDateRangeContainer.style.display = 'none';\n    }\n  }\n\n  HandleRangeDatePickers(e) {\n    const elm = e.target;\n\n    if (elm === this.pnStartDate) {\n      this.starDateValue = e.detail;\n    }\n\n    if (elm === this.pnEndDate) {\n      this.endDateValue = e.detail;\n    }\n  }\n\n  generateDates(e) {\n    e.preventDefault();\n    const allCheckboxes = this.pnDaysRow.querySelectorAll('pn-filter-checkbox');\n    const selectedDays: string[] = [];\n    this.generatedDatesArr = [];\n    allCheckboxes.forEach(element => {\n      const input = element.querySelector('input');\n      if (input.value) {\n        selectedDays.push(input.value);\n      }\n    });\n\n    if (selectedDays.length && this.starDateValue && this.endDateValue) {\n      this.daysArr.forEach(item => {\n        if (selectedDays.some(x => x === item.value)) {\n          item.selected = true;\n        } else {\n          item.selected = false;\n        }\n      });\n\n      const startDate = new Date(Date.parse(this.starDateValue));\n      const endDate = new Date(Date.parse(this.endDateValue));\n\n      for (var d = startDate; d <= endDate; d.setDate(d.getDate() + 1)) {\n        const i = this.daysArr.findIndex(item => parseInt(item.value) === d.getDay());\n\n        if (this.daysArr[i]?.selected) {\n          const year = d.getFullYear();\n          const month = (d.getMonth() + 1).toString().padStart(2, '0');\n          const day = d.getDate().toString().padStart(2, '0');\n          this.generatedDatesArr.push(`${year}-${month}-${day}`);\n        }\n      }\n    }\n  }\n\n  deleteGeneratedDateRow(index) {\n    this.generatedDatesArr.splice(index, 1);\n    this.generatedDatesArr = [...this.generatedDatesArr];\n  }\n\n  saveGeneratedDates() {\n    if (this.generatedDatesArr?.length) {\n      this.dateValue = String(this.generatedDatesArr);\n      const dateCount = this.generatedDatesArr.length;\n      const buttonTextElm = this.pnShowDateRangeFiledButton.querySelector('.pn-button-content');\n      buttonTextElm.innerHTML = dateCount > 0 ? `${this.dateButtonText} (${dateCount})` : this.dateButtonText;\n      this.showDateRangeRow();\n    }\n  }\n\n  setSingleDateValue(e) {\n    const elm = e.target;\n    if (elm === this.pnSingleDatePicker) {\n      this.dateValue = e.detail;\n    }\n  }\n\n  emittRowValues() {\n    this.rowValueChange.emit({\n      id: this._predefinedValue.id,\n      buttons: this.buttonsArray,\n      firstDropdown: this.firstDropdownArr,\n      secondDropdown: this.secondDropdownArr,\n      input: this.inputFieldValue,\n      dates: this.dateValue,\n      dateRange: {\n        days: this.daysArr,\n        startDate: this.starDateValue,\n        endDate: this.endDateValue,\n      },\n    });\n  }\n\n  deleteRow() {\n    this.deleteRowEvent.emit(this._predefinedValue.id);\n  }\n\n  setActive(active: boolean) {\n    return active ? 'connected-dropdown__button active' : 'connected-dropdown__button';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div ref={el => (this.pnConnectedDropdownSlotElement = el as HTMLElement)} class=\"connected-dropdown-slot-element\">\n          <div class=\"connected-dropdown-parent-element connected-dropdown\">\n            <div class=\"connected-dropdown__row__no-margin\">\n              <label>{this.label}</label>\n            </div>\n\n            <div class=\"connected-dropdown__row button-row\">\n              <div class=\"connected-dropdown__button-container option-buttons\">\n                {this.buttonsArray?.map(item => (\n                  <button class={`${this.setActive(item.selected)}`} id={this.generateUniqueId()} onClick={this.handleOptionButtonClick.bind(this)}>\n                    {item.value}\n                  </button>\n                ))}\n              </div>\n\n              <div class=\"connected-dropdown__button-container delete-button\">\n                {this.index > 0 ? (\n                  <pn-button ref={el => (this.pnDeleteRowButton = el as HTMLElement)} small=\"true\" icon={minus} appearance=\"warning\" index={this.index}>\n                    Delete\n                  </pn-button>\n                ) : null}\n              </div>\n            </div>\n\n            <div class=\"connected-dropdown__row input-row\">\n              <pn-select\n                ref={el => (this.pnFirstDropdown = el as HTMLElement)}\n                class=\"pn-row-select-dropdown dropDown1-dropdown\"\n                placeholder={this.firstDropdownPlaceholder}\n                label={this.firstDropdownLabel}\n                empty-option=\"true\"\n              >\n                {this.firstDropdownArr?.map((item, i) => (\n                  <pn-option index={i} label={item.label} value={item.value} selected={item.selected} onClick={debounce(this.handleFirstDropdownChange.bind(this), 500)}></pn-option>\n                ))}\n              </pn-select>\n\n              <pn-select\n                ref={el => (this.pnSecondDropdown = el as HTMLElement)}\n                class=\"pn-row-select-dropdown dropDown2-dropdown\"\n                placeholder={this.secondDropdownPlaceholder}\n                label={this.secondDropdownLabel}\n                empty-option=\"true\"\n              >\n                {this.secondDropdownArr?.map((item, i) => (\n                  <pn-option index={i} label={item.label} value={item.value} selected={item.selected} onClick={debounce(this.handleSecondDropdownChange.bind(this), 500)}></pn-option>\n                ))}\n              </pn-select>\n\n              <pn-marketweb-input\n                ref={el => (this.pnInputField = el as HTMLElement)}\n                type=\"number\"\n                placeholder=\"0\"\n                label={this.inputFildLabel}\n                value={this.inputFieldValue}\n                min=\"1\"\n              ></pn-marketweb-input>\n\n              {this.allowMultipleDates ? (\n                <pn-button ref={el => (this.pnShowDateRangeFiledButton = el as HTMLElement)} class=\"connected-dropdown__toggle-date-button\" small=\"true\" appearance=\"light\">\n                  {this.dateButtonText}\n                </pn-button>\n              ) : (\n                <div class=\"connected-dropdown__date-container\">\n                  <div class=\"connected-dropdown__label-container\">\n                    <label>{this.dateButtonText}</label>\n                  </div>\n                  <pn-date-picker\n                    ref={el => (this.pnSingleDatePicker = el as HTMLElement)}\n                    range=\"false\"\n                    disable-weekends={true}\n                    min-date={this.firstValidDateString}\n                    language={this.languageCode}\n                    placeholder={this.datePlaceholder}\n                    class=\"connected-dropdown__date-picker\"\n                    start={this.dateValue?.length ? this.dateValue : null}\n                  ></pn-date-picker>\n                </div>\n              )}\n            </div>\n\n            {this.allowMultipleDates ? (\n              <div ref={el => (this.pnDateRangeContainer = el as HTMLElement)} class=\"connected-dropdown__date-container\" style={{ display: 'none' }}>\n                {this.multiDateHelperText ? (\n                  <div class=\"connected-dropdown__row\">\n                    <p>{this.multiDateHelperText}</p>\n                  </div>\n                ) : null}\n\n                <div class=\"connected-dropdown__multi-date-row\">\n                  <div class=\"connected-dropdown__date-container\">\n                    <div class=\"connected-dropdown__label-container\">\n                      <label>{this.startDateLabel}</label>\n                    </div>\n\n                    <pn-date-picker\n                      ref={el => (this.pnStartDate = el as HTMLElement)}\n                      range=\"false\"\n                      disable-weekends={true}\n                      class=\"connected-dropdown__date-picker\"\n                      min-date={this.firstValidDateString}\n                      max-date={this.lastValidDateString}\n                      language={this.languageCode}\n                      placeholder={this.datePlaceholder}\n                      start={this.starDateValue?.length ? this.starDateValue : null}\n                    ></pn-date-picker>\n                  </div>\n\n                  <div class=\"connected-dropdown__date-container\">\n                    <div class=\"connected-dropdown__label-container\">\n                      <label>{this.endDateLabel}</label>\n                    </div>\n                    <pn-date-picker\n                      ref={el => (this.pnEndDate = el as HTMLElement)}\n                      range=\"false\"\n                      disable-weekends={true}\n                      class=\"connected-dropdown__date-picker\"\n                      min-date={this.firstValidDateString}\n                      max-date={this.lastValidDateString}\n                      language={this.languageCode}\n                      placeholder={this.datePlaceholder}\n                      start={this.endDateValue?.length ? this.endDateValue : null}\n                    ></pn-date-picker>\n                  </div>\n                </div>\n                <div ref={el => (this.pnDaysRow = el as HTMLElement)} class=\"connected-dropdown__multi-date-row\">\n                  {this.daysArr?.map((day: SelectItem) => (\n                    <div class=\"connected-dropdown__checkbox\">\n                      <pn-filter-checkbox checkboxid={'day-' + day.value} name={'__' + day.label} value={day.value} checked={day.selected}></pn-filter-checkbox>\n                      <label htmlFor={'day-' + day.value}>{day.label}</label>\n                    </div>\n                  ))}\n                </div>\n\n                <div class=\"connected-dropdown__row\">\n                  <pn-button ref={el => (this.pnGenerateDatesButton = el as HTMLElement)} small=\"true\">\n                    {this.generateDatesButtonText}\n                  </pn-button>\n                </div>\n\n                <div ref={el => (this.pnGeneratedDatesSlot = el as HTMLElement)} class=\"connected-dropdown__date-slot\">\n                  {this.generatedDatesArr?.map((date: string, i) => (\n                    <div class=\"connected-dropdown__row generated-date-row\">\n                      <p>{date}</p>\n                      <pn-button index={i} small=\"true\" icon={minus} appearance=\"warning\" id={'delete-date-' + i} onClick={this.deleteGeneratedDateRow.bind(this, i)}>\n                        {date}\n                      </pn-button>\n                    </div>\n                  ))}\n\n                  {!this.generatedDatesArr?.length ? <p>{this.noDatesText}</p> : null}\n                </div>\n\n                <div class=\"connected-dropdown__row\">\n                  <pn-button ref={el => (this.pnSaveGeneratedDatesButton = el as HTMLElement)} class=\"connected-dropdown__button-right\" small=\"true\">\n                    {this.saveDateButtonText}\n                  </pn-button>\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-f8eb860b.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,d as t,g as d}from"./p-06555615.js";import{c as n}from"./p-cfaf2eec.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-app-banner .pn-app-banner__wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;background-color:#f3f2f2;padding:1rem;margin:0 auto}pn-app-banner .pn-app-banner__sticky{position:relative;top:0;width:100%;z-index:999}pn-app-banner .icon-close:hover{cursor:pointer}pn-app-banner .pn-app-banner__icon{height:3.2rem}pn-app-banner .pn-app-banner__text{font-size:1.2rem;line-height:1}pn-app-banner .pn-app-banner__text span{font-weight:600}pn-app-banner .pn-app-banner__cta{margin-left:auto}pn-app-banner[data-is-closed=true]{display:none}";const c=i;const f=class{constructor(a){e(this,a);this.CLOSED_STORAGE_KEY="SmartAppBannerClosed";this.CLOSED_COOKIE_EXPIRY_DAYS=7;this.handleOnClose=()=>{this.isClosed=true;if(this.isLocalStorageAvailable){localStorage.setItem(this.CLOSED_STORAGE_KEY,"true")}else{const e=new Date;e.setDate(e.getDate()+this.CLOSED_COOKIE_EXPIRY_DAYS);document.cookie=`${this.CLOSED_STORAGE_KEY}=true; expires=${e.toUTCString()}`}};this.appName=undefined;this.appDescription=undefined;this.ctaText=undefined;this.appleStoreLink=undefined;this.googleStoreLink=undefined;this.isClosed=false;this.storeLink=undefined;this.isLocalStorageAvailable=true}checkLocalStorage(){try{const e="__test__";localStorage.setItem(e,e);localStorage.removeItem(e)}catch(e){this.isLocalStorageAvailable=false}}detectDeviceAndSetStoreLink(){const e=navigator.userAgent;if(e.match(/Android/i)){this.storeLink=this.googleStoreLink}else if(e.match(/iPhone|iPad|iPod/i)){this.storeLink=this.appleStoreLink}else{this.storeLink=null;this.isClosed=true}}componentWillLoad(){this.checkLocalStorage();if(this.isLocalStorageAvailable){this.isClosed=localStorage.getItem(this.CLOSED_STORAGE_KEY)==="true"}else{const e=document.cookie.split(";");for(const a of e){const[e,t]=a.trim().split("=");if(e===this.CLOSED_STORAGE_KEY&&t==="true"){this.isClosed=true;break}}}if(!this.isClosed){this.detectDeviceAndSetStoreLink()}}render(){return a(t,{key:"f70e119be99b5b2beb4522726e95762b7f15126e","data-is-closed":this.isClosed?"true":"false"},a("div",{key:"29166c5e77c9a294784d0665067b3f06967290ac",class:"pn-app-banner__wrapper pn-app-banner__sticky"},a("div",{key:"06ad90e4b6017c591c5d8a647338292957af00db",class:"icon-close",onClick:this.handleOnClose},a("pn-icon",{key:"795dcea4d365c627c60182a8005a44574dfe0a19",icon:n,small:"false",color:"black"})),a("div",{key:"2cb19ab54b6f94e4c0a1c5126e39e4adc9576cdd",class:"pn-app-banner__icon"},a("svg",{key:"75ee77eb5595956432dbfd09baa9a581239b65b6",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"1b86f45c28d6b77cce87ccd88328dd0b8ce92c28","clip-path":"url(#clip0_17800_45416)"},a("path",{key:"876241e885a0cd7eb09f887e2da3a7602a53bbbb",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#F18D8D"}),a("mask",{key:"833bca6577287b47493f75ccdeb0699665a2865f",id:"mask0_17800_45416",style:{"mask-type":"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"32",height:"32"},a("path",{key:"d3abeae46914029aafb7562b4398c4ba31c7310f",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#0D234B"})),a("g",{key:"5e516a7a66050bfe270f17ee26f11a4665173ae4",mask:"url(#mask0_17800_45416)"},a("path",{key:"1f3364dca5709e5d02668034430693ecd41e8bc2",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#0D234B"}),a("path",{key:"ce9bd5ecc95d0da87315a5d652e53117fa573c4f",d:"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z",fill:"url(#paint0_linear_17800_45416)"}),a("path",{key:"b5cb378a2d45eaea81908b040a4a681fed76177d",d:"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z",fill:"#00A0D6"}),a("g",{key:"149e91254874ed58964a1aef7c64272be46b53a6",filter:"url(#filter0_d_17800_45416)"},a("path",{key:"721fe08a0cbfe048bbebd5aa8b0e3921b86f32e7",d:"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z",fill:"#F1F7FA"}),a("path",{key:"03116eb8484ffb6a987a1e8c2d1f3f93f9372d1b",opacity:"0.6","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z",fill:"#A5C0CA"}),a("path",{key:"1450f8093f0c616e6d2fe1c6e0030e496432ed20",d:"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z",fill:"#00A0D6"}),a("path",{key:"007fc92f411b387950d233cbda28003cde1b354b","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z",fill:"#0D234B"})))),a("defs",{key:"7324852e9e095e5532b21371b9e929675b092a1c"},a("filter",{key:"85ec9ee4983cb7b92fe4fb3a7e702e4438f915d2",id:"filter0_d_17800_45416",x:"-52.5938",y:"-48.5938",width:"137.188",height:"137.188",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},a("feFlood",{key:"8a9b91e11aedbf4fad6248ade8df932fb3de8bb9","flood-opacity":"0",result:"BackgroundImageFix"}),a("feColorMatrix",{key:"89db649b0540a2f7a800e1db669ea84abf8b0338",in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),a("feOffset",{key:"97a487093a53366fdf826891643a0ced40b38a65",dy:"4"}),a("feGaussianBlur",{key:"e896889c847350b33e367583c385f7a75cf2286e",stdDeviation:"30"}),a("feColorMatrix",{key:"9a08bb541831685d4a7545a1b4fb32fd83198542",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"}),a("feBlend",{key:"8e70d4b91eb9cb77f6c8c04fd4ed338c8fba0d8c",mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_17800_45416"}),a("feBlend",{key:"7ad369b79b01cb686129cafec1d3c194f50b86b1",mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_17800_45416",result:"shape"})),a("linearGradient",{key:"9fdf52f4b2d279d1d3d3706a3c70215174a09e49",id:"paint0_linear_17800_45416",x1:"29.2305",y1:"44.3441",x2:"51.5694",y2:"15.1782",gradientUnits:"userSpaceOnUse"},a("stop",{key:"fb5da57f4e192ce589fd9ab58e2599d9200c1580",offset:"0.0800778","stop-color":"#0D244C"}),a("stop",{key:"35efe899489de4df4c2ba0b451ecbcf4d8583590",offset:"1","stop-color":"#0D234B"})),a("clipPath",{key:"e62363029a58d91aa6bbcf79a66436311242ff0a",id:"clip0_17800_45416"},a("rect",{key:"2c71d0bc14df4d14b4b19923f93706fa48e2d22d",width:"32",height:"32",fill:"white"}))))),a("div",{key:"c2fb9baa295a7d82f94b3a1f83d0e76fd8eee64c",class:"pn-app-banner__text"},a("span",{key:"84064a2876befa0d572399f2990fb278d7404b3b"},this.appName),a("br",{key:"ef3a6494ece6351ad5dfc51e70c5201d25f5f190"}),this.appDescription),a("div",{key:"39c93e3e3b455fecffb78e4427a1c3063a5f1ac3",class:"pn-app-banner__cta"},a("pn-button",{key:"d7c902a8e3ad8b5ae86aafb2a03611dbce6e3a8f",small:true,href:this.storeLink},this.ctaText))))}get hostElement(){return d(this)}};f.style=c;export{f as pn_app_banner};
-//# sourceMappingURL=p-f8eb860b.entry.js.map