@postnord/pn-marketweb-components 4.2.0 → 4.2.2

package/pn-market-web-components/{p-ab291285.entry.js.map → p-08c96012.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icon","angle_small_right","globe","user","translations","sv","heading","en","da","no","fi","de","zh","fr","es","nl","it","tr","pl","pt","pnLanguageSelectorCss","PnLanguageSelectorStyle0","PnlanguageSelector","setLanguage","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","emit","i18n","onValueChange","components","forEach","component","isSelected","setAttribute","render","h","Host","key","label","appearance","variant","class","role","pnLanguageSelectorOptionCss","PnLanguageSelectorOptionStyle0","PnlanguageSelectorOption","spanEl","setCurrentLanguage","onOptionClick","currentlanguage","url","current","selected","onClick","bind","ref","el","lang","href","target","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","navLabel","pnMainnavCss","PnMainnavStyle0","PnMainnav","menuLanguageChange","marketChange","menuOpenChange","init","document","_onClickOutside","setMarket","clickedOutside","contains","state","openLevel","language","market","onLanguageChange","setMenuOpenState","openMenu","onOpenMenuLevelChange","navigationId","close","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","htmlFor","arrow_left","linkid","pnMainnavListCss","PnMainnavListStyle0","PnMainnavList","linkCount","MarketWebLoginManager","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","constructor","protocol","host","parseInt","userInfo","store","set","registerToken","checkParameters","checkPNTopbar","checkExpireTime","get","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","indexOf","rootUrl","URL","e","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","remove","getAccessToken","dispatchEvent","CustomEvent","atEnvironments","useATEnv","filter","x","hostname","base64Url","split","base64","jsonPayload","decodeURIComponent","atob","c","charCodeAt","toString","join","JSON","parse","localStorage","getItem","setItem","stringify","removeItem","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","logInLabel","useMarketwebLogin","environment","showProfileSelection","idNamespace","loginInfo","innerHTML","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/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.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          <div 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          </div>\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  private spanEl!: HTMLElement;\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  componentDidLoad() {\n    if (this.spanEl) {\n      this.spanEl.setAttribute(\"xml:lang\", this.code);\n    }\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 ref={(el) => (this.spanEl = el as HTMLElement)} lang={this.code} 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 ref={(el) => (this.spanEl = el as HTMLElement)} lang={this.code} 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) || 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        {...(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\n    this.loginStateChange();\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.','prep.'];\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.localStorage.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.localStorage.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));\n        return;\n      }\n      window.localStorage.setItem(`${this.storagePrefix}-${key}`, value);\n    },\n    remove: (key: string) => {\n      window.localStorage.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  @Prop() useMarketwebLogin: boolean;\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.pageLink);\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    this.adjustLoginLinks();\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 && !this.loggedin && (\n            <pn-marketweb-siteheader-unified-login\n              loggedIn={this.loggedin}\n              logInLabel={this.i18n.unifiedLoginButton}\n              useMarketwebLogin={this.useMarketwebLogin}\n              environment={this.environment}\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 && this.loginDialog?.loginInfo && ( <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          <div class=\"siteselector-nav\" aria-label={this.i18n.navlabel}>\n            {this.heading ? <strong class=\"siteselector-heading\">{this.heading}</strong> : null}\n            <div role=\"menu\" class=\"siteselector-list\">\n              <slot />\n            </div>\n          </div>\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=\"menuitem\">\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":[]}
+{"version":3,"names":["icon","angle_small_right","globe","user","translations","sv","heading","en","da","no","fi","de","zh","fr","es","nl","it","tr","pl","pt","pnLanguageSelectorCss","PnLanguageSelectorStyle0","PnlanguageSelector","setLanguage","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","emit","i18n","onValueChange","components","forEach","component","isSelected","setAttribute","render","h","Host","key","label","appearance","variant","class","role","pnLanguageSelectorOptionCss","PnLanguageSelectorOptionStyle0","PnlanguageSelectorOption","spanEl","setCurrentLanguage","onOptionClick","currentlanguage","url","current","selected","onClick","bind","ref","el","lang","href","target","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","navLabel","pnMainnavCss","PnMainnavStyle0","PnMainnav","menuLanguageChange","marketChange","menuOpenChange","init","document","_onClickOutside","setMarket","clickedOutside","contains","state","openLevel","language","market","onLanguageChange","setMenuOpenState","openMenu","onOpenMenuLevelChange","navigationId","close","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","htmlFor","arrow_left","linkid","pnMainnavListCss","PnMainnavListStyle0","PnMainnavList","linkCount","MarketWebLoginManager","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","constructor","protocol","host","parseInt","userInfo","store","set","registerToken","checkParameters","checkPNTopbar","checkExpireTime","get","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","indexOf","rootUrl","URL","e","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","remove","getAccessToken","dispatchEvent","CustomEvent","atEnvironments","useATEnv","filter","x","hostname","base64Url","split","base64","jsonPayload","decodeURIComponent","atob","c","charCodeAt","toString","join","JSON","parse","localStorage","getItem","setItem","stringify","removeItem","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","logInLabel","useMarketwebLogin","environment","showProfileSelection","idNamespace","loginInfo","innerHTML","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/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.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\" aria-label={this.i18n.heading}>\n          <div class=\"languageselector-nav\">\n            <strong class=\"languageselector-title\">{this.i18n.heading}</strong>\n            <div class=\"languageselector-list\" role=\"list\">\n              <slot />\n            </div>\n          </div>\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  private spanEl!: HTMLElement;\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  componentDidLoad() {\n    if (this.spanEl) {\n      this.spanEl.setAttribute(\"xml:lang\", this.code);\n    }\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 ref={(el) => (this.spanEl = el as HTMLElement)} lang={this.code} 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 ref={(el) => (this.spanEl = el as HTMLElement)} lang={this.code} 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) || 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        {...(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\n    this.loginStateChange();\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.','prep.'];\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.localStorage.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.localStorage.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));\n        return;\n      }\n      window.localStorage.setItem(`${this.storagePrefix}-${key}`, value);\n    },\n    remove: (key: string) => {\n      window.localStorage.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  @Prop() useMarketwebLogin: boolean;\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.pageLink);\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    this.adjustLoginLinks();\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 && !this.loggedin && (\n            <pn-marketweb-siteheader-unified-login\n              loggedIn={this.loggedin}\n              logInLabel={this.i18n.unifiedLoginButton}\n              useMarketwebLogin={this.useMarketwebLogin}\n              environment={this.environment}\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 && this.loginDialog?.loginInfo && ( <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\" aria-label={this.i18n.navlabel}>\n          <div class=\"siteselector-nav\">\n            {this.heading ? <strong class=\"siteselector-heading\">{this.heading}</strong> : null}\n            <div role=\"menu\" class=\"siteselector-list\">\n              <slot />\n            </div>\n          </div>\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=\"menuitem\">\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":"kWAAA,MAAMA,EAAO,6QACN,MAAMC,EAAoBD,ECDjC,MAAMA,EAAO,20BACN,MAAME,EAAQF,ECDrB,MAAMA,EAAO,2xBACN,MAAMG,EAAOH,ECDb,MAAMI,EAAe,CAC1BC,GAAM,CACJC,QAAS,SAEXC,GAAM,CACJD,QAAS,YAEXE,GAAM,CACJF,QAAS,SAEXG,GAAM,CACJH,QAAS,SAEXI,GAAM,CACJJ,QAAS,SAEXK,GAAM,CACJL,QAAS,WAEXM,GAAM,CACJN,QAAS,MAEXO,GAAM,CACJP,QAAS,UAEXQ,GAAM,CACJR,QAAS,UAEXS,GAAM,CACJT,QAAS,UAEXU,GAAM,CACJV,QAAS,UAEXW,GAAM,CACJX,QAAS,OAEXY,GAAM,CACJZ,QAAS,SAEXa,GAAM,CACJb,QAAS,aAEX,QAAS,CACPA,QAAS,cC5Cb,MAAMc,EAAwB,80CAC9B,MAAAC,EAAeD,E,MCQFE,EAAkB,M,6EAG2B,G,0BAExB,G,aACa,G,qDAIpCC,YAET,iBAAAC,GACEC,KAAKC,iCACLD,KAAKE,iB,CAGP,gBAAAC,GACEH,KAAKI,Y,CAGP,UAAAA,GACEJ,KAAKK,0BACLL,KAAKM,2B,CAGP,8BAAAL,GACE,IAAKM,OAAOC,OAASR,KAAKS,MAAO,CAC/B,M,CAEF,MAAMC,EAAQ,IAAKF,KAAaG,aAAa,CAACX,KAAKS,OAAQ,CAAEG,KAAM,aACnE,IAAKF,EAAO,CACV,M,CAEF,MAAMG,EAAeH,EAAMI,GAAGd,KAAKS,OACnC,IAAKI,EAAc,CACjB,M,CAEFb,KAAKe,qBAAuBF,EAAaG,OAAO,GAAGC,cAAgBJ,EAAaK,MAAM,E,CAGxF,yBAAAZ,GACE,MAAMa,EAAU,GAAGD,MAAME,MAAMpB,KAAKqB,YAAYC,iBAAiB,gCACjEH,EAAQI,KAAKC,IACXA,EAAOC,oBAAoB,sBAAuBC,IAChD1B,KAAK2B,qBAAqBD,EAAME,OAAiC,IAGnEJ,EAAOK,iBAAiB,sBAAuBH,IAC7C1B,KAAK2B,qBAAqBD,EAAME,OAAiC,GACjE,G,CAKN,uBAAAvB,GACE,MAAMc,EAAU,GAAGD,MAAME,MAAMpB,KAAKqB,YAAYC,iBAAiB,gCACjEH,EAAQI,KAAKC,IAEX,GAAIA,EAAOM,aAAa,SAAW9B,KAAKS,MAAO,CAE7CT,KAAKe,qBAAuBS,EAAOM,aAAa,O,KAKtD,oBAAAH,CAAqBH,GACnBxB,KAAKS,MAAQe,EAAOO,KACpB/B,KAAKe,qBAAuBS,EAAOQ,KACnChC,KAAKF,YAAYmC,KAAKjC,KAAKS,M,CAI7B,eAAAP,GACE,GAAIvB,EAAaqB,KAAKS,OAAQ,CAC5BT,KAAKkC,KAAOvD,EAAaqB,KAAKS,M,EAKlC,aAAA0B,GACE,MAAMC,EAAapC,KAAKqB,YAAYC,iBAAiB,gCAAkC,GACvFc,EAAWC,SAAQC,IAGjB,MAAMC,GAAcD,EAAUR,aAAa,UAAY9B,KAAKS,OAAS,GACrE,GAAI6B,EAAUR,aAAa,YAAc,KAAOS,EAAY,CAC1DD,EAAUE,aAAa,WAAYD,E,KAKzC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACnC,MAAOT,KAAKS,OAChBiC,EAAA,sBAAAE,IAAA,2CAAoBC,MAAO7C,KAAKe,qBAAsBxC,KAAME,EAAOqE,WAAW,QAAQC,QAAQ,aAAY,aAAa/C,KAAKkC,KAAKrD,SAC/H6D,EAAA,OAAAE,IAAA,2CAAKI,MAAM,wBACTN,EAAA,UAAAE,IAAA,2CAAQI,MAAM,0BAA0BhD,KAAKkC,KAAKrD,SAClD6D,EAAA,OAAAE,IAAA,2CAAKI,MAAM,wBAAwBC,KAAK,QACtCP,EAAA,QAAAE,IAAA,gD,+GC5Gd,MAAMM,EAA8B,i4EACpC,MAAAC,EAAeD,E,MCMFE,EAAwB,M,0FAEZ,G,UACA,G,SACD,G,cACM,M,+BAGpBC,OAECC,mBACT,aAAAC,GACE,MAAMC,EAA0C,CAC9CxB,KAAMhC,KAAKgC,KACXD,KAAM/B,KAAK+B,KACX0B,IAAKzD,KAAKyD,IACVC,QAAS,MAEX1D,KAAKsD,mBAAmBrB,KAAKuB,E,CAG/B,gBAAArD,GACE,GAAIH,KAAKqD,OAAQ,CACfrD,KAAKqD,OAAOb,aAAa,WAAYxC,KAAK+B,K,EAI9C,MAAAU,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACK,KAAK,WAAWU,SAAU3D,KAAK2D,SAAW,GAAI5B,KAAM/B,KAAK+B,KAAMC,KAAMhC,KAAKgC,OAC5EhC,KAAKyD,IACLf,EAAA,UAAQM,MAAM,0BAAyB,gBAAgBhD,KAAK+B,KAAM6B,QAAS5D,KAAKuD,cAAcM,KAAK7D,OACjG0C,EAAA,QAAMM,MAAM,gCACVN,EAAA,QAAMM,MAAM,kCAEdN,EAAA,QAAMoB,IAAMC,GAAQ/D,KAAKqD,OAASU,EAAoBC,KAAMhE,KAAK+B,KAAMiB,MAAM,6BAC1EhD,KAAKgC,KAAI,MAAKhC,KAAK+B,OAIxBW,EAAA,KAAGuB,KAAMjE,KAAKyD,IAAKS,OAAO,QAAQlB,MAAM,wBAAuB,gBAAgBhD,KAAK+B,MAClFW,EAAA,QAAMM,MAAM,gCACVN,EAAA,QAAMM,MAAM,kCAEdN,EAAA,QAAMoB,IAAMC,GAAQ/D,KAAKqD,OAASU,EAAoBC,KAAMhE,KAAK+B,KAAMiB,MAAM,6BAC1EhD,KAAKgC,KAAI,MAAKhC,KAAK+B,O,aCpD3B,MAAMpD,EAAe,CAC1BC,GAAM,CACJuF,eAAgB,MAChBC,iBAAkB,cAClBC,eAAgB,OAChBC,gBAAiB,QACjBC,SAAU,mBAEZzF,GAAM,CACJqF,eAAgB,OAChBC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,QACjBC,SAAU,mBAEZxF,GAAM,CACJoF,eAAgB,OAChBC,iBAAkB,aAClBC,eAAgB,OAChBC,gBAAiB,QACjBC,SAAU,mBAEZvF,GAAM,CACJmF,eAAgB,OAChBC,iBAAkB,aAClBC,eAAgB,OAChBC,gBAAiB,QACjBC,SAAU,mBAEZrF,GAAM,CACJiF,eAAgB,OAChBC,iBAAkB,aAClBC,eAAgB,OAChBC,gBAAiB,QACjBC,SAAU,mBAEZpF,GAAM,CACJgF,eAAgB,OAChBC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,QACjBC,SAAU,mBAEZhF,GAAM,CACJ4E,eAAgB,OAChBC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,QACjBC,SAAU,mBAEZjF,GAAM,CACJ6E,eAAgB,OAChBC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,QACjBC,SAAU,mBAEZ/E,GAAM,CACJ2E,eAAgB,WAChBC,iBAAkB,WAClBC,eAAgB,OAChBC,gBAAiB,SACjBC,SAAU,eAEZ7E,GAAM,CACJyE,eAAgB,iBAChBC,iBAAkB,UAClBC,eAAgB,OAChBC,gBAAiB,QACjBC,SAAU,mBAEZ9E,GAAM,CACJ0E,eAAgB,gBAChBC,iBAAkB,SAClBC,eAAgB,OAChBC,gBAAiB,WACjBC,SAAU,uBAEZ,QAAS,CACPJ,eAAgB,iBAChBC,iBAAkB,SAClBC,eAAgB,OAChBC,gBAAiB,UACjBC,SAAU,wBCnFd,MAAMC,EAAe,m2DACrB,MAAAC,EAAeD,E,MCUFE,EAAS,M,sLAGK,K,cAEE,K,kBAEI,U,cAEc,M,cAElB,E,kCAElBC,mBACAC,aACAC,eAET,iBAAA9E,GACEC,KAAK8E,OACLC,SAAStD,oBAAoB,YAAazB,KAAKgF,gBAAgBnB,KAAK7D,OACpE+E,SAASlD,iBAAiB,YAAa7B,KAAKgF,gBAAgBnB,KAAK7D,M,CAGnE,UAAM8E,GACJ9E,KAAKF,cACLE,KAAKiF,W,CAGC,eAAAD,CAAgBtD,GACtB,MAAMwD,GAAkBlF,KAAKqB,YAAY8D,SAASzD,EAAMwC,QACxD,GAAIgB,EAAgB,CAClBE,EAAMC,UAAY,E,EAKtB,WAAAvF,GACEE,KAAK2E,mBAAmB1C,KAAKjC,KAAKsF,S,CAIpC,SAAAL,GACEjF,KAAK4E,aAAa3C,KAAKjC,KAAKuF,O,CAI9B,gBAAAC,CAAiB9D,GACf,GAAI/C,EAAa+C,EAAME,QAAS,CAC9BwD,EAAMlD,KAAOvD,EAAa+C,EAAME,QAChC,IAAK5B,KAAKuE,SAAU,CAClBvE,KAAKuE,SAAWa,EAAMlD,KAAKqC,Q,GAMjC,gBAAAkB,GACEL,EAAMM,UAAYN,EAAMM,SACxB1F,KAAK6E,eAAe5C,KAAKmD,EAAMM,S,CAIjC,qBAAAC,CAAsBjE,GACpB0D,EAAMC,UAAY3D,EAAME,M,CAG1B,MAAAa,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKI,MAAM,kBACTN,EAAA,UAAAE,IAAA,2DAAuB5C,KAAK4F,aAAY,gBAAiBR,EAAMM,SAAW,GAAI9B,QAAS5D,KAAKyF,iBAAiB5B,KAAK7D,OAC/GoF,EAAMlD,KAAKmC,eACZ3B,EAAA,WAAAE,IAAA,2CAASrE,KAAM6G,EAAMM,SAAWG,EAAQC,EAAMC,MAAM,YAGxDrD,EAAA,OAAAE,IAAA,2CAAKI,MAAM,UAAS,aAAahD,KAAKuE,SAAQ,iBAAkBa,EAAMM,SAAW,GAAE,yBAA0BN,EAAMY,aAAcC,GAAIjG,KAAK4F,cACxIlD,EAAA,QAAAE,IAAA,8C,aCvFV,MAAMsD,EAAoB,m3GAC1B,MAAAC,EAAeD,E,MCQFE,EAAc,M,oCAE+B,G,WAC/B,E,aACE,G,YACA,M,gBACG,G,gBACA,G,kBACE,G,eACH,E,eACA,O,kCAE7B,uBAAMrG,GACJC,KAAKqG,WACLC,EAAS,aAAa,KACpBtG,KAAKuG,mBAAmB,G,CAK5B,QAAAF,GACErG,KAAKwG,UAAYxG,KAAKqB,YAAYC,iBAAiB,4BAA4BmF,OAC/E,MAAMC,EAAY1G,KAAKqB,YAAYsF,cACnC,GAAID,EAAUE,QAAQC,gBAAkB,MAAO,CAC7C7G,KAAK8G,MAAQ,C,CAEf,GAAIJ,EAAUE,QAAQC,gBAAkB,kBAAmB,CACzD7G,KAAK+G,WAAaL,EAAU5E,aAAa,QAAU,GACnD,IAAM9B,KAAK6C,OAAS7C,KAAK+G,YAAe/G,KAAK6C,QAAU7C,KAAK+G,WAAY,CACtE/G,KAAK6C,MAAQ7C,KAAK+G,U,CAEpB/G,KAAKgH,WAAaN,EAAU5E,aAAa,QAAU,GACnD9B,KAAKiH,aAAeP,EAAU5E,aAAa,UAAY,GACvD,MAAMoF,EAAiBlH,KAAK+G,WAAWF,cAAcM,QAAQ,OAAQ,KACrEnH,KAAKoH,QAAU,cAAcpH,KAAK8G,SAASI,G,EAK/C,MAAAG,GACE,GAAIrH,KAAK8G,QAAU,EAAG,CACpBQ,uBAAsB,KACpB,MAAMC,EAAkBvH,KAAKqB,YAAYmG,iBAAiB,GAC1D,IAAKD,EAAiB,CACpB,M,CAGF,MAAME,EAASzH,KAAKqB,YAAYsF,cAAcA,cAAcA,cAAcA,cAC1E,GAAIc,GAAUA,EAAOb,QAAQC,gBAAkB,MAAO,CACpD,MAAMa,EAAgBD,EAAOD,iBAAiB,GAC9C,IAAKE,EAAe,CAClB,M,CAGF,GAAIH,EAAgBI,MAAQpH,OAAOqH,WAAY,CAC7C,MAAMC,EAAkB7H,KAAKqB,YAAYsF,cAAca,iBAAiB,GACxE,GAAIK,EAAgBC,KAAOP,EAAgBQ,MAAQ,EAAG,CACpD/H,KAAKgI,UAAY,Q,KACZ,CACLhI,KAAKgI,UAAY,M,QAO7B,iBAAAzB,GACEvG,KAAKiI,OAAS7C,EAAMC,YAAcrF,KAAKoH,QACvChC,EAAMY,aAAehG,KAAK8G,K,CAG5B,MAAArE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,8CACE5C,KAAK8G,MAAQ,GAAK9G,KAAKoH,QAAU,CAAE,eAAgBpH,KAAKiI,OAAS,IAAO,GAAG,uBAC1DjI,KAAKwG,UAAY,GAAE,uBACnBxG,KAAKgI,UAAS,aACxBhI,KAAK8G,MAAQ,MACpB9G,KAAKoH,QAAU,CAAEnB,GAAIjG,KAAKoH,SAAY,IAE1CpH,KAAK8G,MAAQ,EACZpE,EAAA,OAAKM,MAAM,wBACTN,EAAA,SAAOwF,QAASlI,KAAKoH,SAAUhC,EAAMlD,KAAKkC,kBAC1C1B,EAAA,UACEM,MAAM,sBACNY,QAAS,KACPwB,EAAMC,UAAY,GAClBD,EAAMY,aAAe,CAAC,EACvB,iBACeZ,EAAMC,YAAcrF,KAAKoH,SAAW,IAEpD1E,EAAA,WAASnE,KAAM4J,EAAYpC,MAAM,YAChCX,EAAMlD,KAAKoC,iBAEbtE,KAAKgH,YAAchH,KAAK6C,MAAQH,EAAA,mBAAiBuB,KAAMjE,KAAKgH,WAAYhF,KAAMhC,KAAK6C,MAAOuF,OAAQpI,KAAKiH,eAAmC,MAE3I,KACJvE,EAAA,QAAAE,IAAA,2CAAMZ,KAAK,QACXU,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,2CAAMZ,KAAK,eACXU,EAAA,QAAAE,IAAA,2CAAMZ,KAAK,W,gFC7GnB,MAAMqG,EAAmB,ywCACzB,MAAAC,EAAeD,E,MCMFE,EAAa,M,sCAGE,G,eACG,C,kCAE7B,iBAAAxI,GACEC,KAAKwI,UAAYxI,KAAKqB,YAAYC,iBAAiB,4BAA4BmF,M,CAGjF,MAAAhE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACI,MAAM,eAAeC,KAAK,OAAM,yBAAyBjD,KAAKwI,UAAY,GAAE,4BAA6BxI,KAAKwI,WAAa,GAAK,IACnIxI,KAAKnB,QAAU6D,EAAA,OAAKM,MAAM,wBAAwBhD,KAAKnB,SAAiB,KACzE6D,EAAA,QAAAE,IAAA,6C,aCrBR,MAAM6F,EACJC,YAA2BnI,QAAUwE,UAAU4D,KAC/CC,SAAmB,GACnBC,cAAwB,UACxBC,+BAAyC,EACzCC,SAAW,CACTC,GAAI,0DACJC,KAAM,yDAERC,OAAS,CACPC,iBAAkB,oBAEpBC,UAAY,CACVC,sBAAuB,iBACvBC,sBAAuB,SACvBC,iBAAkB,QAClBC,eAAgB,WAElBC,KAAO,CACLC,YAAa,cACbC,MAAO,QACPC,YAAa,cACblL,KAAM,OACNmL,OAAQ,SACRC,WAAY,cAEdC,mBAAqB,qBACrBC,QAAkBzJ,OAAO0J,SAASC,OAClCC,yBAA2B,KAC3BC,qBAAuB,MACvBC,gBAAkB,KAElB,WAAAC,CAAYnJ,EAAyC,MACnD,IAAKA,EAAS,CACZ,M,CAEFnB,KAAK0I,YAAcvH,EAAQuH,YAAcvH,EAAQuH,YAAc1I,KAAK0I,YACpE1I,KAAK4I,SAAWzH,EAAQyH,SAAWzH,EAAQyH,SAAW,GAAGrI,OAAO0J,SAASM,aAAahK,OAAO0J,SAASO,OACtGxK,KAAK6I,gBAAkB1H,EAAQ0H,cAC/B7I,KAAK8I,+BACH3H,EAAQ2H,gCAAkC3H,EAAQ2H,+BAAiC,EAAI2B,SAAStJ,EAAQ2H,+BAAiC,GAAI,IAAM,EAErJ,GAAI3H,EAAQuJ,SAAU,CACpB1K,KAAK2K,MAAMC,IAAI5K,KAAKyJ,KAAK/K,KAAMyC,EAAQuJ,UACvC1K,KAAK6K,cAAc7K,KAAK+J,mBAAoB,W,EAGhD,IAAAjF,CAAKgG,EAA2B,MAC9B,GAAIA,EAAiB,CACnB9K,KAAK8K,kBACL9K,KAAK+K,gBACL/K,KAAKgL,kBAEL,GAAIhL,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKE,SAAW3J,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAK/K,MAAO,CACtEsB,KAAKkL,e,CAGPlL,KAAKmL,mBAEL,GAAInL,KAAK8I,+BAAiC,EAAG,CAC3C9I,KAAKoL,uB,GAIX,UAAAC,CAAWrB,GACT,GAAIA,EAAS,CACXhK,KAAKgK,QAAUA,C,EAGnB,qBAAAoB,GACE,GAAIpL,KAAKsL,aAAc,CACrB,GAAI/K,QAAUA,OAAO,mBAAoB,CACvCP,KAAKmK,yBAA2B,IAAIoB,e,CAEtCvL,KAAKqK,gBAAkB9J,OAAOiL,aAAY,KACxCxL,KAAKyL,0BACFC,MAAK,SACLC,OAAM,QAAS,GACjB3L,KAAK8I,+B,EAIZ,6BAAM2C,GACJ,IAAKlL,OAAOqL,UAAUC,OAAQ,CAE5B,M,CAEF,IAAK7L,KAAK8L,WAAY,CACpBvL,OAAOwL,cAAc/L,KAAK8I,gCAC1B,M,CAEF,GAAI9I,KAAKoK,sBAAwBpK,KAAKmK,yBAA0B,CAC9DnK,KAAKmK,yBAAyB6B,QAC9BhM,KAAKmK,yBAA2B,IAAIoB,e,CAEtCvL,KAAKoK,qBAAuB,KAC5B,MAAM6B,EAAyB,CAC7BC,OAAQ,MACRC,QAAS,CACPC,OAAU,mBACV,eAAgB,mBAChBC,cAAiBrM,KAAK8L,aAG1B,GAAI9L,KAAKmK,0BAA4BnK,KAAKmK,yBAAyB,UAAW,CAC5E8B,EAAU,UAAYjM,KAAKmK,yBAAyB,S,CAEtD,MAAMmC,QAAiBC,MAAM,GAAGvM,KAAKwM,eAAexM,KAAKoJ,UAAUG,mBAAoB0C,GACvF,GAAIK,EAASG,SAAW,IAAK,CAE3BlM,OAAOwL,cAAc/L,KAAK8I,gCAC1B4D,QAAQC,IAAI,0EACZ3M,KAAK4M,aACL,M,CAEF,IAAKN,EAASO,GAAI,CAGhB,M,CAEF,MAAMC,QAAaR,EAASS,OAC5B,IAAKD,IAASA,EAAK,eAAgB,CACjCvM,OAAOwL,cAAc/L,KAAK8I,gCAC1B4D,QAAQC,IAAI,0EACZ3M,KAAK4M,Y,CAEP5M,KAAKoK,qBAAuB,K,CAE9B,UAAAwC,GACE5M,KAAKgN,gBAGL,GAAIhN,KAAK0I,YAAa,CACpB,MAAMuE,EAAcjN,KAAK0I,YAA4BwE,cAAc,mCACnE,GAAID,EAAY,CACbA,EAAiCE,QAClC,M,EAIJnN,KAAKmL,mBAGL,MAAMiC,EAAkB7M,OAAO0J,SAAShG,KACxC1D,OAAO0J,SAAShG,KAAOjE,KAAKqN,aAAaD,E,CAG3C,UAAA9B,CAAWgC,EAAW,OACpB,GAAIA,EAAU,CACZ,OAAOA,C,CAGT,IAAIhC,EAAatL,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKE,QAAU3J,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAK/K,MAAQ,KAAO,MAC5F,IAAK4M,GAActL,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKE,SAAW3J,KAAK+J,mBAAoB,CAC9EuB,EAAa,I,CAEf,OAAOA,C,CAGT,aAAAT,CAAclB,EAAgB,GAAI4D,EAAc,YAC9C,IAAK5D,GAASA,IAAU3J,KAAK8L,WAAY,CACvC,M,CAEF9L,KAAKgN,gBACLhN,KAAK2K,MAAMC,IAAI5K,KAAKyJ,KAAKC,YAAa6D,GACtCvN,KAAK2K,MAAMC,IAAI5K,KAAKyJ,KAAKE,MAAOA,GAChC3J,KAAKkL,e,CAGP,qBAAAsC,CAAsBD,EAAsB,YAC1C,MAAME,EAAezN,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKE,OAC9C,IAAK8D,EAAc,CACjB,M,CAEF,MAAMC,EAAqB1N,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKC,aACpD,GAAIgE,IAAuBH,EAAa,CACtC,M,CAGFvN,KAAKgN,e,CAGP,WAAAW,CAAYC,EAAe,IACzB,MAAMC,EAActN,OAAO0J,SAAShG,KACpC2J,EAAeA,EAAeA,EAAeC,EAC7C,MAAO,GAAG7N,KAAKwM,eAAexM,KAAKoJ,UAAUC,wCAAwCuE,G,CAGvF,YAAAP,CAAaS,EAAW,IACtB,GAAIA,EAASC,QAAQ,uBAAyB,EAAG,CAE/C,OAAOD,C,CAET,IAAIF,EAAeE,EAChB3G,QAAQ,SAAU,IAClBA,QAAQ,gCAAiC5G,OAAO0J,SAAShG,MACzDkD,QAAQ,iCAAkC5G,OAAO0J,SAAShG,MAC7D,IAAI+J,EAAUhO,KAAKgK,QACnB,IACE,MAAMvG,EAAM,IAAIwK,IAAIjO,KAAKgK,QAAU,IACnCgE,EAAUvK,EAAIyG,M,CACd,MAAOgE,GAAG,CACZ,MAAMC,EAAWH,EAAQI,YAAY,OAASJ,EAAQvH,OAAS,EAC/D,MAAMuD,EAAUgE,GAAWG,EAAW,IAAM,IAAM,SAClD,MAAME,EAAkB,GAAGrO,KAAKwM,eAAexM,KAAKoJ,UAAUI,gCAAgCxJ,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKE,2BAA2BiE,IAClJ,MAAMU,EAAY,GAAGtE,eAAqBqE,IAE1C,OAAOC,C,CAGT,WAAAC,GACE,GAAIvO,KAAKsL,aAAc,CACrB,OAAOtL,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAK/K,K,EAIpC,cAAA8P,GACE,OAAOxO,KAAK0I,W,CAGN,eAAAsC,GACN,MAAMnB,EAAS7J,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKI,QACxC,IAAKA,EAAQ,CACX,M,CAEF,MAAM4E,EAAM,IAAIC,KAChB,MAAM5E,EAAa,IAAI4E,KAAKC,KAAKC,MAAMnE,SAASZ,EAAQ,IAAM,MAC9D,GAAI4E,EAAM3E,EAAY,CACpB4C,QAAQmC,KAAK,0BACb7O,KAAKgN,gBACLhN,KAAKmL,kB,EAGD,aAAAJ,GACN,GAAI/K,KAAKsL,eAAiB/K,OAAO,cAAgBA,OAAO,YAAY,cAAe,CACjF,M,CAGFP,KAAK2K,MAAMC,IAAI5K,KAAKyJ,KAAKE,MAAOpJ,OAAO,YAAY,eACnDP,KAAKkL,e,CAGC,eAAAJ,GACN,IAAKvK,QAAQ0J,SAAU,CACrB,M,CAGF,MAAM6E,EAAS,IAAIC,gBAAgBxO,OAAO0J,SAAS+E,QACnD,GAAIF,EAAO7D,IAAI,eAAgB,CAC7B,MAAMgE,EAAcH,EAAO7D,IAAI,eAE/BjL,KAAKkP,cAAcD,GAAavD,MAAK,KACnC,MAAMyD,EAAc5O,OAAO0J,SAAShG,KACpC,MAAMmL,EAAcD,EAAYpB,QAAQ,mBAAqB,EAAI,IAAM,IACvE,MAAMsB,EAASF,EAAYhI,QAAQ,GAAGiI,gBAA0BH,IAAe,IAC/EK,QAAQC,aAAa,GAAIxK,SAASmI,cAAc,SAASsC,UAAWH,EAAO,G,EAKzE,mBAAMnE,GACZ,MAAMvB,EAAQ3J,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKE,OACvC,GAAI3J,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKE,SAAW3J,KAAK+J,mBAAoB,CAC/D2C,QAAQmC,KAAK,2DACb,M,CAEF,MAAM5C,EAAyB,CAC7BC,OAAQ,MACRC,QAAS,CACPC,OAAU,mBACV,eAAgB,mBAChBC,cAAiB1C,IAGrB,MAAM2C,QAAiBC,MAAM,GAAGvM,KAAKwM,eAAexM,KAAKoJ,UAAUG,mBAAoB0C,GACvF,MAAMa,QAAaR,EAASS,OAC5B,GAAID,GAAQA,EAAK,WAAY,CAC3B,IACE,MAAM2C,QAAEA,EAAOC,WAAEA,EAAU9F,YAAEA,GAAgBkD,EAC7C,MAAMpC,EAAW1K,KAAK2P,cAAcF,GACpC,IAAK/E,EAAU,CACbgC,QAAQkD,MAAM,yBACd5P,KAAKgN,gBACL,M,CAEFhN,KAAK2K,MAAMC,IAAI5K,KAAKyJ,KAAK/K,KAAMgM,GAE/B1K,KAAK2K,MAAMC,IAAI5K,KAAKyJ,KAAKG,YAAaA,GACtC5J,KAAK2K,MAAMC,IAAI5K,KAAKyJ,KAAKI,OAAQ6F,GACjC1P,KAAK2K,MAAMC,IAAI5K,KAAKyJ,KAAKK,WAAY,IAAI4E,KAAKC,KAAKC,MAAMnE,SAASiF,EAAY,IAAM,OACpF1P,KAAKmL,kB,CACL,MAAO+C,GACPxB,QAAQkD,MAAM,iCAAkC1B,E,MAE7C,CACLxB,QAAQkD,MAAM,wDACd5P,KAAKgN,e,EAGT,aAAAA,GACEhN,KAAK2K,MAAMkF,OAAO7P,KAAKyJ,KAAK/K,MAC5BsB,KAAK2K,MAAMkF,OAAO7P,KAAKyJ,KAAKC,aAC5B1J,KAAK2K,MAAMkF,OAAO7P,KAAKyJ,KAAKG,aAC5B5J,KAAK2K,MAAMkF,OAAO7P,KAAKyJ,KAAKE,OAC5B3J,KAAK2K,MAAMkF,OAAO7P,KAAKyJ,KAAKI,QAC5B7J,KAAK2K,MAAMkF,OAAO7P,KAAKyJ,KAAKK,W,CAE9B,QAAAgC,GACE,OAAO9L,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKE,M,CAElC,cAAAmG,GACE,OAAO9P,KAAK2K,MAAMM,IAAIjL,KAAKyJ,KAAKG,Y,CAElC,mBAAMsF,CAAcD,GAClBjP,KAAKgN,gBACL,MAAMV,QAAiBC,MAAM,GAAGvM,KAAKwM,eAAexM,KAAKoJ,UAAUE,qCAAqC2F,KACxG,MAAMtF,MAAEA,SAAgB2C,EAASS,OACjC,UAAWpD,IAAU,UAAYA,EAAO,CACtC3J,KAAK2K,MAAMC,IAAI5K,KAAKyJ,KAAKE,MAAOA,E,CAElC3J,KAAKkL,e,CAEC,gBAAAC,GACN,IAAKnL,KAAK0I,YAAa,CACrB,M,CAEF1I,KAAK0I,YAAYqH,cACf,IAAIC,YAAYhQ,KAAKkJ,OAAOC,iBAAkB,CAC5CvH,OAAQ5B,KAAKsL,e,CAIX,UAAAkB,GACN,MAAMyD,EAAiB,CAAC,YAAa,eAAgB,QAAS,SAAS,SACvE,IAAIC,EAAWD,EAAeE,QAAOC,GAAKpQ,KAAK4I,SAASmF,QAAQqC,MAAQ,IAAG3J,OAAS,EACpF,GAAI,CAAC,yBAA0B,yBAAyBsH,QAAQxN,OAAO0J,SAASoG,aAAe,EAAG,CAChGH,EAAW,I,CAEb,GAAIA,EAAU,CACZ,OAAOlQ,KAAK+I,SAASC,E,CAEvB,OAAOhJ,KAAK+I,SAASE,I,CAGf,aAAA0G,CAAcF,GACpB,IAAKA,EAAS,CACZ,OAAO,I,CAET,IAAIa,EAAYb,EAAQc,MAAM,KAAK,GACnC,IAAIC,EAASF,EAAUnJ,QAAQ,KAAM,KAAKA,QAAQ,KAAM,KACxD,IAAIsJ,EAAcC,mBAChBC,KAAKH,GACFD,MAAM,IACNhP,KAAI,SAAUqP,GACb,MAAO,KAAO,KAAOA,EAAEC,WAAW,GAAGC,SAAS,KAAK5P,OAAO,E,IAE3D6P,KAAK,KAEV,OAAOC,KAAKC,MAAMR,E,CAGpB9F,MAAQ,CACNM,IAAMrI,IACJ,MAAMnC,EAAQF,OAAO2Q,aAAaC,QAAQ,GAAGnR,KAAK6I,iBAAiBjG,KACnE,IAAKnC,EAAO,CACV,OAAOA,C,CAET,GAAIA,EAAMsN,QAAQ,OAAS,EAAG,CAC5B,IACE,OAAOiD,KAAKC,MAAMxQ,E,CAClB,MAAOyN,GAAG,C,CAEd,GAAIzN,EAAMsN,QAAQ,QAAU,EAAG,CAC7B,OAAOtN,EAAM8P,MAAM,I,CAErB,OAAO9P,CAAK,EAEdmK,IAAK,CAAChI,EAAanC,KACjB,UAAWA,IAAU,iBAAmBA,EAAMgG,SAAW,YAAa,CACpElG,OAAO2Q,aAAaE,QAAQ,GAAGpR,KAAK6I,iBAAiBjG,IAAOoO,KAAKK,UAAU5Q,IAC3E,M,CAEFF,OAAO2Q,aAAaE,QAAQ,GAAGpR,KAAK6I,iBAAiBjG,IAAOnC,EAAM,EAEpEoP,OAASjN,IACPrC,OAAO2Q,aAAaI,WAAW,GAAGtR,KAAK6I,iBAAiBjG,IAAM,GCjYpE,MAAM2O,EAAgC,25DACtC,MAAAC,EAAeD,E,MCUFE,EAA0B,M,0FAGV,G,WAEH,G,UACO,CAC7BC,YAAa,GACbC,kBAAmB,GACnBC,iBAAkB,GAClBzN,eAAgB,GAChBC,iBAAkB,GAClBC,eAAgB,GAChBC,gBAAiB,GACjBuN,8BAA+B,GAC/BC,mBAAoB,GACpBC,qBAAsB,I,aAGE,G,gBACI,K,iBAGsB,K,cAGzB,G,cACC,M,0BAG6B,M,sBAGrB,M,oCAGe,E,2EAMf/R,KAAKgS,aAAaC,kBAAoBjS,KAAKgS,YAAYC,kBAAoB,G,cAEnFjS,KAAKkS,S,kEAKxB/G,iBAET,iBAAApL,GACE,MAAM2K,EAAsB1K,KAAKmS,UAAYnS,KAAKkS,SAAW,CAAEE,WAAYpS,KAAKkS,UAAa,KAC7FG,EAAYC,aAAe,IAAI7J,EAAsB,CACnDG,SAAU5I,KAAK4I,SACfF,YAAa1I,KAAKqB,YAClByH,+BAAgC9I,KAAK8I,+BACrC4B,aAEF2H,EAAYC,aAAajH,WAAWrL,KAAKgK,SACzChK,KAAKqB,YAAY,gBAAkBgR,EAAYC,aAC/C,GAAItS,KAAK2J,MAAO,CACd0I,EAAYC,aAAazH,cAAc7K,KAAK2J,MAAO,U,MAC9C,GAAI3J,KAAKuS,WAAY,CAE1BF,EAAYC,aAAa9E,sBAAsB,U,CAEjDxN,KAAKqB,YAAYQ,iBAAiBwQ,EAAYC,aAAapJ,OAAOC,iBAAkBnJ,KAAKwS,mBAAmB3O,KAAK7D,OACjHA,KAAK8E,OACL9E,KAAKyS,cACLzS,KAAK0S,qB,CAKP,UAAM5N,GACJuN,EAAYC,aAAaxN,KAAK9E,KAAKuS,YACnCvS,KAAK0S,sBACL1S,KAAK2S,kB,CAEP,gBAAAA,GACE,IAAK3S,KAAKgS,aAAaY,eAAgB,CACrC,M,CAGF,MAAMC,EAAa,CAACC,EAAMC,KACxB,IAAKD,EAAKE,aAAc,CACtBF,EAAKE,aAAeF,EAAKG,SAASlF,QAAQ,oBAAsB,GAAK+E,EAAKG,SAASlF,QAAQ,aAAe,C,CAE5G,GAAI+E,EAAKE,aAAc,CACrBF,EAAK7O,KAAOoO,EAAYC,aAAajF,aAAayF,EAAKG,S,CAGzD,GAAIF,IAAM,IAAMD,EAAK7O,KAAM,CACzB6O,EAAK7O,KAAOoO,EAAYC,aAAa3E,cACrCmF,EAAKI,SAAW,S,CAElB,GAAIJ,EAAKK,uBAAyBL,EAAKI,SAAU,CAC/CJ,EAAKI,SAAW,S,CAElB,OAAOJ,CAAI,EAEb,GAAI9S,KAAKgS,YAAa,CACpBhS,KAAKgS,YAAYY,eAAiB5S,KAAKgS,YAAYY,eAAerR,IAAIsR,GACtE7S,KAAKgS,YAAYoB,cAAgBpT,KAAKgS,YAAYoB,cAAc7R,IAAIsR,E,CAEtE7S,KAAKgS,YAAYqB,iBAAmB,CAClC,CACEpP,KAAMoO,EAAYC,aAAa3E,YAAY3N,KAAKgS,YAAYsB,UAC5DC,SAAUvT,KAAKgS,YAAYwB,cAC3BC,gBAAiB,MACjBT,aAAc,MACdC,SAAU,KACVC,SAAU,UACVC,qBAAsB,MAExB,CACElP,KAAMoO,EAAYC,aAAa3E,YAAY3N,KAAKgS,YAAY0B,aAC5DH,SAAUvT,KAAKgS,YAAY2B,oBAC3BF,gBAAiB,MACjBT,aAAc,MACdC,SAAU,KACVE,qBAAsB,O,CAK5B,WAAAV,GACE,MAAM/H,EAAW2H,EAAYC,aAAa/D,cAC1C,IAAIvM,EAAO,GACX,IAAKhC,KAAKmS,WAAazH,EAAU,CAC/B1K,KAAK4T,SAAW5R,C,CAElB,GAAI0I,GAAYA,EAAS0H,WAAY,CACnCpQ,EAAO0I,EAAS0H,YAAc1H,GAAUmJ,YAAc,IAAInJ,GAAUmJ,cAAgB,G,CAGtF,IAAK7R,GAAQ0I,GAAYA,EAASoJ,MAAO,CACvC9R,EAAO0I,EAASoJ,K,CAElB,IAAK9R,GAAQhC,KAAKkS,SAAU,CAC1BlQ,EAAOhC,KAAKkS,Q,CAGdlS,KAAK4T,SAAW5R,EAEhBhC,KAAK2S,kB,CAGP,mBAAAD,GACE,GAAI1S,KAAKmS,SAAU,CACjBnS,KAAK+T,iBAAmB/T,KAAK4T,SAC7B,IAAK5T,KAAK+T,iBAAkB,CAC1B/T,KAAK+T,iBAAmB/T,KAAKgS,YAAYgC,kB,MAEtC,CACLhU,KAAK+T,iBAAmB/T,KAAKgS,YAAYC,iB,EAI7C,kBAAAO,CAAmBtE,GACjB,GAAIlO,KAAKmS,WAAajE,EAAEtM,QAAU5B,KAAKuS,WAAY,CACjDvS,KAAKmS,SAAWjE,EAAEtM,OAClB5B,KAAKmL,iBAAiBlJ,KAAK,CAAEgS,SAAUjU,KAAKmS,SAAUxI,MAAO0I,EAAYC,aAAaxG,aACtF9L,KAAKyS,cACLzS,KAAK0S,qB,EAIT,MAAAjQ,GACE,IAAKzC,KAAKgS,YAAa,CACrB,M,CAGF,IAAIkC,EAAuB,CACzBN,SAAU,KACVzB,SAAU,SAEZ,GAAInS,KAAK4T,SAAU,CACjBM,EAAqBN,SAAW5T,KAAK4T,SACrCM,EAAqB/B,SAAWnS,KAAKmS,SAAW,E,CAElD,OACEzP,EAACC,EAAI,IAAKuR,GACRxR,EAAA,sBAAoBG,MAAO7C,KAAK+T,iBAAkBxV,KAAMG,EAAMoE,WAAW,QAAQC,QAAQ,aAAaC,MAAM,0BACzGhD,KAAKmU,mBAAqBnU,KAAKmS,UAC9BzP,EAAA,yCACEuR,SAAUjU,KAAKmS,SACfiC,WAAYpU,KAAKkC,KAAK4P,mBACtBuC,kBAAmBrU,KAAKqU,kBACxBC,YAAatU,KAAKsU,cAGrBtU,KAAKmS,UAAYnS,KAAKuU,qBACrB7R,EAAA,kDACEsP,YAAahS,KAAKgS,YAClBG,SAAUnS,KAAKmS,SACfjQ,KAAMlC,KAAKkC,KACXsS,YAAaxU,KAAKuS,WAAa,IAAM,IACrC3J,SAAU5I,KAAK4I,WAGjBlG,EAAA,uCACEsP,YAAahS,KAAKgS,YAClBG,SAAUnS,KAAKmS,SACfqC,YAAaxU,KAAKuS,WAAa,IAAM,IACrCqB,SAAU5T,KAAK4T,SACfO,iBAAkBnU,KAAKmU,oBAGzBnU,KAAKmS,UAAYnS,KAAKgS,aAAayC,WAAe/R,EAAA,QAAMgS,UAAW,GAAG1U,KAAKgS,YAAYyC,e,8EC1NnG,MAAMrP,MAAEA,EAAKkB,SAAEA,GAAaqO,EAAY,CACtCC,YAAa,GACbC,wBAAyB,GACzBC,uBAAwB,IAAIvJ,kBCN9B,MAAMwJ,EAAiC,snDACvC,MAAAC,EAAeD,E,MCQFE,EAA2B,M,+DAOW,M,gBAEF,M,cAEY,K,YAGlC,K,YAG2B,G,aAGzB,M,cAGC,K,yBAGa,E,kCAEzC,mBAAAC,GACElV,KAAKmV,gBAAgB/P,EAAMwP,Y,CAG7B,qBAAMO,CAAgBC,GACpB,IAAKpV,KAAKgP,OAAOqG,sBAAwBD,EAAO3O,OAAS,EAAG,CAC1DzG,KAAKsV,oBAAsB,GAC3B,M,CAEF,GAAIlQ,EAAMyP,wBAAwBO,GAAS,CACzCpV,KAAKuV,2BAA2BnQ,EAAMyP,wBAAwBO,IAC9D,M,CAGF,IAAII,EAAkB,GAAGxV,KAAKgP,OAAOqG,+BAA+BD,YACpE,GAAIpV,KAAKsF,UAAYtF,KAAKyV,OAAQ,CAChCD,GAAmB,SACnB,GAAIxV,KAAKsF,SAAU,CACjBkQ,GAAmB,YAAYxV,KAAKsF,U,CAEtC,GAAItF,KAAKsF,UAAYtF,KAAKyV,OAAQ,CAChCD,GAAmB,G,CAErB,GAAIxV,KAAKyV,OAAQ,CACfD,GAAmB,UAAUxV,KAAKyV,Q,EAGtC,MAAMC,QAAYnJ,MAAMiJ,EAAiB,CAAEG,OAAQvQ,EAAM0P,uBAAuBa,SAAUhK,OAAMuC,IAC9FxB,QAAQkJ,KAAK,2CAA4C1H,EAAE,IAE7D,IAAKwH,EAAK,CACR,M,CAEF,MAAM5I,QAAa4I,EAAI3I,OACvB,IAAKD,IAASA,EAAK+I,OAAS/I,EAAK+I,KAAKpP,OAAQ,CAC5C,M,CAEF,MAAMqP,EAAchJ,EAAK+I,KACtB1F,QAAO4F,GAAQA,EAAKnV,OAAS,cAC7BW,KAAIwU,GACIA,EAAKC,QAIhB5Q,EAAMyP,wBAAwBO,GAAUU,EACxC9V,KAAKuV,2BAA2BO,E,CAGlC,0BAAAP,CAA2BO,GACzB,UAAWA,IAAgB,iBAAmBA,EAAYrP,SAAW,UAAYqP,EAAYrP,SAAW,EAAG,CACzG,M,CAEFzG,KAAKsV,oBAAsBQ,C,CAE7B,iBAAA/V,GACEuG,EAAS,eAAe,KACtBtG,KAAKkV,qBAAqB,G,CAI9B,kBAAAe,GACE,MAAMC,EAAiBlW,KAAKqB,YAAY6L,cAAc,qCACtD,GAAIgJ,GAAkBlW,KAAKgP,OAAOqG,qBAAsB,CACtDa,EAAe1T,aAAa,OAAQ,iC,EAIxC,MAAAC,GACE,IAAKzC,KAAKgP,OAAOmH,eAAiBnW,KAAKoW,WAAY,CACjD,M,CAEF,MAAMC,EAAwBrW,KAAKgP,OAAOqG,qBAAuB,CAAEiB,KAAM,kCAAqC,GAC9G,OACE5T,EAAA,OAAKM,MAAM,qBACRhD,KAAKuW,aACJ7T,EAAA,aAAWuB,KAAMjE,KAAKgP,OAAOmH,cAAerT,WAAW,QAAQvE,KAAMyQ,EAAQwH,QAASxW,KAAKkC,KAAKwP,cAEhGhP,EAAA,QAAMwJ,OAAO,MAAMuK,OAAQzW,KAAKgP,OAAOmH,cAAelT,KAAK,UACzDP,EAAA,sBACM2T,EACJxT,MAAO7C,KAAKkC,KAAKwP,YACjB1P,KAAK,IACL0U,OAAQ1W,KAAK2W,SAAW,OAAS,KAAI,eACvB,SACdC,YAAa5W,KAAKkC,KAAKyP,kBACvBkF,SAAW3I,IACT9I,EAAMwP,YAAc1G,EAAEtM,MAAM,EAE9BkV,SAAU,KACR,MAAMC,EAAO/W,KAAKqB,YAAY6L,cAAc,QAC5C,GAAI6J,EAAM,CACRA,EAAKC,Q,KAKVhX,KAAKiX,SAAWjX,KAAKgP,OAAOqG,qBAC3B3S,EAAA,YAAUuD,GAAG,kCACVjG,KAAKsV,oBAAoB/T,KAAIwU,GAC5BrT,EAAA,cAASqT,MAGX,M,aC3IhB,MAAAmB,EAAe,CACbtY,GAAI,CACFuY,SAAU,oBAEZrY,GAAI,CACFqY,SAAU,oBAEZpY,GAAI,CACFoY,SAAU,kBAEZnY,GAAI,CACFmY,SAAU,mBAEZlY,GAAI,CACFkY,SAAU,wBAEZjY,GAAI,CACFiY,SAAU,qBCjBd,MAAMC,EAAoB,8xBAC1B,MAAAC,EAAeD,E,MCOFE,EAAc,M,yCAIoC,W,aAEH,W,cAEC,K,UACzB,CAAEH,SAAU,gB,kCAE9C,iBAAApX,GACEC,KAAKF,a,CAGP,WAAAA,GACE,GAAIoX,EAAalX,KAAKsF,UAAW,CAC/BtF,KAAKkC,KAAOgV,EAAalX,KAAKsF,S,EAIlC,MAAA7C,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,sBAAAE,IAAA,2CAAoBC,MAAO7C,KAAKuX,WAAYhZ,KAAMiZ,EAAkB1U,WAAW,QAAQC,QAAQ,aAAY,aAAa/C,KAAKkC,KAAKiV,UAChIzU,EAAA,OAAAE,IAAA,2CAAKI,MAAM,oBACRhD,KAAKnB,QAAU6D,EAAA,UAAQM,MAAM,wBAAwBhD,KAAKnB,SAAoB,KAC/E6D,EAAA,OAAAE,IAAA,2CAAKK,KAAK,OAAOD,MAAM,qBACrBN,EAAA,QAAAE,IAAA,gD,aCpCd,MAAM6U,EAAwB,y5CAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,kCAEP,G,aAGI,G,iBAGI,G,eAGD,K,CAE7B,MAAAlV,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACK,KAAK,YACRjD,KAAKyD,IACJf,EAAA,KAAGM,MAAM,yBAAyBiB,KAAMjE,KAAKyD,IAAKS,OAAQlE,KAAK4X,UAAY,SAAW,OAAQC,IAAK7X,KAAK4X,UAAY,oBAAsB,IACxIlV,EAAA,YACG1C,KAAKnB,SAAW6D,EAAA,QAAMM,MAAM,2BAA2BhD,KAAKnB,SAC5DmB,KAAK8X,aAAepV,EAAA,SAAOM,MAAM,iCAAiChD,KAAK8X,cAE1EpV,EAAA,WAASnE,KAAMC,EAAmBuH,MAAM,aAG1CrD,EAAA,WACG1C,KAAKnB,SAAW6D,EAAA,QAAMM,MAAM,2BAA2BhD,KAAKnB,SAC5DmB,KAAK8X,aAAepV,EAAA,SAAOM,MAAM,iCAAiChD,KAAK8X,c","ignoreList":[]}

package/pn-market-web-components/{p-d5d1098a.entry.js → p-4c8bda8f.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,g as e,h as t,d as n}from"./p-b3a13b6a.js";import{s as l}from"./p-8c42f598.js";import{a}from"./p-36b39340.js";import"./p-2132ad75.js";const r='<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="M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z" clip-rule="evenodd"/></svg>';const o=r;const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}pn-marketweb-siteheader-login-linklist .pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:#005d92}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:#005d92 !important}pn-marketweb-siteheader-login-linklist ul>li:hover a{color:#0d234b;text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:#0d234b !important}pn-marketweb-siteheader-login-linklist ul>li:last-of-type{margin-bottom:0}";const p=s;const d=class{constructor(e){i(this,e);this.heading=null;this.links=[];this.idNamespace="";this.showUnifiedLogin=false}get hostElement(){return e(this)}componentWillLoad(){}uniqueId(i){return"loginlink-"+i.replace(/[^A-Za-z0-9.\\\/]/gim,"")+"-"+this.idNamespace}linkAppearanceAttributes(i){let e={};if(i.linkType){switch(i.linkType){case"primary":e={appearance:"",variant:""};break;case"secondary":e={appearance:"light",variant:"outlined"};break;case"regularlink":default:e={appearance:"light",variant:"borderless",icon:a};break}return e}if(!i.linkType){e={appearance:i.primaryLinkApperance?"dark":"light"}}return e}renderListAsButtons(i){return t("li",null,t("pn-button",{href:i.href,id:this.uniqueId(i.linkText),...i.openInNewWindow&&{target:"_blank"},...this.linkAppearanceAttributes(i),onClick:()=>{if(i.isLogoutLink){l.loginManager.clearUserData()}}},i.linkText))}renderListAsLinks(i){return t("li",null,t("a",{href:i.href,id:this.uniqueId(i.linkText),...i.openInNewWindow&&{target:"_blank"},onClick:()=>{if(i.isLogoutLink){l.loginManager.clearUserData()}}},i.linkText,i.isLogoutLink?t("pn-icon",{icon:o}):t("pn-icon",{icon:a})))}render(){if(!this.links||this.links.length===0){return}return t(n,null,this.heading?t("h4",{class:"pn-marketweb-siteheader-login-linklist-heading"},this.heading):null,t("ul",null,this.links.map((i=>{{return this.showUnifiedLogin?this.renderListAsLinks(i):this.renderListAsButtons(i)}}))))}};d.style=p;export{d as pn_marketweb_siteheader_login_linklist};
-//# sourceMappingURL=p-d5d1098a.entry.js.map
+import{r as i,g as e,h as t,d as n}from"./p-b3a13b6a.js";import{s as l}from"./p-8c42f598.js";import{a}from"./p-36b39340.js";import"./p-2132ad75.js";const r='<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="M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z" clip-rule="evenodd"/></svg>';const o=r;const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}pn-marketweb-siteheader-login-linklist .pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:#005d92}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:#005d92 !important}pn-marketweb-siteheader-login-linklist ul>li:hover a{color:#0d234b;text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:#0d234b !important}pn-marketweb-siteheader-login-linklist ul>li:last-of-type{margin-bottom:0}";const p=s;const d=class{constructor(e){i(this,e);this.heading=null;this.links=[];this.idNamespace="";this.showUnifiedLogin=false}get hostElement(){return e(this)}componentWillLoad(){}uniqueId(i){return"loginlink-"+i.replace(/[^A-Za-z0-9.\\\/]/gim,"")+"-"+this.idNamespace}linkAppearanceAttributes(i){let e={};if(i.linkType){switch(i.linkType){case"primary":e={appearance:"",variant:""};break;case"secondary":e={appearance:"light",variant:"outlined"};break;case"regularlink":default:e={appearance:"light",variant:"borderless",icon:a};break}return e}if(!i.linkType){e={appearance:i.primaryLinkApperance?"dark":"light"}}return e}renderListAsButtons(i){return t("li",null,t("pn-button",{href:i.href,id:this.uniqueId(i.linkText),...i.openInNewWindow&&{target:"_blank"},...this.linkAppearanceAttributes(i),onClick:()=>{if(i.isLogoutLink){l.loginManager.clearUserData()}}},i.linkText))}renderListAsLinks(i){return t("li",null,t("a",{href:i.href,id:this.uniqueId(i.linkText),...i.openInNewWindow&&{target:"_blank"},onClick:()=>{if(i.isLogoutLink){l.loginManager.clearUserData()}}},i.linkText,i.isLogoutLink?t("pn-icon",{icon:o}):t("pn-icon",{icon:a})))}render(){if(!this.links||this.links.length===0){return}return t(n,null,this.heading?t("p",{class:"pn-marketweb-siteheader-login-linklist-heading"},this.heading):null,t("ul",null,this.links.map((i=>{{return this.showUnifiedLogin?this.renderListAsLinks(i):this.renderListAsButtons(i)}}))))}};d.style=p;export{d as pn_marketweb_siteheader_login_linklist};
+//# sourceMappingURL=p-4c8bda8f.entry.js.map

package/pn-market-web-components/{p-d5d1098a.entry.js.map → p-4c8bda8f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icon","transfer","pnMarketwebSiteheaderLoginLinklistCss","PnMarketwebSiteheaderLoginLinklistStyle0","PnMarketwebSiteheaderLoginLinklist","componentWillLoad","uniqueId","text","replace","this","idNamespace","linkAppearanceAttributes","link","attributes","linkType","appearance","variant","arrow_right","primaryLinkApperance","renderListAsButtons","h","href","id","linkText","openInNewWindow","target","onClick","isLogoutLink","headerState","loginManager","clearUserData","renderListAsLinks","render","links","length","Host","heading","class","map","showUnifiedLogin"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.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=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-linklist {\n  display: flex;\n  flex-direction: column;\n\n  .pn-marketweb-siteheader-login-linklist-heading {\n    font-weight: 500;\n    font-size: 1.6rem;\n    margin-bottom: 2.4rem;\n  }\n  \n  strong {\n    margin-bottom: 2.4rem;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  ul > li {\n    margin-bottom: 2.4rem;\n    a:not(.pn-button) {\n      color: $blue700;\n    }\n\n    a {\n      text-decoration: none;\n      font-size: 1.6rem;\n      line-height: 1.5;\n      font-weight: 500;\n    }\n\n    pn-icon {\n      padding-left: 0.8rem;\n      svg > path {\n        fill: $blue700 !important;\n      }\n    }\n\n    &:hover {\n      a {\n        color: $blue900;\n        text-decoration: underline;\n      }\n\n      pn-icon {\n        svg > path {\n          fill: $blue900 !important;\n        }\n      }\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n}","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-linklist',\n  styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() links: LoginDialogLink[] = [];\n  @Prop() idNamespace: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {}\n\n  uniqueId(text: string) {\n    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n  }\n\n  linkAppearanceAttributes(link) {\n    let attributes = {};\n    if (link.linkType) {\n      switch (link.linkType) {\n        case 'primary':\n          attributes = {\n            appearance: '',\n            variant: '',\n          };\n          break;\n        case 'secondary':\n          attributes = {\n            appearance: 'light',\n            variant: 'outlined',\n          };\n          break;\n        case 'regularlink':\n        default:\n          attributes = {\n            appearance: 'light',\n            variant: 'borderless',\n            icon: arrow_right,\n          };\n          break;\n      }\n      return attributes;\n    }\n    if (!link.linkType) {\n      attributes = {\n        appearance: link.primaryLinkApperance ? 'dark' : 'light',\n      };\n    }\n    return attributes;\n  }\n\n  renderListAsButtons(link) {\n    return (\n      <li>\n        <pn-button\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          {...this.linkAppearanceAttributes(link)}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n        </pn-button>\n      </li>\n    );\n  }\n\n  renderListAsLinks(link) {\n    return (\n      <li>\n        <a\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n          {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n        </a>\n      </li>\n    );\n  }\n\n  render() {\n    if (!this.links || this.links.length === 0) {\n      return;\n    }\n    return (\n      <Host>\n        {this.heading ? <h4 class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</h4> : null}\n        <ul>\n          {this.links.map(link => {\n            {\n              return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oJAAA,MAAMA,EAAO,icACN,MAAMC,EAAWD,ECDxB,MAAME,EAAwC,66CAC9C,MAAAC,EAAeD,E,MCSFE,EAAkC,M,sCAGnB,K,WACS,G,iBACL,G,sBACM,K,kCAEpC,iBAAAC,GAAiB,CAEjB,QAAAC,CAASC,GACP,MAAO,aAAeA,EAAKC,QAAQ,uBAAwB,IAAM,IAAMC,KAAKC,W,CAG9E,wBAAAC,CAAyBC,GACvB,IAAIC,EAAa,GACjB,GAAID,EAAKE,SAAU,CACjB,OAAQF,EAAKE,UACX,IAAK,UACHD,EAAa,CACXE,WAAY,GACZC,QAAS,IAEX,MACF,IAAK,YACHH,EAAa,CACXE,WAAY,QACZC,QAAS,YAEX,MACF,IAAK,cACL,QACEH,EAAa,CACXE,WAAY,QACZC,QAAS,aACThB,KAAMiB,GAER,MAEJ,OAAOJ,C,CAET,IAAKD,EAAKE,SAAU,CAClBD,EAAa,CACXE,WAAYH,EAAKM,qBAAuB,OAAS,Q,CAGrD,OAAOL,C,CAGT,mBAAAM,CAAoBP,GAClB,OACEQ,EAAA,UACEA,EAAA,aACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,aACnChB,KAAKE,yBAAyBC,GAClCc,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,U,CAMd,iBAAAQ,CAAkBnB,GAChB,OACEQ,EAAA,UACEA,EAAA,KACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,UACvCC,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,SACLX,EAAKe,aAAeP,EAAA,WAASpB,KAAMC,IAAuBmB,EAAA,WAASpB,KAAMiB,K,CAMlF,MAAAe,GACE,IAAKvB,KAAKwB,OAASxB,KAAKwB,MAAMC,SAAW,EAAG,CAC1C,M,CAEF,OACEd,EAACe,EAAI,KACF1B,KAAK2B,QAAUhB,EAAA,MAAIiB,MAAM,kDAAkD5B,KAAK2B,SAAgB,KACjGhB,EAAA,UACGX,KAAKwB,MAAMK,KAAI1B,IACd,CACE,OAAOH,KAAK8B,iBAAmB9B,KAAKsB,kBAAkBnB,GAAQH,KAAKU,oBAAoBP,E","ignoreList":[]}
+{"version":3,"names":["icon","transfer","pnMarketwebSiteheaderLoginLinklistCss","PnMarketwebSiteheaderLoginLinklistStyle0","PnMarketwebSiteheaderLoginLinklist","componentWillLoad","uniqueId","text","replace","this","idNamespace","linkAppearanceAttributes","link","attributes","linkType","appearance","variant","arrow_right","primaryLinkApperance","renderListAsButtons","h","href","id","linkText","openInNewWindow","target","onClick","isLogoutLink","headerState","loginManager","clearUserData","renderListAsLinks","render","links","length","Host","heading","class","map","showUnifiedLogin"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.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=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-linklist {\n  display: flex;\n  flex-direction: column;\n\n  .pn-marketweb-siteheader-login-linklist-heading {\n    font-weight: 500;\n    font-size: 1.6rem;\n    margin-bottom: 2.4rem;\n  }\n  \n  strong {\n    margin-bottom: 2.4rem;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  ul > li {\n    margin-bottom: 2.4rem;\n    a:not(.pn-button) {\n      color: $blue700;\n    }\n\n    a {\n      text-decoration: none;\n      font-size: 1.6rem;\n      line-height: 1.5;\n      font-weight: 500;\n    }\n\n    pn-icon {\n      padding-left: 0.8rem;\n      svg > path {\n        fill: $blue700 !important;\n      }\n    }\n\n    &:hover {\n      a {\n        color: $blue900;\n        text-decoration: underline;\n      }\n\n      pn-icon {\n        svg > path {\n          fill: $blue900 !important;\n        }\n      }\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n}","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-linklist',\n  styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() links: LoginDialogLink[] = [];\n  @Prop() idNamespace: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {}\n\n  uniqueId(text: string) {\n    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n  }\n\n  linkAppearanceAttributes(link) {\n    let attributes = {};\n    if (link.linkType) {\n      switch (link.linkType) {\n        case 'primary':\n          attributes = {\n            appearance: '',\n            variant: '',\n          };\n          break;\n        case 'secondary':\n          attributes = {\n            appearance: 'light',\n            variant: 'outlined',\n          };\n          break;\n        case 'regularlink':\n        default:\n          attributes = {\n            appearance: 'light',\n            variant: 'borderless',\n            icon: arrow_right,\n          };\n          break;\n      }\n      return attributes;\n    }\n    if (!link.linkType) {\n      attributes = {\n        appearance: link.primaryLinkApperance ? 'dark' : 'light',\n      };\n    }\n    return attributes;\n  }\n\n  renderListAsButtons(link) {\n    return (\n      <li>\n        <pn-button\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          {...this.linkAppearanceAttributes(link)}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n        </pn-button>\n      </li>\n    );\n  }\n\n  renderListAsLinks(link) {\n    return (\n      <li>\n        <a\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n          {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n        </a>\n      </li>\n    );\n  }\n\n  render() {\n    if (!this.links || this.links.length === 0) {\n      return;\n    }\n    return (\n      <Host>\n        {this.heading ? <p class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</p> : null}\n        <ul>\n          {this.links.map(link => {\n            {\n              return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oJAAA,MAAMA,EAAO,icACN,MAAMC,EAAWD,ECDxB,MAAME,EAAwC,66CAC9C,MAAAC,EAAeD,E,MCSFE,EAAkC,M,sCAGnB,K,WACS,G,iBACL,G,sBACM,K,kCAEpC,iBAAAC,GAAiB,CAEjB,QAAAC,CAASC,GACP,MAAO,aAAeA,EAAKC,QAAQ,uBAAwB,IAAM,IAAMC,KAAKC,W,CAG9E,wBAAAC,CAAyBC,GACvB,IAAIC,EAAa,GACjB,GAAID,EAAKE,SAAU,CACjB,OAAQF,EAAKE,UACX,IAAK,UACHD,EAAa,CACXE,WAAY,GACZC,QAAS,IAEX,MACF,IAAK,YACHH,EAAa,CACXE,WAAY,QACZC,QAAS,YAEX,MACF,IAAK,cACL,QACEH,EAAa,CACXE,WAAY,QACZC,QAAS,aACThB,KAAMiB,GAER,MAEJ,OAAOJ,C,CAET,IAAKD,EAAKE,SAAU,CAClBD,EAAa,CACXE,WAAYH,EAAKM,qBAAuB,OAAS,Q,CAGrD,OAAOL,C,CAGT,mBAAAM,CAAoBP,GAClB,OACEQ,EAAA,UACEA,EAAA,aACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,aACnChB,KAAKE,yBAAyBC,GAClCc,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,U,CAMd,iBAAAQ,CAAkBnB,GAChB,OACEQ,EAAA,UACEA,EAAA,KACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,UACvCC,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,SACLX,EAAKe,aAAeP,EAAA,WAASpB,KAAMC,IAAuBmB,EAAA,WAASpB,KAAMiB,K,CAMlF,MAAAe,GACE,IAAKvB,KAAKwB,OAASxB,KAAKwB,MAAMC,SAAW,EAAG,CAC1C,M,CAEF,OACEd,EAACe,EAAI,KACF1B,KAAK2B,QAAUhB,EAAA,KAAGiB,MAAM,kDAAkD5B,KAAK2B,SAAe,KAC/FhB,EAAA,UACGX,KAAKwB,MAAMK,KAAI1B,IACd,CACE,OAAOH,KAAK8B,iBAAmB9B,KAAKsB,kBAAkBnB,GAAQH,KAAKU,oBAAoBP,E","ignoreList":[]}