@postnord/pn-marketweb-components 2.0.107 → 2.0.108

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

@@ -1 +0,0 @@
-import{r as e,e as t,h as i,a as n,g as a}from"./p-58e8d7d5.js";import{s,o}from"./p-84699999.js";import{M as l}from"./p-4a0a1993.js";import{c as r}from"./p-86f06e26.js";const h={sv:{heading:"Språk"},en:{heading:"Language"},da:{heading:"Sprog"},no:{heading:"Språk"},fi:{heading:"Kieli"},de:{heading:"Sprache"}};let d=class{constructor(i){e(this,i),this.setLanguage=t(this,"setLanguage",7),this.value="",this.selectedLanguageName="",this.options=[]}componentWillLoad(){this.setInitialSelectedLanguageName(),this.setTranslations()}componentDidLoad(){this.initialize()}initialize(){this.setSelectedLanguageName(),this.addEventBindingsToOptions()}setInitialSelectedLanguageName(){if(!window.Intl||!this.value)return;const e=new Intl.DisplayNames([this.value],{type:"language"});if(!e)return;const t=e.of(this.value);t&&(this.selectedLanguageName=t.charAt(0).toUpperCase()+t.slice(1))}addEventBindingsToOptions(){[].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option")).map((e=>{e.removeEventListener("setCurrentLanguage",(e=>{this.onSetCurrentLanguage(e.detail)})),e.addEventListener("setCurrentLanguage",(e=>{this.onSetCurrentLanguage(e.detail)}))}))}setSelectedLanguageName(){[].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option")).map((e=>{e.getAttribute("code")==this.value&&(this.selectedLanguageName=e.getAttribute("name"))}))}onSetCurrentLanguage(e){this.value=e.code,this.selectedLanguageName=e.name,this.setLanguage.emit(this.value)}setTranslations(){h[this.value]&&(this.i18n=h[this.value])}onValueChange(){var e;(null!==(e=this.hostElement.querySelectorAll("pn-language-selector-option"))&&void 0!==e?e:[]).forEach((e=>{const t=(e.getAttribute("code")===this.value)+"";e.getAttribute("selected")+""!==t&&e.setAttribute("selected",t)}))}render(){return i(n,{value:this.value},i("pn-nav-dropdown",{label:this.selectedLanguageName,icon:"globe"},i("nav",{class:"languageselector-nav","aria-label":this.i18n.heading},i("strong",{class:"languageselector-title"},this.i18n.heading),i("div",{class:"languageselector-list",role:"list"},i("slot",null)))))}get hostElement(){return a(this)}static get watchers(){return{value:["setSelectedLanguageName","setTranslations","onValueChange"]}}};d.style="pn-language-selector{max-height:5.2rem}pn-language-selector pn-nav-dropdown:not([data-open]) .nav-dropdown-content-container,pn-language-selector pn-nav-dropdown[data-open=false] .nav-dropdown-content-container{display:none}pn-language-selector pn-nav-dropdown{display:block}.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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";let m=class{constructor(i){e(this,i),this.setCurrentLanguage=t(this,"setCurrentLanguage",7),this.name="",this.code="",this.url="",this.selected=!1}onOptionClick(){this.setCurrentLanguage.emit({name:this.name,code:this.code,url:this.url,current:!0})}render(){return i(n,{role:"listitem",selected:this.selected+"",code:this.code,name:this.name},this.url?i("a",{href:this.url,target:"_self",class:"languageselector-link","data-langcode":this.code},i("span",{class:"languageselector-radio-outer"},i("span",{class:"languageselector-radio-inner"})),i("span",{class:"languageselector-itemtext"},this.name," - ",this.code)):i("button",{class:"languageselector-button","data-langcode":this.code,onClick:this.onOptionClick.bind(this)},i("span",{class:"languageselector-radio-outer"},i("span",{class:"languageselector-radio-inner"})),i("span",{class:"languageselector-itemtext"},this.name," - ",this.code)))}};m.style="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:-ms-flexbox;display:flex;-ms-flex-align:center;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;-webkit-box-shadow:none;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:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s, -webkit-box-shadow 0.1s;cursor:pointer}.languageselector-radio-outer:focus>.languageselector-radio-outer,.languageselector-radio-outer:active>.languageselector-radio-outer{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92;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{-webkit-transform:scale(0);transform:scale(0);height:1em;width:1em;background-color:#005D92;border-radius:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92), -webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[selected=true] .languageselector-radio-inner{-webkit-transform:scale(1);transform:scale(1)}";const c={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"}};let g=class{constructor(i){e(this,i),this.menuLanguageChange=t(this,"menuLanguageChange",7),this.marketChange=t(this,"marketChange",7),this.menuOpenChange=t(this,"menuOpenChange",7),this.market="se",this.language="sv",this.navigationId="mainnav",this.openMenu=!1,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(e){!this.hostElement.contains(e.target)&&(s.openLevel="")}setLanguage(){this.menuLanguageChange.emit(this.language)}setMarket(){this.marketChange.emit(this.market)}onLanguageChange(e){c[e.detail]&&(s.i18n=c[e.detail],this.navLabel||(this.navLabel=s.i18n.navLabel))}setMenuOpenState(){s.openMenu=!s.openMenu,this.menuOpenChange.emit(s.openMenu)}onOpenMenuLevelChange(e){s.openLevel=e.detail}render(){return i(n,null,i("div",{class:"mainnav-toggle"},i("button",{"aria-controls":this.navigationId,"aria-expanded":s.openMenu+"",onClick:this.setMenuOpenState.bind(this)},s.i18n.mainMenuButton,i("pn-icon",{symbol:s.openMenu?"close":"bars",color:"white"}))),i("nav",{class:"mainnav","aria-label":this.navLabel,"data-menu-open":s.openMenu+"","data-menu-currentlevel":s.currentLevel,id:this.navigationId},i("slot",null)))}get hostElement(){return a(this)}};g.style="pn-mainnav{display:-ms-flexbox;display:flex;-ms-flex-flow:row-reverse;flex-flow:row-reverse;position:relative;width:100%;min-height:5.1rem}@media screen and (min-width: 48em){pn-mainnav{-ms-flex-flow:row;flex-flow:row}}@media screen and (min-width: 64em){pn-mainnav{-ms-flex-flow:column;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;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;display:-ms-flexbox;display:flex;-ms-flex-flow:column;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;-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (min-width: 64em){pn-mainnav>nav{-ms-flex-flow:row-reverse;flex-flow:row-reverse;top:0;position:static;height:auto;width:100%;-ms-flex-pack:justify;justify-content:space-between;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}}pn-mainnav>nav a{text-decoration:none}pn-mainnav>nav button{cursor:pointer}.mainnav-toggle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}@media screen and (min-width: 64em){.mainnav-toggle{display:none}}.mainnav-toggle>button{display:-ms-flexbox;display:flex;-ms-flex-align:center;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}";let u=class{constructor(t){e(this,t),this.level=1,this.levelId="",this.isOpen=!1,this.parentName="",this.parentHref="",this.parentLinkId="",this.listCount=0,this.alignment="right"}async componentWillLoad(){this.listCount=this.hostElement.querySelectorAll(":scope > pn-mainnav-list").length;const e=this.hostElement.parentElement;if("nav"!==e.tagName.toLowerCase()&&(this.level=2),"pn-mainnav-link"===e.tagName.toLowerCase()){this.parentName=e.getAttribute("name")+"",this.parentHref=e.getAttribute("href")+"",this.parentLinkId=e.getAttribute("linkid")+"";const t=this.parentName.toLowerCase().replace(/\W/gi,"_");this.levelId=`mainnav-lvl${this.level}-${t}`}o("openLevel",(()=>{this.onChangeOpenLevel()}))}onOpen(){2===this.level&&requestAnimationFrame((()=>{const e=this.hostElement.getClientRects()[0];if(!e)return;const t=this.hostElement.parentElement.parentElement.parentElement.parentElement;if(t&&"nav"===t.tagName.toLowerCase()){if(!t.getClientRects()[0])return;if(e.right>window.innerWidth){const t=this.hostElement.parentElement.getClientRects()[0];this.alignment=t.left-e.width<0?"center":"left"}}}))}onChangeOpenLevel(){this.isOpen=s.openLevel===this.levelId,s.currentLevel=this.level}render(){return i(n,Object.assign({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?i("div",{class:"mainnav-level-header"},i("label",{htmlFor:this.levelId},s.i18n.menuGoBackButton),i("button",{class:"secondlevel-backbtn",onClick:()=>{s.openLevel="",s.currentLevel=1},"aria-expanded":(s.openLevel===this.levelId)+""},i("pn-icon",{symbol:"arrow-left",color:"blue700"}),s.i18n.menuStartButton),this.parentHref&&this.parentName?i("pn-mainnav-link",{href:this.parentHref,name:this.parentName,linkid:this.parentLinkId}):null):null,i("slot",{name:"top"}),i("slot",null),i("slot",{name:"additional"}),i("slot",{name:"footer"}))}get hostElement(){return a(this)}static get watchers(){return{isOpen:["onOpen"]}}};u.style='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;-ms-flex:1;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;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;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]{-webkit-transform:translateX(0);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%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-mainnav-level[data-level="2"] a{color:#005D92;text-decoration:none}pn-mainnav-level [slot=top]{display:-ms-flexbox;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;-ms-scroll-chaining: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%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-level="2"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}';let p=class{constructor(t){e(this,t),this.heading="",this.linkCount=0}componentWillLoad(){this.linkCount=this.hostElement.querySelectorAll(":scope > pn-mainnav-link").length}render(){return i(n,{class:"mainnav-list",role:"list","data-navlist-itemcount":this.linkCount+"","data-navlist-showcolumns":(this.linkCount>=8)+""},this.heading?i("div",{class:"mainnav-list-heading"},this.heading):null,i("slot",null))}get hostElement(){return a(this)}};p.style='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:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;overflow:visible;padding:0}}@media screen and (min-width: 64em){[data-level="2"]>pn-mainnav-list[data-navlist-showcolumns=true]{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:1.6rem;-moz-column-gap:1.6rem;column-gap:1.6rem;padding-bottom:1.6rem}}.mainnav-list-heading{display:none;font-weight:bold;-webkit-column-span:all;-moz-column-span:all;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}}';let v=class{constructor(i){var n;e(this,i),this.loginStateChange=t(this,"loginStateChange",7),this.endpoint="",this.token="",this.i18n={searchlabel:"",searchplaceholder:"",searchbuttontext:"",menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",profileSelectionFlyoutHeading:""},this.emitEvents=!0,this.loginDialog=null,this.fullname="",this.loggedin=!1,this.showProfileSelection=!1,this.loginManager=null,this.toggleButtonText=(null===(n=this.loginDialog)||void 0===n?void 0:n.loginMenuLinkText)?this.loginDialog.loginMenuLinkText:"",this.username=this.fullname}componentWillLoad(){this.loginManager=new l({endpoint:this.endpoint,eventTarget:this.hostElement,userInfo:this.loggedin&&this.fullname?{given_name:this.fullname}:null}),this.hostElement.loginmanager=this.loginManager,this.token?this.loginManager.registerToken(this.token,"backend"):this.emitEvents&&this.loginManager.invalidateTokenOfType("backend"),this.hostElement.addEventListener(this.loginManager.events.loginstatechange,this.onLoginStateChange.bind(this)),this.init(),this.setUserName(),this.setToggleButtonText()}async init(){this.loginManager.init(this.emitEvents),this.setToggleButtonText(),this.adjustLoginLinks()}adjustLoginLinks(){var e,t,i;if(!(null===(e=this.loginDialog)||void 0===e?void 0:e.loginMenuLinks))return;const n=(e,t)=>{e.isLogoutLink=-1!==e.href.indexOf("logout"),e.isLogoutLink&&(e.href=this.loginManager.getLogoutUrl(e.href.replace("logout","").replace("http://window.location.href/?","").replace("https://window.location.href/?",""))),0!==t||e.href||(e.href=this.loginManager.getLoginUrl(),e.linkType="primary"),e.primaryLinkApperance&&!e.linkType&&(e.linkType="primary")};null===(t=this.loginDialog)||void 0===t||t.loginMenuLinks.forEach(n),null===(i=this.loginDialog)||void 0===i||i.loggedInLinks.forEach(n),this.loginDialog.legacyLoginLinks=[{href:this.loginManager.getLoginUrl(this.loginDialog.loginUrl),linkText:this.loginDialog.loginLinkText,openInNewWindow:!1,isLogoutLink:!1,pageLink:null,linkType:"primary",primaryLinkApperance:!0},{href:this.loginManager.getLoginUrl(this.loginDialog.registerUrl),linkText:this.loginDialog.createLoginLinkText,openInNewWindow:!1,isLogoutLink:!1,pageLink:null,primaryLinkApperance:!1}]}setUserName(){const e=this.loginManager.getUserInfo();let t="";this.loggedin&&e||(this.username=t),e&&e.given_name&&(t=e.given_name+((null==e?void 0:e.family_name)?` ${null==e?void 0:e.family_name}`:"")),!t&&e&&e.email&&(t=e.email),!t&&this.fullname&&(t=this.fullname),this.username=t}setToggleButtonText(){this.loggedin?(this.toggleButtonText=this.username,this.toggleButtonText||(this.toggleButtonText=this.loginDialog.loggedInButtonText)):this.toggleButtonText=this.loginDialog.loginMenuLinkText}onLoginStateChange(e){this.loggedin!==e.detail&&this.emitEvents&&(this.loggedin=e.detail,this.loginStateChange.emit({loggedIn:this.loggedin,token:this.loginManager.getToken()}),this.setUserName(),this.setToggleButtonText())}render(){if(!this.loginDialog)return;let e={username:null,loggedin:"false"};return this.username&&(e.username=this.username,e.loggedin=this.loggedin+""),i(n,Object.assign({},e),i("pn-nav-dropdown",{label:this.toggleButtonText,icon:"user",class:"siteheader-logindialog"},this.loggedin&&this.showProfileSelection?i("pn-marketweb-siteheader-login-profileselection",{loginDialog:this.loginDialog,loginManager:this.loginManager,loggedin:this.loggedin,i18n:this.i18n,idNamespace:this.emitEvents?"1":"2",endpoint:this.endpoint}):i("pn-marketweb-siteheader-login-links",{loginDialog:this.loginDialog,loginManager:this.loginManager,loggedin:this.loggedin,idNamespace:this.emitEvents?"1":"2",username:this.username})))}get hostElement(){return a(this)}static get watchers(){return{i18n:["init"],loginDialog:["init"]}}};v.style="pn-marketweb-siteheader-login{padding:1rem 0;max-height:5.2rem;position:relative}pn-marketweb-siteheader-login pn-nav-dropdown{display:none}pn-marketweb-siteheader-login.hydrated pn-nav-dropdown{display:block}";const{state:b,onChange:f}=r({searchValue:"",autocompleteSuggestions:{},requestAbortController:new AbortController});let w=class{constructor(t){e(this,t),this.showOnlyLink=!1,this.hideSearch=!1,this.language=null,this.siteid=null,this.search={},this.primary=!1,this.autoCompleteOptions=[]}onSearchValueUpdate(){this.getAutocomplete(b.searchValue)}async getAutocomplete(e){if(!this.search.AutocompleteEndpoint||e.length<2)return void(this.autoCompleteOptions=[]);if(b.autocompleteSuggestions[e])return void this.setAutocompleteSuggestions(b.autocompleteSuggestions[e]);let t=`${this.search.AutocompleteEndpoint}?prefix=${e}&size=10`;(this.language||this.siteid)&&(t+="&tags=",this.language&&(t+=`language:${this.language}`),this.language&&this.siteid&&(t+=","),this.siteid&&(t+=`siteid:${this.siteid}`));const i=await fetch(t,{signal:b.requestAbortController.signal}).catch((e=>{console.log("Unable to fetch autocomplete suggestions",e)}));if(!i)return;const n=await i.json();if(!n||!n.hits||!n.hits.length)return;const a=n.hits.filter((e=>"editorial"===e.type)).map((e=>e.query));b.autocompleteSuggestions[e]=a,this.setAutocompleteSuggestions(a)}setAutocompleteSuggestions(e){"object"==typeof e&&"number"==typeof e.length&&0!==e.length&&(this.autoCompleteOptions=e)}componentWillLoad(){f("searchValue",(()=>{this.onSearchValueUpdate()}))}componentDidRender(){const e=this.hostElement.querySelector("pn-search-field input:not([list])");e&&this.search.AutocompleteEndpoint&&e.setAttribute("list","siteheader-search-autocomplete")}render(){if(!this.search.formActionUrl||this.hideSearch)return;const e=this.search.AutocompleteEndpoint?{list:"siteheader-search-autocomplete"}:{};return i("div",{class:"siteheader-search"},this.showOnlyLink?i("a",{href:this.search.formActionUrl,title:this.i18n.searchlabel},i("pn-button",{appearance:"light",icon:"search"})):i("form",{method:"get",action:this.search.formActionUrl,role:"search"},i("pn-search-field",Object.assign({label:this.i18n.searchlabel,name:"q",button:"icon"},e,{onUpdate:e=>{b.searchValue=e.detail},onSearch:()=>{const e=this.hostElement.querySelector("form");e&&e.submit()},placeholder:this.i18n.searchplaceholder})),this.primary&&this.search.AutocompleteEndpoint?i("datalist",{id:"siteheader-search-autocomplete"},this.autoCompleteOptions.map((e=>i("option",null,e)))):null))}get hostElement(){return a(this)}};w.style=".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:-ms-inline-flexbox;display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{-ms-flex-item-align:center;align-self:center;padding:0;height:2.3em;width:2.3em;line-height:0;min-height:unset;min-width:unset}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search form{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:stretch;align-items:stretch;width:auto;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative;-ms-flex-direction:column;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{-ms-flex-item-align:center;align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";const k={sv:{navlabel:"Webbplatsväljare"},en:{navlabel:"Website selector"},da:{navlabel:"Webstedsvælger"},no:{navlabel:"Nettstedsvelger"},fi:{navlabel:"Verkkosivun valitsin"},de:{navlabel:"Website-Selektor"}};let x=class{constructor(t){e(this,t),this.buttontext="postnord",this.heading="PostNord",this.language="sv",this.i18n={navlabel:"Site selector"}}componentWillLoad(){this.setLanguage()}setLanguage(){k[this.language]&&(this.i18n=k[this.language])}render(){return i(n,null,i("pn-nav-dropdown",{label:this.buttontext,icon:"angle-small-down"},i("nav",{class:"siteselector-nav","aria-label":this.i18n.navlabel},this.heading?i("strong",{class:"siteselector-heading"},this.heading):null,i("ul",{class:"siteselector-list"},i("slot",null)))))}get hostElement(){return a(this)}};x.style="pn-site-selector{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:0.8rem}}.siteselector-list{list-style:none;margin:0;padding:0}";let y=class{constructor(t){e(this,t),this.url="",this.heading="",this.description="",this.newwindow=!1}render(){return i(n,{role:"listitem"},this.url?i("a",{class:"siteselector-item-link",href:this.url,target:this.newwindow?"_blank":"self",rel:this.newwindow?"nofollow noopener":""},i("span",null,this.heading&&i("span",{class:"siteselector-item-title"},this.heading),this.description&&i("small",{class:"siteselector-item-description"},this.description)),i("pn-icon",{symbol:"angle-small-right",color:"blue700"})):i("div",null,this.heading&&i("span",{class:"siteselector-item-title"},this.heading),this.description&&i("small",{class:"siteselector-item-description"},this.description)))}};y.style="pn-site-selector-item{display:block}pn-site-selector-item>div,pn-site-selector-item>a{padding:0.8rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.siteselector-item-link{border-radius:0;text-decoration:none;color:#005D92;-ms-flex-direction:row;flex-direction:row}.siteselector-item-link:hover,.siteselector-item-link:focus{background-color:#F3F2F2;color:#005D92;text-decoration:underline;outline:none;-webkit-box-shadow:none;box-shadow:none}.siteselector-item-link:active{background-color:#F3F2F2;color:#00A0D6;outline:none}.siteselector-item-link>span{-ms-flex-positive:1;flex-grow:1}.siteselector-item-link pn-icon{right:3.2rem;height:1.9rem;width:1.9rem;-ms-flex-item-align:center;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}";export{d as pn_language_selector,m as pn_language_selector_option,g as pn_mainnav,u as pn_mainnav_level,p as pn_mainnav_list,v as pn_marketweb_siteheader_login,w as pn_marketweb_siteheader_search,x as pn_site_selector,y as pn_site_selector_item}