@postnord/pn-marketweb-components 4.2.5 → 4.3.0

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

@@ -0,0 +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","state","onChange","createStore","openLevel","currentLevel","openMenu","pnMainnavCss","PnMainnavStyle0","PnMainnav","menuLanguageChange","marketChange","menuOpenChange","init","document","_onClickOutside","setMarket","clickedOutside","contains","language","market","onLanguageChange","setMenuOpenState","onOpenMenuLevelChange","navigationId","close","bars","color","id","pnMainnavLevelCss","PnMainnavLevelStyle0","PnMainnavLevel","setState","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","pnMainnavLinkCss","PnMainnavLinkStyle0","PnMainnavLink","hasChildren","safeLevelName","setOpenMenuLevel","angle_small_down","arrow_right","rel","open_in_new","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","pnMarketwebSiteheaderLoginLinksCss","PnMarketwebSiteheaderLoginLinksStyle0","PnMarketwebSiteheaderLoginLinks","overrideLoginMenu","links","loginTitle","pnMarketwebSiteheaderLoginProfileselectionCss","PnMarketwebSiteheaderLoginProfileselectionStyle0","PnMarketwebSiteheaderLoginProfileselection","updateUserInfo","fetchProfiles","profileoptions","apiUrl","req","reqdata","fallbackData","organizations","customerNumber","profiles","ssid","customerGroup","org","selectedProfile","toLocaleLowerCase","substring","push","currentProfileObj","userProfileOption","userName","currentProfile","userEmail","filterLogoutLink","organization","encodeURIComponent","small","searchValue","autocompleteSuggestions","requestAbortController","pnMarketwebSiteheaderSearchCss","PnMarketwebSiteheaderSearchStyle0","PnMarketwebSiteheaderSearch","onSearchValueUpdate","getAutocomplete","prefix","AutocompleteEndpoint","autoCompleteOptions","setAutocompleteSuggestions","autocompleteUrl","siteid","signal","warn","hits","suggestions","item","query","componentDidRender","inputSearchElm","formActionUrl","hideSearch","autocompleteAttribute","list","showOnlyLink","tooltip","action","button","icononly","placeholder","onUpdate","onSearch","form","submit","primary","pnMarketwebSiteheaderUnifiedLoginCss","PnMarketwebSiteheaderUnifiedLoginStyle0","PnMarketwebSiteheaderUnifiedLogin","languageData","navlabel","pnSiteSelectorCss","PnSiteSelectorStyle0","PnSiteSelector","buttontext","pnSiteSelectorItemCss","PnSiteSelectorItemStyle0","PnSiteSelectorItem","newwindow","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-store.tsx","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-link.scss?tag=pn-mainnav-link","src/components/navigation/pn-mainnav/pn-mainnav-link.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-login-links.scss?tag=pn-marketweb-siteheader-login-links","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.scss?tag=pn-marketweb-siteheader-login-profileselection","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.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/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.scss?tag=pn-marketweb-siteheader-unified-login","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.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';\n\n// -----------------------------------------------------------------------------\n// Component token defaults\n// -----------------------------------------------------------------------------\npn-language-selector {\n  --languageselector-toggle-color: #{$blue700};\n  --languageselector-toggle-hover-color: #{$blue900};\n  --languageselector-toggle-background-color: #{$white};\n  --languageselector-title-color: #{$gray900};\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / layout\n// -----------------------------------------------------------------------------\npn-language-selector {\n  max-height: 5.2rem;\n}\n\n.languageselector {\n  position: relative;\n}\n\n// -----------------------------------------------------------------------------\n// Internal elements\n// -----------------------------------------------------------------------------\n.languageselector-togglebtn {\n  cursor: pointer;\n  border: 0;\n  padding: 0.64rem 0;\n  background-color: var(--languageselector-toggle-background-color);\n  color: var(--languageselector-toggle-color);\n  font-size: 1.6rem;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: var(--languageselector-toggle-hover-color);\n    text-decoration: underline;\n  }\n\n  svg {\n    width: 1.9rem;\n    height: 1.9rem;\n  }\n}\n\n.languageselector-nav {}\n\n.languageselector-title {\n  display: flex;\n  align-items: center;\n  padding: 0.8rem 1.6rem;\n  color: var(--languageselector-title-color)\n}\n\n.languageselector-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n// -----------------------------------------------------------------------------\n// Appearance overrides\n// -----------------------------------------------------------------------------\npn-language-selector[appearance='dark'] {\n\n button:hover {\n    pn-icon {\n      svg path {\n        fill: $black;\n      }\n    }\n  }\n}","import { globe } from 'pn-design-assets/pn-assets/icons.js';\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nimport {\n  LanguageSelectori18n,\n  LanguageSelectorOption,\n} from './pn-language-selector-types';\nimport { translations } from './translations';\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  @Prop({ mutable: true, reflect: true }) appearance?: 'light' | 'dark' = 'light';\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={this.appearance} 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\n// -----------------------------------------------------------------------------\n// Component token defaults\n// -----------------------------------------------------------------------------\npn-language-selector-option {\n  --languageselector-option-background-color: #{$white};\n  --languageselector-option-color: #{$blue700};\n  --languageselector-option-hover-background-color: #{$gray50};\n  --languageselector-option-hover-color: #{$blue700};\n\n  --languageselector-option-radio-outer-background-color: #{$white};\n  --languageselector-option-radio-outer-border-color: #{$gray200};\n  --languageselector-option-radio-outer-hover-background-color: #{$blue50};\n  --languageselector-option-radio-outer-hover-border-color: #{$blue700};\n  --languageselector-option-radio-outer-selected-border-color: #{$blue700};\n  --languageselector-option-radio-inner-background-color: #{$blue700};\n  --languageselector-option-radio-focus-ring-color: #{$blue700};\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / layout\n// -----------------------------------------------------------------------------\npn-language-selector-option {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n// -----------------------------------------------------------------------------\n// Internal elements\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: var(--languageselector-option-background-color);\n  color: var(--languageselector-option-color);\n  font-size: 1.6rem;\n  font-weight: bold;\n  border-radius: 0;\n\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: underline;\n    box-shadow: none;\n    background-color: var(--languageselector-option-hover-background-color);\n    color: var(--languageselector-option-hover-color);\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: var(--languageselector-option-radio-outer-background-color);\n  border: 0.1em solid var(--languageselector-option-radio-outer-border-color);\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 var(--languageselector-option-radio-focus-ring-color);\n  }\n\n  &:hover>& {\n    border: 0.1rem solid var(--languageselector-option-radio-outer-hover-border-color);\n    background: var(--languageselector-option-radio-outer-hover-background-color);\n  }\n\n  [selected='true'] & {\n    border: 0.1rem solid var(--languageselector-option-radio-outer-selected-border-color);\n  }\n}\n\n.languageselector-radio-inner {\n  transform: scale(0);\n  height: 1em;\n  width: 1em;\n  background-color: var(--languageselector-option-radio-inner-background-color);\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}","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 { 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  openLevel: '',\n  currentLevel: 1,\n  openMenu: false,\n  i18n: {\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    navLabel: '',\n  },\n});\n\nexport { state, onChange };\nexport default state;\n","@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\n// -----------------------------------------------------------------------------\n// Component token defaults\n// Styling API\n// -----------------------------------------------------------------------------\npn-mainnav {\n    --mainnav-nav-background-color: #{$white};\n\n    --mainnav-toggle-background-color: #{$blue700};\n    --mainnav-toggle-text-color: #{$white};\n    --mainnav-toggle-border-radius: 2.4rem;\n    --mainnav-toggle-padding: 0.6rem 1.6rem;\n    --mainnav-toggle-font-size: 1.6rem;\n    --mainnav-top-position: var(--siteheader-mainnav-top-position-mobile,3em);\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / layout\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\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        flex-flow: column;\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Slotted content\n// -----------------------------------------------------------------------------\npn-mainnav {\n    [slot='footer'] {\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n            display: none;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Internal elements\n// -----------------------------------------------------------------------------\npn-mainnav {\n    >nav {\n        display: flex;\n        flex-flow: column;\n        position: fixed;\n        top: var(--mainnav-top-position);\n        bottom: 0;\n        left: 0;\n        width: 100vw;\n        height: auto;\n        background-color: var(--mainnav-nav-background-color);\n        z-index: 2;\n        visibility: hidden;\n        transform: translateX(100vw);\n        transition: transform 0.2s 0s;\n        transition-property: transform, visibility;\n\n        @media screen and (min-width: $mobilenav-media-tablet) {\n            top: 6.5em;\n        }\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n            flex-flow: row-reverse;\n            position: static;\n            top: 0;\n            width: 100%;\n            height: auto;\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\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        display: none;\n    }\n\n    >button {\n        display: flex;\n        align-items: center;\n        background-color: var(--mainnav-toggle-background-color);\n        color: var(--mainnav-toggle-text-color);\n        border: none;\n        border-radius: var(--mainnav-toggle-border-radius);\n        padding: var(--mainnav-toggle-padding);\n        cursor: pointer;\n        font-size: var(--mainnav-toggle-font-size);\n\n        &:focus {\n            outline: 0;\n        }\n\n        pn-icon {\n            display: block;\n            margin-left: 0.8rem;\n        }\n\n        svg {\n            display: block;\n            margin: -0.2rem -0.5rem -0.2rem 0;\n            width: 1.9rem;\n            height: 1.9rem;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// State\n// -----------------------------------------------------------------------------\npn-mainnav>nav[data-menu-open='true'] {\n    visibility: visible;\n    transform: translateX(0);\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\n// -----------------------------------------------------------------------------\n// Component token defaults\n// Styling API\n// -----------------------------------------------------------------------------\npn-mainnav-level {\n    --mainnav-level-bg: #{$white};\n    --mainnav-level-link-color: #{$blue700};\n\n    --mainnav-level-2-border-top-left-radius-desktop:\n        var(--siteheader-mainnav-level-2-border-top-left-radius-desktop, 1rem);\n    --mainnav-level-2-border-top-right-radius-desktop:\n        var(--siteheader-mainnav-level-2-border-top-right-radius-desktop, 1rem);\n    --mainnav-level-2-border-bottom-right-radius-desktop:\n        var(--siteheader-mainnav-level-2-border-bottom-right-radius-desktop, 1rem);\n    --mainnav-level-2-border-bottom-left-radius-desktop:\n        var(--siteheader-mainnav-level-2-border-bottom-left-radius-desktop, 1rem);\n\n    --mainnav-level-2-shadow: #{$mainmenu-shadow-elevation8};\n\n    --mainnav-level-header-button-color: #{$blue700};\n    --mainnav-level-header-link-font-size: 2.4rem;\n    --mainnav-level-header-icon-size: 2.4rem;\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / layout\n// -----------------------------------------------------------------------------\npn-mainnav-level {\n    display: block;\n\n    &:not(.hydrated) {\n        max-height: 5.6rem;\n        overflow: hidden;\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Level 1\n// -----------------------------------------------------------------------------\npn-mainnav-level[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        &::-webkit-scrollbar {\n            display: none;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Level 2\n// -----------------------------------------------------------------------------\npn-mainnav-level[data-level='2'] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100vw;\n    padding: 0;\n    background-color: var(--mainnav-level-bg);\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        top: calc(100% + 1rem);\n        bottom: auto;\n        width: auto;\n        height: auto;\n        padding: 1.6rem 1.6rem 0 1.6rem;\n        border-top-left-radius: var(--mainnav-level-2-border-top-left-radius-desktop);\n        border-top-right-radius: var(--mainnav-level-2-border-top-right-radius-desktop);\n        border-bottom-right-radius: var(--mainnav-level-2-border-bottom-right-radius-desktop);\n        border-bottom-left-radius: var(--mainnav-level-2-border-bottom-left-radius-desktop);\n        display: none;\n        z-index: 3;\n        box-shadow: var(--mainnav-level-2-shadow);\n\n        &[data-menuitem-rightaligned='true'] {\n            right: 0;\n            left: unset;\n        }\n    }\n\n    @media screen and (max-height: $mobilenav-media-phoneheight) {\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n\n        &::-webkit-scrollbar {\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: 0 1.6rem;\n                grid-template-areas:\n                    'top top'\n                    'left right';\n            }\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\n    &[data-level-alignment='center'] {\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n    }\n\n    a {\n        color: var(--mainnav-level-link-color);\n        text-decoration: none;\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Slots\n// -----------------------------------------------------------------------------\npn-mainnav-level {\n    [slot='top'] {\n        display: flex;\n\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// -----------------------------------------------------------------------------\n// Internal elements\n// -----------------------------------------------------------------------------\n.mainnav-level-header {\n    grid-area: top;\n\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\n    >button {\n        display: block;\n        position: relative;\n        width: 100%;\n        padding: 2.4rem 0 2.4rem 6.2rem;\n        border: none;\n        background-color: transparent;\n        color: var(--mainnav-level-header-button-color);\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            top: 50%;\n            left: 3rem;\n            width: var(--mainnav-level-header-icon-size);\n            height: var(--mainnav-level-header-icon-size);\n            transform: translateY(-50%);\n        }\n    }\n\n    [data-level='2'] & {\n        >pn-mainnav-link>a {\n            font-size: var(--mainnav-level-header-link-font-size);\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\n// -----------------------------------------------------------------------------\n// SCSS tokens\n// Internal layout / implementation constants\n// -----------------------------------------------------------------------------\n$mainnav-link-color: $blue700;\n$mainnav-link-hover-background: $white;\n$mainnav-link-hover-color: $blue700;\n$mainnav-link-active-background: $gray50;\n$mainnav-link-active-color: $blue400;\n\n$mainnav-link-level1-font-size-mobile: 2rem;\n$mainnav-link-level1-font-size-desktop: 1.6rem;\n$mainnav-link-level2-font-size: 1.6rem;\n\n$mainnav-link-level1-padding-mobile: 1.9rem 0 1.9rem 3rem;\n$mainnav-link-level1-padding-desktop: 1.6rem 1.6rem;\n$mainnav-link-level2-padding-mobile: 2.2rem 0 2.2rem 3rem;\n$mainnav-link-level2-padding-desktop: 1.4rem 1.6rem;\n\n$mainnav-link-level2-margin-bottom-desktop: 1.6rem;\n$mainnav-link-level2-min-width-desktop: 16em;\n$mainnav-link-level2-border-radius-desktop: 1rem;\n\n$mainnav-link-level1-indicator-height: 0.5em;\n$mainnav-link-level1-indicator-radius: 0.5em 0.5em 0 0;\n$mainnav-link-level1-indicator-transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n\n$mainnav-link-first-level-icon-size: 1.92rem;\n$mainnav-link-first-level-icon-transition: 0.25s linear transform;\n\n$mainnav-link-first-level-arrow-size: 2.4rem;\n$mainnav-link-first-level-arrow-right: 2.4rem;\n\n$mainnav-link-level2-icon-size: 1.5rem;\n$mainnav-link-level2-icon-margin-left: 0.2em;\n\n// -----------------------------------------------------------------------------\n// Component token defaults\n// Styling API\n// -----------------------------------------------------------------------------\npn-mainnav-link {\n    --mainnav-link-active-desktop-color: var(--siteheader-mainnav-link-active-desktop-color, #{$blue700});\n    --mainnav-link-level1-indicator-color: var(--siteheader-mainnav-link-level1-indicator-color, #{$blue400});\n    --mainnav-link-level1-indicator-active-color: var(--siteheader-mainnav-link-level1-indicator-active-color, #{$blue200});\n    --mainnav-link-level1-first-border-top: 0.1rem solid #{$gray50};\n    --mainnav-link-level1-border-bottom: var(--siteheader-mainnav-link-level1-border-bottom, 0.1rem solid #{$gray50});\n    --mainnav-link-level2-border-bottom: var(--siteheader-mainnav-link-level2-border-bottom, 0.1rem solid #{$gray50});\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / base interaction\n// -----------------------------------------------------------------------------\npn-mainnav-link {\n    display: block;\n}\n\npn-mainnav-link button,\npn-mainnav-link a {\n    position: relative;\n    display: flex;\n    align-items: center;\n    border: 0 none;\n    background-color: transparent;\n    color: $mainnav-link-color;\n    font-weight: normal;\n\n    &:hover,\n    &:focus {\n        background-color: $mainnav-link-hover-background;\n        color: $mainnav-link-hover-color;\n        outline: 0;\n        box-shadow: none;\n    }\n\n    &:active {\n        background-color: $mainnav-link-active-background;\n        color: $mainnav-link-active-color;\n        box-shadow: none;\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Level 1 host context\n// -----------------------------------------------------------------------------\n[data-level='1'] pn-mainnav-link {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        position: relative;\n        height: 100%;\n        padding-left: 0;\n        scroll-snap-align: center;\n    }\n}\n\n[data-level='1'] pn-mainnav-link:first-child {\n    border-top: var(--mainnav-link-level1-first-border-top);\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        border: 0;\n    }\n}\n\n[data-level='1'] pn-mainnav-link>button,\n[data-level='1'] pn-mainnav-link>a {\n    width: 100%;\n    height: auto;\n    padding: $mainnav-link-level1-padding-mobile;\n    border-bottom: var(--mainnav-link-level1-border-bottom);\n    font-size: $mainnav-link-level1-font-size-mobile;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        position: relative;\n        height: 100%;\n        overflow: hidden;\n        padding: $mainnav-link-level1-padding-desktop;\n        border: 0;\n        outline: 0;\n        white-space: nowrap;\n        font-size: $mainnav-link-level1-font-size-desktop;\n        font-weight: normal;\n    }\n}\n\n[data-level='1'] pn-mainnav-link>button::before,\n[data-level='1'] pn-mainnav-link>a::before {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: $mainnav-link-level1-indicator-height;\n        background-color: var(--mainnav-link-level1-indicator-color);\n        border-radius: $mainnav-link-level1-indicator-radius;\n        transform: translateY(100%);\n        transition: $mainnav-link-level1-indicator-transition;\n    }\n}\n\n[data-level='1'] pn-mainnav-link>button:hover::before,\n[data-level='1'] pn-mainnav-link>button:focus::before,\n[data-level='1'] pn-mainnav-link>a:hover::before,\n[data-level='1'] pn-mainnav-link>a:focus::before {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        transform: translateY(0);\n    }\n}\n\n[data-level='1'] pn-mainnav-link>button:active,\n[data-level='1'] pn-mainnav-link>a:active {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        color: var(--mainnav-link-active-desktop-color);\n        outline: 0;\n        box-shadow: none;\n    }\n}\n\n[data-level='1'] pn-mainnav-link>button:active::before,\n[data-level='1'] pn-mainnav-link>a:active::before {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        background-color: var(--mainnav-link-level1-indicator-active-color);\n        transform: translateY(0);\n    }\n}\n\n[data-level='1'] pn-mainnav-link>button:hover,\n[data-level='1'] pn-mainnav-link>button:focus,\n[data-level='1'] pn-mainnav-link>a:hover,\n[data-level='1'] pn-mainnav-link>a:focus {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        text-decoration: none;\n    }\n}\n\n[data-level='1'] pn-mainnav-link>button[aria-expanded='true']::before,\n[data-level='1'] pn-mainnav-link>a[aria-expanded='true']::before {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: $mainnav-link-level1-indicator-height;\n        background-color: var(--mainnav-link-level1-indicator-color);\n        border-radius: $mainnav-link-level1-indicator-radius;\n        transform: translateY(0);\n        transition: $mainnav-link-level1-indicator-transition;\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Level 1 state / icons\n// -----------------------------------------------------------------------------\n[data-level='1'] pn-mainnav-link [aria-expanded='true'] .first-level_icon {\n    transform: rotateX(180deg);\n}\n\n[data-level='1'] pn-mainnav-link pn-icon.first-level_icon {\n    display: none;\n    width: $mainnav-link-first-level-icon-size;\n    height: $mainnav-link-first-level-icon-size;\n    transition: $mainnav-link-first-level-icon-transition;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        display: block;\n    }\n}\n\n[data-level='1'] pn-mainnav-link pn-icon.first-level_arrow {\n    display: block;\n    position: absolute;\n    top: 50%;\n    right: $mainnav-link-first-level-arrow-right;\n    width: $mainnav-link-first-level-arrow-size;\n    height: $mainnav-link-first-level-arrow-size;\n    transform: translateY(-50%);\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        display: none;\n    }\n}\n\n[data-level='1'] pn-mainnav-link pn-icon svg {\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    speak: none;\n}\n\n// -----------------------------------------------------------------------------\n// Level 2 special case\n// -----------------------------------------------------------------------------\npn-mainnav-level[data-level='2']:not([data-level-listcount='1']) pn-mainnav-list:last-child pn-mainnav-link>a {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        min-width: unset;\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Level 2 host context\n// -----------------------------------------------------------------------------\n[data-level='2'] pn-mainnav-link {\n    position: static;\n    display: inline-block;\n    width: 100%;\n    height: auto;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        margin-bottom: $mainnav-link-level2-margin-bottom-desktop;\n        padding-left: 0;\n    }\n}\n\n[data-level='2'] pn-mainnav-link>a {\n    padding: $mainnav-link-level2-padding-mobile;\n    border-bottom: var(--mainnav-link-level2-border-bottom);\n    white-space: normal;\n    font-size: $mainnav-link-level2-font-size;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        min-width: $mainnav-link-level2-min-width-desktop;\n        padding: $mainnav-link-level2-padding-desktop;\n        border: 0;\n        border-radius: $mainnav-link-level2-border-radius-desktop;\n    }\n}\n\n[data-level='2'] pn-mainnav-link>a:hover {\n    background-color: $mainnav-link-hover-background;\n    color: $mainnav-link-hover-color;\n}\n\n[data-level='2'] pn-mainnav-link>a:hover,\n[data-level='2'] pn-mainnav-link>a:focus {\n    box-shadow: none;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        background-color: $mainnav-link-active-background;\n        color: $mainnav-link-hover-color;\n        text-decoration: underline;\n        outline: 0;\n    }\n\n    &::before {\n        content: none;\n    }\n}\n\n[data-level='2'] pn-mainnav-link>a:active {\n    box-shadow: none;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        background-color: $mainnav-link-active-background;\n        color: $mainnav-link-active-color;\n        outline: 0;\n    }\n\n    &::before {\n        content: none;\n    }\n}\n\n[data-level='2'] pn-mainnav-link pn-icon {\n    display: inline-block;\n    width: $mainnav-link-level2-icon-size;\n    height: $mainnav-link-level2-icon-size;\n    min-width: $mainnav-link-level2-icon-size;\n    margin-left: $mainnav-link-level2-icon-margin-left;\n}\n\n[data-level='2'] pn-mainnav-link pn-icon svg {\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    speak: none;\n}","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-mainnav-store';\nimport { angle_small_down, arrow_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-mainnav-link',\n  styleUrl: 'pn-mainnav-link.scss',\n  shadow: false,\n})\nexport class PnMainnavLink {\n  @Element() hostElement: HTMLElement;\n\n  /** Name */\n  @Prop() name: string = '';\n  /** Href */\n  @Prop() href: string = '';\n  /** Target */\n  @Prop() target: string = '';\n  /** Link id */\n  @Prop() linkid: string = '';\n\n  /** Level ID that we control toggle on */\n  @State() levelId: string = '';\n  /** Menu item is open */\n  @State() open: boolean = false;\n  @State() hasChildren: boolean = false;\n\n  componentWillLoad() {\n    this.hasChildren = this.hostElement.querySelectorAll('pn-mainnav-level').length > 0;\n    if (this.hasChildren && this.name) {\n      const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n      this.levelId = `mainnav-lvl${2}-${safeLevelName}`;\n    }\n  }\n\n  setOpenMenuLevel() {\n    state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid}>\n        {this.hasChildren ? (\n          <button onClick={this.setOpenMenuLevel.bind(this)} aria-controls={this.levelId} aria-expanded={(state.openLevel + '' === this.levelId + '') + ''} aria-haspopup=\"true\">\n            {this.name}\n            <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n            <pn-icon class=\"first-level_arrow\" icon={arrow_right} color=\"blue700\" />\n          </button>\n        ) : (\n          <a\n            href={this.href}\n            {...(this.target ? { target: this.target } : {})}\n            {...(this.target === '_blank' ? { rel: 'nofollow noopener' } : {})}\n            {...(this.linkid ? { id: this.linkid } : {})}\n          >\n            {this.name}\n            {this.target === '_blank' ? <pn-icon icon={open_in_new} color=\"blue700\"></pn-icon> : null}\n          </a>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n","@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\n// -----------------------------------------------------------------------------\n// SCSS tokens\n// Internal layout / implementation constants\n// -----------------------------------------------------------------------------\n$mainnav-list-heading-padding-mobile: 1.4rem 1.4rem 1.4rem 4.8rem;\n$mainnav-list-heading-padding-desktop: 0 1.4rem 1.4rem 1.4rem;\n\n// -----------------------------------------------------------------------------\n// Component token defaults\n// Styling API\n// -----------------------------------------------------------------------------\npn-mainnav-list {\n  --mainnav-list-secondary-border-right: 0.1rem solid #{$gray200};\n  --mainnav-list-heading-font-size: 1.8rem;\n  --mainnav-list-heading-color:var(--siteheader-mainnav-list-heading-color, #{$black});\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / layout\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\n// -----------------------------------------------------------------------------\n// Sibling placement\n// -----------------------------------------------------------------------------\npn-mainnav-list+pn-mainnav-list {\n  @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n    grid-area: left;\n    border-right: var(--mainnav-list-secondary-border-right);\n    margin-bottom: 1.6rem;\n    margin-right: -0.7rem;\n    padding-right: 0.7rem;\n  }\n}\n\n// -----------------------------------------------------------------------------\n// Level 1 context\n// -----------------------------------------------------------------------------\n[data-level='1']>pn-mainnav-list {\n  overflow: scroll;\n  -webkit-overflow-scrolling: touch;\n\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// -----------------------------------------------------------------------------\n// Modifier states\n// -----------------------------------------------------------------------------\npn-mainnav-list[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// Internal elements\n// -----------------------------------------------------------------------------\n.mainnav-list-heading {\n  display: none;\n  font-weight: bold;\n  column-span: all;\n  font-size: var(--mainnav-list-heading-font-size);\n  padding: $mainnav-list-heading-padding-mobile;\n  color:var(--mainnav-list-heading-color);\n\n  @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n    display: block;\n    padding: $mainnav-list-heading-padding-desktop;\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@import './pn-marketweb-siteheader-common.scss';\n\n// -----------------------------------------------------------------------------\n// Internal layout / visual constants (SCSS only)\n// -----------------------------------------------------------------------------\n$siteheader-login-padding: 1rem 0;\n$siteheader-login-max-height: 5.2rem;\n\n$siteheader-login-dropdown-max-width: 350px;\n$siteheader-login-dropdown-gap: 2.4rem;\n$siteheader-login-dropdown-padding: 4rem;\n\n$siteheader-login-divider-height: 2px;\n$siteheader-login-divider-margin: 2.4rem;\n\n$siteheader-login-text-font-size: 1.4rem;\n\n// -----------------------------------------------------------------------------\n// Component token defaults (CSS vars - only real override surface)\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login {\n  --login-dropdown-divider-background: var(--siteheader-login-dropdown-divider-background,\n    #{$gray25});\n  --login-dropdown-text-color: var(--siteheader-login-dropdown-text-color,\n    #{$gray900});\n  --login-dropdown-link-color: var(--siteheader-login-dropdown-link-color,\n    #{$blue700});\n  --login-dropdown-link-hover-decoration: var(--siteheader-login-dropdown-link-hover-decoration,\n      underline);\n  --login-dark-icon-hover-fill: var(--siteheader-login-dark-icon-hover-fill,\n    #{$black});\n\n  padding: $siteheader-login-padding;\n  max-height: $siteheader-login-max-height;\n  position: relative;\n\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  //\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    display: none;\n\n    .pn-button-dropdown-container {\n      .pn-button-dropdown-content {\n        max-width: $siteheader-login-dropdown-max-width;\n        display: flex;\n        flex-direction: column;\n        gap: $siteheader-login-dropdown-gap;\n        padding: $siteheader-login-dropdown-padding;\n\n        pn-button {\n          width: 100%;\n        }\n\n        pn-marketweb-siteheader-unified-login {\n          &::after {\n            display: block;\n            content: '';\n            width: 100%;\n            height: $siteheader-login-divider-height;\n            margin-top: $siteheader-login-divider-margin;\n            background: var(--login-dropdown-divider-background);\n          }\n        }\n\n        span {\n          font-size: $siteheader-login-text-font-size;\n          color: var(--login-dropdown-text-color);\n\n          &::before {\n            display: block;\n            content: '';\n            width: 100%;\n            height: $siteheader-login-divider-height;\n            margin-bottom: $siteheader-login-divider-margin;\n            background: var(--login-dropdown-divider-background);\n          }\n\n          a {\n            text-decoration: none;\n            color: var(--login-dropdown-link-color);\n\n            &:hover {\n              text-decoration: var(--login-dropdown-link-hover-decoration);\n            }\n          }\n\n          * {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n\n  &.hydrated {\n    pn-button-dropdown {\n      display: block;\n    }\n  }\n}\n\n// -----------------------------------------------------------------------------\n// Appearance overrides\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login[appearance='dark'] {\n  button:hover {\n    pn-icon {\n      svg path {\n        fill: var(--login-dark-icon-hover-fill);\n      }\n    }\n  }\n}","import { user } from 'pn-design-assets/pn-assets/icons.js';\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nimport {\n  IUserInfo,\n  MarketWebLoginManager,\n} from '../../../globals/MarketWebLoginManager';\nimport { HeaderAppearance } from '../pn-marketweb-header/utils/header-theme';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport {\n  LoginDialog,\n  SiteHeaderI18N,\n} from './pn-marketweb-siteheader-types';\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  @Prop({ mutable: true, reflect: true }) appearance?: HeaderAppearance = 'light';\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={this.appearance} 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 '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-links {\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog } from './pn-marketweb-siteheader-types';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-links',\n  styleUrl: 'pn-marketweb-siteheader-login-links.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinks {\n  @Element() hostElement: HTMLElement;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n  @Prop() idNamespace: string = '';\n  @Prop({ reflect: true }) loggedin: boolean = false;\n  @Prop() username: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  @Watch('loginDialog')\n  async init() {\n    this.adjustLoginLinks();\n  }\n  adjustLoginLinks() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n      link.href = link.href.replace('window.location.href', window.location.href);\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    };\n\n    if (this.loginDialog?.loginMenuLinks) {\n      this.loginDialog?.loginMenuLinks.forEach(adjustLink);\n    }\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\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  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        {!this.loginDialog.overrideLoginMenu ? (\n          <div data-loggedin={this.loggedin + ''}>\n            {this.loggedin ? (\n              <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loggedInLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n            ) : (\n              <div>\n                {/* Get login links from API */}\n                {this.loginDialog.loginMenuLinks?.length > 0 ? (\n                  <pn-marketweb-siteheader-login-linklist\n                    heading={this.loginDialog.loginTitle}\n                    links={this.loginDialog.loginMenuLinks}\n                    idNamespace={this.idNamespace}\n                    showUnifiedLogin={this.showUnifiedLogin}\n                  ></pn-marketweb-siteheader-login-linklist>\n                ) : (\n                  <pn-marketweb-siteheader-login-linklist links={this.loginDialog.legacyLoginLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n                )}\n              </div>\n            )}\n          </div>\n        ) : null}\n\n        {/* Override the default logic for some markets such as DK */}\n        {this.loginDialog.overrideLoginMenu ? (\n          <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loginMenuLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n        ) : null}\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-marketweb-siteheader-common.scss';\n\n// -----------------------------------------------------------------------------\n// Internal layout / visual constants (SCSS only)\n// -----------------------------------------------------------------------------\n$login-profileselection-description-font-weight: 400;\n$login-profileselection-description-font-size: 0.75em;\n\n$login-profileselection-divider-dot-size: 0.6em;\n$login-profileselection-divider-dot-offset: 0.2em;\n\n$login-profileselection-profileoption-link-padding: 0.6rem 1.6rem;\n$login-profileselection-profileoption-link-transition: background 0.15s ease-in-out;\n\n// -----------------------------------------------------------------------------\n// Component token defaults (CSS vars - only real override surface)\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-profileselection {\n    --login-profileselection-heading-color: var(--siteheader-login-profileselection-heading-color,\n        inherit);\n    --login-profileselection-description-color: var(--siteheader-login-profileselection-description-color,\n        #{$gray700});\n    --login-profileselection-user-name-color: var(--siteheader-login-profileselection-user-name-color,\n        inherit);\n    --login-profileselection-divider-background: var(--siteheader-login-profileselection-divider-background,\n        #{$blue400});\n    --login-profileselection-profileoption-link-background: var(--siteheader-login-profileselection-profileoption-link-background,\n        #{$white});\n    --login-profileselection-profileoption-link-color: var(--siteheader-login-profileselection-profileoption-link-color,\n        #{$blue700});\n    --login-profileselection-profileoption-link-hover-background: var(--siteheader-login-profileselection-profileoption-link-hover-background,\n        #{$gray50});\n    --login-profileselection-logout-link-color: var(--siteheader-login-profileselection-logout-link-color,\n        #{$blue700});\n}\n\n// -----------------------------------------------------------------------------\n// Heading\n// -----------------------------------------------------------------------------\n.pn-marketweb-siteheader-login-profileselection-heading {\n    display: block;\n    padding: 0.5rem 0 1rem;\n    color:var(--login-profileselection-heading-color);\n}\n\n// -----------------------------------------------------------------------------\n// User / current profile sections\n// -----------------------------------------------------------------------------\n.pn-marketweb-siteheader-login-profileselection-user,\n.pn-marketweb-siteheader-login-profileselection-currentprofile {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n}\n\n.pn-marketweb-siteheader-login-profileselection-user-name,\n.pn-marketweb-siteheader-login-profileselection-currentprofile-name {\n    line-height: 1;\n    color: var(--login-profileselection-user-name-color);\n}\n\n.pn-marketweb-siteheader-login-profileselection-user-description,\n.pn-marketweb-siteheader-login-profileselection-currentprofile-description {\n    font-weight: $login-profileselection-description-font-weight;\n    white-space: normal;\n    word-break: break-all;\n    color: var(--login-profileselection-description-color);\n    font-size: $login-profileselection-description-font-size;\n}\n\n// -----------------------------------------------------------------------------\n// Divider\n// -----------------------------------------------------------------------------\n.pn-marketweb-siteheader-login-profileselection-divider {\n    position: relative;\n    width: 100%;\n    height: 1rem;\n    background: var(--login-profileselection-divider-background);\n\n    margin-left: -1em; // Negative positioning due to nav dropdown's padding\n    margin-top: 1.6rem;\n    margin-bottom: 1.6rem;\n    border-radius: 0 0.6em 0.6em 0;\n    padding: 0;\n\n    &::after {\n        content: '';\n        position: absolute;\n        right: 0;\n        top: 0;\n        width: $login-profileselection-divider-dot-size;\n        height: $login-profileselection-divider-dot-size;\n        border-radius: 50%;\n        background: inherit;\n        transform: translateX(calc(100% + #{$login-profileselection-divider-dot-offset}));\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Profile options\n// -----------------------------------------------------------------------------\n.pn-marketweb-siteheader-login-profileselection-profileoption-link {\n    display: flex;\n    align-items: center;\n    margin: 0 -1em; // Negative margin due to dropdown content padding\n    padding: $login-profileselection-profileoption-link-padding;\n    background: var(--login-profileselection-profileoption-link-background);\n    color: var(--login-profileselection-profileoption-link-color);\n    text-decoration: none;\n    transition: $login-profileselection-profileoption-link-transition;\n\n    &:hover,\n    &:focus,\n    &:active {\n        background: var(--login-profileselection-profileoption-link-hover-background);\n    }\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-content {\n    flex-grow: 1;\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-name {\n    font-weight: 700;\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-description {\n    font-weight: $login-profileselection-description-font-weight;\n    white-space: normal;\n    word-break: break-all;\n    color: var(--login-profileselection-description-color);\n    font-size: $login-profileselection-description-font-size;\n}\n\n// -----------------------------------------------------------------------------\n// Logout\n// -----------------------------------------------------------------------------\n.pn-marketweb-siteheader-login-profileselection-logout {\n    width: 100%;\n    padding: 1.6rem;\n    text-align: center;\n}\n\n.pn-marketweb-siteheader-login-profileselection-logout-link {\n    display: inline-block;\n    font-weight: 500;\n    color: var(--login-profileselection-logout-link-color);\n    text-decoration: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n        text-decoration: underline;\n    }\n}","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nimport { IUserInfo } from '../../../globals/MarketWebLoginManager';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N } from './pn-marketweb-siteheader-types';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-profileselection',\n  styleUrl: 'pn-marketweb-siteheader-login-profileselection.scss',\n})\nexport class PnMarketwebSiteheaderLoginProfileselection {\n  @Element() hostElement: HTMLElement;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n  @Prop() endpoint: string = '';\n  @Prop() loggedin: boolean = false;\n  @Prop() idNamespace: string = '';\n  @Prop() heading: string = null;\n  @Prop() i18n: SiteHeaderI18N = {\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n  } as SiteHeaderI18N;\n\n  @State() user: IUserInfo = null;\n\n  @State() logoutLink: LoginDialogLink = null;\n  @State() userName: string = null;\n  @State() userEmail: string = '';\n\n  @Prop({ mutable: true }) currentProfile: ProfileSelectorCustomerItem = null;\n  @Prop({ mutable: true }) profileoptions: ProfileSelectorOrganization[] = [];\n\n  componentWillLoad() {\n    if (this.heading === null && this.i18n?.profileSelectionFlyoutHeading) {\n      this.heading = this.i18n.profileSelectionFlyoutHeading;\n    }\n    this.init();\n  }\n\n  init() {\n    this.updateUserInfo();\n    this.adjustLoginLinks();\n    this.fetchProfiles();\n  }\n  async fetchProfiles() {\n    if (!this.loggedin || this.profileoptions.length > 0) {\n      return;\n    }\n    let apiUrl = `${this.endpoint}${this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? '' : '/'}api/user/parentorganizations`;\n    const req = await fetch(apiUrl);\n    const reqdata = await req.json();\n    const fallbackData = {\n      loggedin: true,\n      organizations: [\n        {\n          name: 'Forsheda Livs AB',\n          customerNumber: '5564513603',\n          id: 'dbba867d-1dff-3dbb-b420-c57b4b828b73',\n          selected: true,\n          profiles: [\n            {\n              name: 'Forsheda Livs AB',\n              customerNumber: '20685482',\n              id: 'f757ba28-9a73-15a2-f128-4b394d970f3f',\n              ssid: '',\n              selected: false,\n              customerGroup: 'Business',\n            },\n            {\n              name: 'ICA MAXI KUNGSBACKA',\n              customerNumber: '20831191',\n              id: '5aea41df-32b0-3f7e-2946-78598360177d',\n              ssid: '259686',\n              selected: true,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n        {\n          name: 'Hem Livs i Kungsbacka AB',\n          customerNumber: '5565271250',\n          id: '97ca363c-40ef-cca9-7a3c-9e7f025567c2',\n          selected: false,\n          profiles: [\n            {\n              name: 'ICA KVANTUM KUNGSBACKA',\n              customerNumber: '20831193',\n              id: 'fbd61ffd-41c6-2206-b88e-cfef91e1dc39',\n              ssid: '259691',\n              selected: false,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n        {\n          name: 'ICA SUPERMARKET TORGET',\n          customerNumber: '5568902679',\n          id: '7cb76a94-e1a5-5f57-58fd-bc563851b28e',\n          selected: false,\n          profiles: [\n            {\n              name: 'ICA SUPERMARKET TORGET',\n              customerNumber: '20831212',\n              id: '3a2db017-b68f-6fa0-fe70-542c08cd97ce',\n              ssid: '',\n              selected: false,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n      ],\n    };\n    const data = window.location.href.indexOf('localhost:6008') !== -1 ? fallbackData : reqdata;\n\n    if (!data || !data.organizations || !data.organizations.length) {\n      this.heading = \"\"; //this is to not get \"logged in as\" text when its private account\n      return;\n    }\n\n    (data.organizations as ProfileSelectorOrganization[]).forEach(org => {\n      if (org.selected === true && org.profiles) {\n        const selectedProfile = org.profiles.filter(x => x.selected === true);\n        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === 'agent' && selectedProfile[0].ssid) {\n          org.customerNumber = selectedProfile[0].ssid;\n        }\n      } else {\n        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === '55') {\n          org.customerNumber = org.customerNumber.substring(0, 6) + '-' + org.customerNumber.substring(6);\n        }\n        this.profileoptions.push(org);\n      }\n    });\n\n    let currentProfileObj = data.organizations.filter(x => x.selected === true)[0];\n    const userProfileOption = {\n      name: this.userName,\n      customerNumber: '',\n      id: '',\n      selected: !currentProfileObj,\n      profiles: [],\n    };\n    if (!currentProfileObj) {\n      currentProfileObj = userProfileOption;\n    }\n\n    if (currentProfileObj && currentProfileObj.name) {\n      this.currentProfile = currentProfileObj;\n    }\n    this.profileoptions.push(userProfileOption);\n  }\n  adjustLoginLinks() {\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n    };\n\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\n\n    this.logoutLink = this.loginDialog?.loggedInLinks.filter(x => x.isLogoutLink)[0] ?? null;\n  }\n  updateUserInfo() {\n    const userInfo: IUserInfo = headerState.loginManager.getUserInfo();\n    this.user = userInfo;\n    if (!userInfo) {\n      return;\n    }\n    if (userInfo && userInfo.email) {\n      this.userEmail = userInfo.email;\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name;\n      return;\n    }\n    if (userInfo && userInfo.family_name) {\n      this.userName = userInfo.family_name;\n      return;\n    }\n    if (userInfo && userInfo.username) {\n      this.userName = userInfo.username;\n      return;\n    }\n  }\n\n  filterLogoutLink(loggedInLinks: LoginDialogLink[]): LoginDialogLink[] {\n    return loggedInLinks.filter((link: LoginDialogLink) => !link.isLogoutLink);\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {};\n    return (\n      <Host {...hostElementAttribute}>\n        {this.heading ? <strong class=\"pn-marketweb-siteheader-login-profileselection-heading\">{this.heading}</strong> : null}\n        {this.currentProfile !== null && this.currentProfile.name ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile\">\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-name\">{this.currentProfile.name}</div>\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-description\">\n              {this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail}\n            </div>\n          </div>\n        ) : null}\n\n        <pn-marketweb-siteheader-login-linklist\n          links={this.filterLogoutLink(this.loginDialog.loggedInLinks)}\n          idNamespace={this.idNamespace}\n        ></pn-marketweb-siteheader-login-linklist>\n\n        <div class=\"pn-marketweb-siteheader-login-profileselection-divider\"></div>\n        {this.profileoptions\n          .filter(x => x.selected !== true)\n          .map(organization => {\n            let customerNumber = organization.profiles.length > 0 ? organization.profiles[0].customerNumber : organization.customerNumber;\n            return (\n              <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption\">\n                {/* /api/user/setprofile? profile=xxxxx */}\n                <a\n                  href={`${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${encodeURIComponent(window.location.href)}`}\n                  class=\"pn-marketweb-siteheader-login-profileselection-profileoption-link\"\n                >\n                  <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-content\">\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-name\">{organization.name}</div>\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-description\">\n                      {organization.customerNumber ? organization.customerNumber : this.userEmail}\n                    </div>\n                  </div>\n                  <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n                </a>\n              </div>\n            );\n          })}\n\n        {this.logoutLink ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-logout\">\n            {/* https://se-inte.postnord.com/UnifiedLogin/ExternalLoginCallback?returnUrl=https://se-inte.postnord.com/handla-online&profile=770e785b-702b-dc22-b1e9-4839eded4f83 */}\n            <a\n              href={this.logoutLink.href}\n              rel=\"nofollower noopener\"\n              id=\"pn-marketweb-header-logoutlink\"\n              onClick={() => headerState.loginManager.clearUserData()}\n              class=\"pn-marketweb-siteheader-login-profileselection-logout-link\"\n            >\n              {this.logoutLink.linkText}\n            </a>\n          </div>\n        ) : null}\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",null,"import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-unified-login',\n  styleUrl: 'pn-marketweb-siteheader-unified-login.scss',\n})\nexport class PnMarketwebSiteheaderUnifiedLogin {\n  @Element() hostElement: HTMLElement;\n  @Prop() loggedIn: boolean = false;\n  @Prop() logInLabel: string;\n  @Prop() useMarketwebLogin: boolean;\n  @Prop() environment: string;\n\n  render() {\n    return (\n      <Host>\n          <pn-marketweb-siteheader-login-button \n              label={this.logInLabel} \n              useMarketwebLogin={this.useMarketwebLogin} \n              environment={this.environment}\n              />\n      </Host>\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\n// -----------------------------------------------------------------------------\n// Component token defaults\n// -----------------------------------------------------------------------------\npn-site-selector {\n  --siteselector-heading-color: #{$black};\n  --siteselector-description-color: #{$gray900};\n  --siteselector-hover-background-color: #{$gray50};\n  --siteselector-hover-text-color: #{$blue700};\n  --siteselector-active-text-color: #{$blue400};\n  --siteselector-item-title-color: #{$gray900};\n  --siteselector-item-link-color: #{$blue700};\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / layout\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// -----------------------------------------------------------------------------\n// Internal elements\n// -----------------------------------------------------------------------------\n.siteselector-heading {\n  display: block;\n  padding: 0;\n  margin-bottom: 1.6rem;\n  color: var(--siteselector-heading-color);\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\n// -----------------------------------------------------------------------------\n// Appearance overrides\n// -----------------------------------------------------------------------------\npn-site-selector[appearance='dark'] {\n  button:hover {\n      pn-icon {\n        svg path {\n          fill: $black;\n        }\n      }\n    }\n}","import { angle_small_down } from 'pn-design-assets/pn-assets/icons.js';\n\nimport {\n  Component,\n  Element,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\n\nimport languageData from './pn-site-selector-i18n';\nimport { SiteSelectori18n } from './pn-site-selector-types';\n\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  @Prop({ mutable: true, reflect: true }) appearance?: 'light' | 'dark' = 'light';\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={this.appearance} 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\n// -----------------------------------------------------------------------------\n// Host shell / layout\n// -----------------------------------------------------------------------------\npn-site-selector-item {\n  display: block;\n\n  >div,\n  >a {\n    display: flex;\n    flex-flow: column;\n    position: relative;\n    padding: 0.8rem 0;\n  }\n}\n\n// -----------------------------------------------------------------------------\n// Interactive link variant\n// -----------------------------------------------------------------------------\n.siteselector-item-link {\n  border-radius: 0;\n  text-decoration: none;\n  color: var(--siteselector-item-link-color, #{$blue700});\n  flex-direction: row;\n\n  &:hover,\n  &:focus {\n    background-color: var(--siteselector-hover-background-color, #{$gray50});\n    color: var(--siteselector-hover-text-color, #{$blue700});\n    text-decoration: underline;\n    outline: none;\n    box-shadow: none;\n  }\n\n  &:active {\n    background-color: var(--siteselector-hover-background-color, #{$gray50});\n    color: var(--siteselector-active-text-color, #{$blue400});\n    outline: none;\n  }\n\n  >span {\n    flex-grow: 1;\n  }\n\n  pn-icon {\n    right: 3.2rem;\n    width: 1.9rem;\n    height: 1.9rem;\n    align-self: center;\n\n    svg {\n      width: 100%;\n      height: auto;\n    }\n  }\n}\n\n// -----------------------------------------------------------------------------\n// Internal text elements\n// -----------------------------------------------------------------------------\n.siteselector-item-title {\n  display: block;\n}\n\n.siteselector-item-title:not(.siteselector-item-link .siteselector-item-title) {\n  color: var(--siteselector-item-title-color, #{$gray900});\n}\n\n.siteselector-item-description {\n  color: var(--siteselector-description-color, #{$gray900});\n  font-size: 1.28rem;\n\n  a:hover>&,\n  a:focus>& {\n    background-color: var(--siteselector-hover-background-color, #{$gray50});\n    color: var(--siteselector-hover-text-color, #{$blue700});\n    text-decoration: underline;\n    outline: none;\n  }\n\n  a:active>& {\n    background-color: var(--siteselector-hover-background-color, #{$gray50});\n    color: var(--siteselector-active-text-color, #{$blue400});\n    outline: none;\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":[]}

package/pn-market-web-components/{p-bd8ec517.entry.js → p-f3b4c13d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,d as n}from"./p-b3a13b6a.js";const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}";const e=o;const a=class{constructor(i){t(this,i);this.symbol=null;this.small=false;this.color="black"}render(){return i(n,{key:"1902cdd8bc0e26bb263bbd0335ef1105af51fa26"},i("pn-icon",{key:"cb3cdbf78ccf0c86d1f20baacaf6b717cd84a419",icon:this.symbol,color:this.color,small:this.small}))}};a.style=e;export{a as pn_marketweb_icon};
-//# sourceMappingURL=p-bd8ec517.entry.js.map
+import{r as t,h as i,d as n}from"./p-b3a13b6a.js";const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}";const e=o;const r=class{constructor(i){t(this,i);this.symbol=null;this.small=false;this.color="black"}render(){return i(n,{key:"8b042e6f231d91df5e6a248b1478a867dd1c93b6"},i("pn-icon",{key:"24b0baebd09c83f203418f05e2e442375b1ebb1b",icon:this.symbol,color:this.color,small:this.small}))}};r.style=e;export{r as pn_marketweb_icon};
+//# sourceMappingURL=p-f3b4c13d.entry.js.map

package/pn-market-web-components/{p-ff38b9a5.entry.js → p-f710445f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,d as i}from"./p-b3a13b6a.js";import{w as s}from"./p-cd8db7cd.js";import{a as n}from"./p-63ff7fa2.js";import{s as a}from"./p-4bd72b91.js";import"./p-2132ad75.js";const o={sv:{componentheading:"Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?",deliveryscopeheading:"Endast leveranser inom Sverige",resultlistheading:"Några bra alternativ för dig",weightlabel:"Vikt",maxweightlabel:"Maxvikt",maxmeasurementlabel:"Maxvolym",senddirectcta:"Köp online",stampshopcta:"Köp frimärken",message:"*Vid köp hos valfritt ombud",servicePointHeader:"Eller hitta närmaste serviceställe",servicePointLink:"Sök serviceställe eller brevlåda"},en:{componentheading:"Our prices and terms and conditions for domestic shipments for you as a direct paying customer",deliveryscopeheading:"Deliveries within Sweden only",resultlistheading:"Some suitable options for you",weightlabel:"Weight",maxweightlabel:"Max weight",maxmeasurementlabel:"Maximum measurement",senddirectcta:"Buy Online",stampshopcta:"Buy Stamps",message:"When buying from any agent",servicePointHeader:"Or find nearest service point",servicePointLink:"Search letter-box or service point"},da:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Kun leveringer indenfor Sverige",resultlistheading:"Some suitable options for you",weightlabel:"Vægt",maxweightlabel:"Max vægt",maxmeasurementlabel:"Maks. Volumen",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},no:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Kun leveranser innen Sverige",resultlistheading:"Some suitable options for you",weightlabel:"Vekt",maxweightlabel:"Maks vekt",maxmeasurementlabel:"Maks volum",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},fi:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Toimitukset vain Ruotsin sisällä",resultlistheading:"Some suitable options for you",weightlabel:"Paino",maxweightlabel:"Max paino",maxmeasurementlabel:"Max äänenvoimakkuus",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"}};const r={se:{currency:"kr"},dk:{currency:"dk"},fi:{currency:" €"},no:{currency:"kr"}};const l='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-pricelist pn-spinner{margin:1em auto}pn-product-pricelist h2,pn-product-pricelist .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-product-pricelist .content,pn-product-pricelist .weightselection,pn-product-pricelist .resultlist{max-width:50em;margin:0 auto 1.6rem}pn-product-pricelist .weightoption{display:flex;gap:1.6rem}pn-product-pricelist .weightoption-input{width:5em;position:relative;display:none}pn-product-pricelist .weightoption-input input::-webkit-outer-spin-button,pn-product-pricelist .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-product-pricelist .weightoption-input-abbreviation{position:absolute;top:50%;transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-product-pricelist .weightoption-range{flex-grow:1;align-self:flex-end;position:relative;top:0.5em}pn-product-pricelist .weightoption-range input{width:calc(100% - 1.5em)}pn-product-pricelist .weightoption-range datalist{width:100%;display:flex;justify-content:space-between;font-size:0.75em}pn-product-pricelist .resultlist:not([data-list-count="0"]){margin-top:2em}';const p=l;const h=class{constructor(e){t(this,e);this.source="https://com-inte.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx";this.language="sv";this.market="se";this.productid="";this.filteredItems=[];this.sourceData={types:[],data:[]};this.gotData=false;this.loading=false;this.postagetype={value:""};this.weight={value:0,name:""};this.weightvalue=0}componentWillLoad(){this.setState();this.getDataSource().then((()=>{}))}setState(){if(this.market){a.market=r[this.market]}if(this.language&&o[this.language]){a.i18n=o[this.language]}}async getDataSource(){if(!this.productid){return}this.loading=true;const t=`?cache=${Math.floor(Math.random()*(1e4-1)+1)}`;const e=await fetch(this.source+t);const i=await e.blob();try{const t=await n(i);this.sourceData=t;this.filterItems()}catch(t){this.loading=false;console.warn("Unable to parse data")}}filterItems(){if(!this.sourceData?.data){console.info("Data has not yet been loaded");return}this.loading=false;const t=this.sourceData.data.filter((t=>t.id===this.productid));if(t.length===0){return}this.postagetype.value=t[0].what;if(!s[this.postagetype.value]||s[this.postagetype.value].length===0){return}if(this.weightvalue===0){this.weight=s[this.postagetype.value][0];this.weightvalue=this.weight.value}const e=this.weight.abbreviation.toLocaleLowerCase()==="kg"&&this.postagetype.value==="letter"?this.weight.value*1e3:this.weight.value;let i=t.filter((t=>t.maxweight===e));if(i.length===0){i=t.filter((t=>t.maxweight>=e));if(i.length>0){const t=[...new Map(i.reverse().map((t=>[t["id"],t]))).values()];if(t.length>0){i=t}}}this.filteredItems=i;this.gotData=this.filteredItems.length>0}render(){return e(i,{key:"ad8688e74cb2e5b86e87b4f5d10961156b1e2d62"},e("div",{key:"801a1d1b34f6afe0196a85d83a08943b90d112a8",class:"content"},e("slot",{key:"191fa1a22adf4c183cdac055d75fed8381bef4d9"})),this.loading?e("pn-spinner",null):null,this.postagetype.value&&s[this.postagetype.value]?e("div",{class:"weightselection"},e("div",{class:"weightoption"},e("div",{class:"weightoption-input"},e("pn-input",{inputid:"weightvalue",name:"weightvalue",type:"number",label:a.i18n.weightlabel,value:this.weightvalue,onChange:t=>{if(t&&t.target&&t.target.value){const e=parseInt(t.target.value,10);if(!isNaN(e)){let t=s[this.postagetype.value].filter((t=>{let i=t.abbreviation==="kg"?t.value*1e3:t.value;return i>=e}));if(t&&t.length>0){this.weight=t[0];this.weightvalue=this.weight.value}}}}}),e("span",{class:"weightoption-input-abbreviation"},this.weight.abbreviation)),e("div",{class:"weightoption-range"},e("input",{type:"range",id:"weightrange",name:"weightrange",list:"weightlist",value:!this.weight.value?0:s[this.postagetype.value].findIndex((t=>t.value===this.weightvalue)),onChange:t=>{const e=t.target.value;this.weight=s[this.postagetype.value][e];this.weightvalue=this.weight.value},min:"0",max:s[this.postagetype.value].length-1}),e("datalist",{id:"weightlist"},s[this.postagetype.value].map(((t,i)=>{let n=t.name;if(s[this.postagetype.value].length>6){n=i%5===0||i===0||i===s[this.postagetype.value].length-1?t.name:""}return e("option",{value:i,...n?{label:n}:{}})})))))):null,e("div",{key:"5b164e0ed4bb09da3fe41d1d09106ac7023c61ed",class:"resultlist","data-list-count":this.filteredItems.length},this.filteredItems.map((t=>e("div",null,e("pn-find-price-result",{item:t}))))))}static get watchers(){return{market:["setState"],language:["setState"],postagetype:["filterItems"],weightvalue:["filterItems"]}}};h.style=p;export{h as pn_product_pricelist};
-//# sourceMappingURL=p-ff38b9a5.entry.js.map
+import{r as t,h as e,d as i}from"./p-b3a13b6a.js";import{w as s}from"./p-cd8db7cd.js";import{a as n}from"./p-63ff7fa2.js";import{s as a}from"./p-4bd72b91.js";import"./p-2132ad75.js";const o={sv:{componentheading:"Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?",deliveryscopeheading:"Endast leveranser inom Sverige",resultlistheading:"Några bra alternativ för dig",weightlabel:"Vikt",maxweightlabel:"Maxvikt",maxmeasurementlabel:"Maxvolym",senddirectcta:"Köp online",stampshopcta:"Köp frimärken",message:"*Vid köp hos valfritt ombud",servicePointHeader:"Eller hitta närmaste serviceställe",servicePointLink:"Sök serviceställe eller brevlåda"},en:{componentheading:"Our prices and terms and conditions for domestic shipments for you as a direct paying customer",deliveryscopeheading:"Deliveries within Sweden only",resultlistheading:"Some suitable options for you",weightlabel:"Weight",maxweightlabel:"Max weight",maxmeasurementlabel:"Maximum measurement",senddirectcta:"Buy Online",stampshopcta:"Buy Stamps",message:"When buying from any agent",servicePointHeader:"Or find nearest service point",servicePointLink:"Search letter-box or service point"},da:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Kun leveringer indenfor Sverige",resultlistheading:"Some suitable options for you",weightlabel:"Vægt",maxweightlabel:"Max vægt",maxmeasurementlabel:"Maks. Volumen",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},no:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Kun leveranser innen Sverige",resultlistheading:"Some suitable options for you",weightlabel:"Vekt",maxweightlabel:"Maks vekt",maxmeasurementlabel:"Maks volum",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},fi:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Toimitukset vain Ruotsin sisällä",resultlistheading:"Some suitable options for you",weightlabel:"Paino",maxweightlabel:"Max paino",maxmeasurementlabel:"Max äänenvoimakkuus",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"}};const r={se:{currency:"kr"},dk:{currency:"dk"},fi:{currency:" €"},no:{currency:"kr"}};const l='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-pricelist pn-spinner{margin:1em auto}pn-product-pricelist h2,pn-product-pricelist .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-product-pricelist .content,pn-product-pricelist .weightselection,pn-product-pricelist .resultlist{max-width:50em;margin:0 auto 1.6rem}pn-product-pricelist .weightoption{display:flex;gap:1.6rem}pn-product-pricelist .weightoption-input{width:5em;position:relative;display:none}pn-product-pricelist .weightoption-input input::-webkit-outer-spin-button,pn-product-pricelist .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-product-pricelist .weightoption-input-abbreviation{position:absolute;top:50%;transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-product-pricelist .weightoption-range{flex-grow:1;align-self:flex-end;position:relative;top:0.5em}pn-product-pricelist .weightoption-range input{width:calc(100% - 1.5em)}pn-product-pricelist .weightoption-range datalist{width:100%;display:flex;justify-content:space-between;font-size:0.75em}pn-product-pricelist .resultlist:not([data-list-count="0"]){margin-top:2em}';const p=l;const h=class{constructor(e){t(this,e);this.source="https://com-inte.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx";this.language="sv";this.market="se";this.productid="";this.filteredItems=[];this.sourceData={types:[],data:[]};this.gotData=false;this.loading=false;this.postagetype={value:""};this.weight={value:0,name:""};this.weightvalue=0}componentWillLoad(){this.setState();this.getDataSource().then((()=>{}))}setState(){if(this.market){a.market=r[this.market]}if(this.language&&o[this.language]){a.i18n=o[this.language]}}async getDataSource(){if(!this.productid){return}this.loading=true;const t=`?cache=${Math.floor(Math.random()*(1e4-1)+1)}`;const e=await fetch(this.source+t);const i=await e.blob();try{const t=await n(i);this.sourceData=t;this.filterItems()}catch(t){this.loading=false;console.warn("Unable to parse data")}}filterItems(){if(!this.sourceData?.data){console.info("Data has not yet been loaded");return}this.loading=false;const t=this.sourceData.data.filter((t=>t.id===this.productid));if(t.length===0){return}this.postagetype.value=t[0].what;if(!s[this.postagetype.value]||s[this.postagetype.value].length===0){return}if(this.weightvalue===0){this.weight=s[this.postagetype.value][0];this.weightvalue=this.weight.value}const e=this.weight.abbreviation.toLocaleLowerCase()==="kg"&&this.postagetype.value==="letter"?this.weight.value*1e3:this.weight.value;let i=t.filter((t=>t.maxweight===e));if(i.length===0){i=t.filter((t=>t.maxweight>=e));if(i.length>0){const t=[...new Map(i.reverse().map((t=>[t["id"],t]))).values()];if(t.length>0){i=t}}}this.filteredItems=i;this.gotData=this.filteredItems.length>0}render(){return e(i,{key:"58fe3c8e2daf0263d57290a5a424ed33aaf24ea3"},e("div",{key:"64cfb1433b000254fdf0fa45dc741b3d47d5b336",class:"content"},e("slot",{key:"5c49f7742ada829dc3d3e30ff143f673eec0481d"})),this.loading?e("pn-spinner",null):null,this.postagetype.value&&s[this.postagetype.value]?e("div",{class:"weightselection"},e("div",{class:"weightoption"},e("div",{class:"weightoption-input"},e("pn-input",{inputid:"weightvalue",name:"weightvalue",type:"number",label:a.i18n.weightlabel,value:this.weightvalue,onChange:t=>{if(t&&t.target&&t.target.value){const e=parseInt(t.target.value,10);if(!isNaN(e)){let t=s[this.postagetype.value].filter((t=>{let i=t.abbreviation==="kg"?t.value*1e3:t.value;return i>=e}));if(t&&t.length>0){this.weight=t[0];this.weightvalue=this.weight.value}}}}}),e("span",{class:"weightoption-input-abbreviation"},this.weight.abbreviation)),e("div",{class:"weightoption-range"},e("input",{type:"range",id:"weightrange",name:"weightrange",list:"weightlist",value:!this.weight.value?0:s[this.postagetype.value].findIndex((t=>t.value===this.weightvalue)),onChange:t=>{const e=t.target.value;this.weight=s[this.postagetype.value][e];this.weightvalue=this.weight.value},min:"0",max:s[this.postagetype.value].length-1}),e("datalist",{id:"weightlist"},s[this.postagetype.value].map(((t,i)=>{let n=t.name;if(s[this.postagetype.value].length>6){n=i%5===0||i===0||i===s[this.postagetype.value].length-1?t.name:""}return e("option",{value:i,...n?{label:n}:{}})})))))):null,e("div",{key:"b3ed648ae6c03a2101d607e7a410aec962871212",class:"resultlist","data-list-count":this.filteredItems.length},this.filteredItems.map((t=>e("div",null,e("pn-find-price-result",{item:t}))))))}static get watchers(){return{market:["setState"],language:["setState"],postagetype:["filterItems"],weightvalue:["filterItems"]}}};h.style=p;export{h as pn_product_pricelist};
+//# sourceMappingURL=p-f710445f.entry.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{r as i,g as n,h as t,d as e}from"./p-b3a13b6a.js";import{s as l}from"./p-8c42f598.js";import{a as o}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 a=r;const s=(i,n)=>{const t="PRODUCTION";const e="https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=";const l="https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=";const o="/login?returnUrl=";if(i){return o}else if(n.toUpperCase()!==t){return e}else{return l}};const h="";const c=h;const d=class{constructor(n){i(this,n);this.label="Log in";this.useMarketwebLogin=false;this.environment="local"}get hostElement(){return n(this)}loginUrl;componentWillLoad(){this.loginUrl=s(this.useMarketwebLogin,this.environment)}nagivateToLoginUrl(){const i=`${this.loginUrl}${encodeURIComponent(window.location.href)}`;return i}render(){return t(e,{key:"0cffb1a2af16a85f88b3a5dbe992c65c2cfda95f"},t("pn-button",{key:"bc5fd64d3f2d12a253cd725cbbb710466fdca6ab",href:this.nagivateToLoginUrl()},this.label))}};d.style=c;const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-siteheader-login-linklist{--login-linklist-heading-color:var(--siteheader-login-linklist-heading-color, inherit);--login-linklist-link-color:var(--siteheader-login-linklist-link-color, #005d92);--login-linklist-link-hover-color:var(--siteheader-login-linklist-link-hover-color, #0d234b);--login-linklist-button-link-color:var(--siteheader-login-linklist-button-link-color, #ffffff);--login-linklist-icon-color:var(--siteheader-login-linklist-icon-color, #005d92);--login-linklist-icon-hover-color:var(--siteheader-login-linklist-icon-hover-color, #0d234b)}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}.pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem;color:var(--login-linklist-heading-color)}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:last-of-type{margin-bottom:0}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 a:hover{color:var(--login-linklist-button-link-color)}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:var(--login-linklist-link-color)}pn-marketweb-siteheader-login-linklist ul>li:hover a:not(.pn-button){color:var(--login-linklist-link-hover-color);text-decoration:underline}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:var(--login-linklist-icon-color) !important}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:var(--login-linklist-icon-hover-color) !important}";const g=p;const k=class{constructor(n){i(this,n);this.heading=null;this.links=[];this.idNamespace="";this.showUnifiedLogin=false}get hostElement(){return n(this)}componentWillLoad(){}uniqueId(i){return"loginlink-"+i.replace(/[^A-Za-z0-9.\\\/]/gim,"")+"-"+this.idNamespace}linkAppearanceAttributes(i){let n={};if(i.linkType){switch(i.linkType){case"primary":n={appearance:"",variant:""};break;case"secondary":n={appearance:"light",variant:"outlined"};break;case"regularlink":default:n={appearance:"light",variant:"borderless",icon:o};break}return n}if(!i.linkType){n={appearance:i.primaryLinkApperance?"dark":"light"}}return n}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:a}):t("pn-icon",{icon:o})))}render(){if(!this.links||this.links.length===0){return}return t(e,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)}}))))}};k.style=g;export{d as pn_marketweb_siteheader_login_button,k as pn_marketweb_siteheader_login_linklist};
+//# sourceMappingURL=p-fded22b7.entry.js.map