@postnord/pn-marketweb-components 4.0.2 → 4.0.4-test

package/dist/pn-market-web-components/p-2b03a4e1.entry.js.map

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

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

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as i,d as r}from"./p-bb1c965e.js";const s={sv:{introMessage:`Välj ombud du vill agera som?`},en:{introMessage:`Which customer number do you want to handle today?`},da:{introMessage:`Hvilket kundenummer vil du håndtere i dag?`},no:{introMessage:`Hvilket kundenummer ønsker du å håndtere i dag?`},fi:{introMessage:`Mitä asiakasnumeroa haluat käsitellä tänään?`},de:{introMessage:`Welche Kundennummer möchten Sie heute bearbeiten?`}};const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-profile-selector{margin:1em auto;display:flex;flex-direction:column;min-width:42.4rem;max-width:38.4rem;width:100%;padding:1.6rem;border-radius:8px;background:#ffffff}.profileselector-container{padding:3.2rem;border-radius:8px;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);border:0.1rem solid #f3f2f2;display:flex;flex-direction:column}.profileselector-logo svg{display:block;margin:0 auto 2.4rem}.profileselector-intromessage{text-align:center;font-weight:700}";const n=o;const d=class{constructor(t){e(this,t);this.language="sv";this.returnUrl="/";this.heading=null;this.i18n=s["en"];this.isLoading=true;this.numberOfProfiles=1}get hostElement(){return t(this)}componentWillLoad(){this.init()}init(){this.setTranslations()}setTranslations(){if(this.language&&s[this.language]){this.i18n=s[this.language]}}render(){return i(r,{key:"9fbff82193e204deceaa4fe08e0ea4bb9fbcc7b7"},i("div",{key:"dfdacf07d5f69907799935087109ab11cec88fef",class:"profileselector-container"},i("div",{key:"cd106fa76410b71a4d2a2e58829dcb5c309a03ff",class:"profileselector-logo"},i("svg",{key:"3402d6282f3b2f081866a0cc91a0eb8bc2302d64",viewBox:"0 0 133 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"17.1rem",height:"3.2rem"},i("path",{key:"3245a18f50c885711927465f2bf759cd096855bd","fill-rule":"evenodd","clip-rule":"evenodd",fill:"#00A0D6",d:"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z"}))),this.heading===""?null:i("div",{class:"profileselector-intromessage"},this.heading===null?this.i18n.introMessage:this.heading),i("slot",{key:"7edd1829e60992db77ec375d75e78b042147cd28"})))}};d.style=n;export{d as pn_profile_selector};
+//# sourceMappingURL=p-3fb8e665.entry.js.map

package/dist/pn-market-web-components/{p-71db6836.entry.js.map → p-3fb8e665.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["translations","sv","introMessage","en","da","no","fi","de","pnProfileSelectorCss","PnProfileSelectorStyle0","PnProfileSelector","componentWillLoad","this","init","setTranslations","language","i18n","render","h","Host","key","class","viewBox","fill","xmlns","width","height","d","heading"],"sources":["src/components/profile/pn-profile-selector/translations.ts","src/components/profile/pn-profile-selector/pn-profile-selector.scss?tag=pn-profile-selector","src/components/profile/pn-profile-selector/pn-profile-selector.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    introMessage: `Välj ombud du vill agera som?`,\n  },\n  en: {\n    introMessage: `Which customer number do you want to handle today?`,\n  },\n  da: {\n    introMessage: `Hvilket kundenummer vil du håndtere i dag?`,\n  },\n  no: {\n    introMessage: `Hvilket kundenummer ønsker du å håndtere i dag?`,\n  },\n  fi: {\n    introMessage: `Mitä asiakasnumeroa haluat käsitellä tänään?`,\n  },\n  de: {\n    introMessage: `Welche Kundennummer möchten Sie heute bearbeiten?`,\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-profile-selector {\n  margin: 1em auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 42.4rem;\n  max-width: 38.4rem;\n  width: 100%;\n  padding: 1.6rem;\n  border-radius: 8px;\n  background: $white;\n}\n\n.profileselector-container {\n  padding: 3.2rem;\n  border-radius: 8px;\n  box-shadow:\n    0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n    0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n  border: 0.1rem solid $gray50;\n  display: flex;\n  flex-direction: column;\n}\n\n.profileselector-logo {\n  svg {\n    display: block;\n    margin: 0 auto 2.4rem;\n  }\n}\n\n.profileselector-intromessage {\n  text-align: center;\n  font-weight: 700;\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\nimport { translations } from './translations';\nimport { ProfileSelectori18n } from './pn-profile-selector-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\n@Component({\n  tag: 'pn-profile-selector',\n  styleUrl: 'pn-profile-selector.scss',\n})\nexport class PnProfileSelector {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv'; //sv\n  @Prop() returnUrl: string = '/'; //sv\n  @Prop() heading: string = null; //sv\n\n  @State() i18n: ProfileSelectori18n = translations['en'];\n\n  @State() isLoading: boolean = true;\n  @State() numberOfProfiles: number = 1;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  init() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"profileselector-container\">\n          <div class=\"profileselector-logo\">\n            <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                fill=\"#00A0D6\"\n                d=\"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z\"\n              ></path>\n            </svg>\n          </div>\n\n          {this.heading === '' ? null : <div class=\"profileselector-intromessage\">{this.heading === null ? this.i18n.introMessage : this.heading}</div>}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,aAAc,iCAEhBC,GAAI,CACFD,aAAc,sDAEhBE,GAAI,CACFF,aAAc,8CAEhBG,GAAI,CACFH,aAAc,mDAEhBI,GAAI,CACFJ,aAAc,gDAEhBK,GAAI,CACFL,aAAc,sDCjBlB,MAAMM,EAAuB,o5BAC7B,MAAAC,EAAeD,E,MCQFE,EAAiB,M,uCAG+B,K,eAC/B,I,aACF,K,UAEWV,EAAa,M,eAEpB,K,sBACM,C,kCAEpC,iBAAAW,GACEC,KAAKC,M,CAGP,IAAAA,GACED,KAAKE,iB,CAGP,eAAAA,GACE,GAAIF,KAAKG,UAAYf,EAAaY,KAAKG,UAAW,CAChDH,KAAKI,KAAOhB,EAAaY,KAAKG,S,EAIlC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,OAAAE,IAAA,2CAAKE,QAAQ,aAAaC,KAAK,OAAOC,MAAM,6BAA6BC,MAAM,UAAUC,OAAO,UAC9FR,EAAA,QAAAE,IAAA,uDACY,UAAS,YACT,UACVG,KAAK,UACLI,EAAE,68FAKPf,KAAKgB,UAAY,GAAK,KAAOV,EAAA,OAAKG,MAAM,gCAAgCT,KAAKgB,UAAY,KAAOhB,KAAKI,KAAKd,aAAeU,KAAKgB,SAC/HV,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["translations","sv","introMessage","en","da","no","fi","de","pnProfileSelectorCss","PnProfileSelectorStyle0","PnProfileSelector","componentWillLoad","this","init","setTranslations","language","i18n","render","h","Host","key","class","viewBox","fill","xmlns","width","height","d","heading"],"sources":["src/components/profile/pn-profile-selector/translations.ts","src/components/profile/pn-profile-selector/pn-profile-selector.scss?tag=pn-profile-selector","src/components/profile/pn-profile-selector/pn-profile-selector.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    introMessage: `Välj ombud du vill agera som?`,\n  },\n  en: {\n    introMessage: `Which customer number do you want to handle today?`,\n  },\n  da: {\n    introMessage: `Hvilket kundenummer vil du håndtere i dag?`,\n  },\n  no: {\n    introMessage: `Hvilket kundenummer ønsker du å håndtere i dag?`,\n  },\n  fi: {\n    introMessage: `Mitä asiakasnumeroa haluat käsitellä tänään?`,\n  },\n  de: {\n    introMessage: `Welche Kundennummer möchten Sie heute bearbeiten?`,\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-profile-selector {\n  margin: 1em auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 42.4rem;\n  max-width: 38.4rem;\n  width: 100%;\n  padding: 1.6rem;\n  border-radius: 8px;\n  background: $white;\n}\n\n.profileselector-container {\n  padding: 3.2rem;\n  border-radius: 8px;\n  box-shadow:\n    0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n    0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n  border: 0.1rem solid $gray50;\n  display: flex;\n  flex-direction: column;\n}\n\n.profileselector-logo {\n  svg {\n    display: block;\n    margin: 0 auto 2.4rem;\n  }\n}\n\n.profileselector-intromessage {\n  text-align: center;\n  font-weight: 700;\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\nimport { translations } from './translations';\nimport { ProfileSelectori18n } from './pn-profile-selector-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\n@Component({\n  tag: 'pn-profile-selector',\n  styleUrl: 'pn-profile-selector.scss',\n})\nexport class PnProfileSelector {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv'; //sv\n  @Prop() returnUrl: string = '/'; //sv\n  @Prop() heading: string = null; //sv\n\n  @State() i18n: ProfileSelectori18n = translations['en'];\n\n  @State() isLoading: boolean = true;\n  @State() numberOfProfiles: number = 1;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  init() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"profileselector-container\">\n          <div class=\"profileselector-logo\">\n            <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                fill=\"#00A0D6\"\n                d=\"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z\"\n              ></path>\n            </svg>\n          </div>\n\n          {this.heading === '' ? null : <div class=\"profileselector-intromessage\">{this.heading === null ? this.i18n.introMessage : this.heading}</div>}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,aAAc,iCAEhBC,GAAI,CACFD,aAAc,sDAEhBE,GAAI,CACFF,aAAc,8CAEhBG,GAAI,CACFH,aAAc,mDAEhBI,GAAI,CACFJ,aAAc,gDAEhBK,GAAI,CACFL,aAAc,sDCjBlB,MAAMM,EAAuB,2kBAC7B,MAAAC,EAAeD,E,MCQFE,EAAiB,M,uCAG+B,K,eAC/B,I,aACF,K,UAEWV,EAAa,M,eAEpB,K,sBACM,C,kCAEpC,iBAAAW,GACEC,KAAKC,M,CAGP,IAAAA,GACED,KAAKE,iB,CAGP,eAAAA,GACE,GAAIF,KAAKG,UAAYf,EAAaY,KAAKG,UAAW,CAChDH,KAAKI,KAAOhB,EAAaY,KAAKG,S,EAIlC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,OAAAE,IAAA,2CAAKE,QAAQ,aAAaC,KAAK,OAAOC,MAAM,6BAA6BC,MAAM,UAAUC,OAAO,UAC9FR,EAAA,QAAAE,IAAA,uDACY,UAAS,YACT,UACVG,KAAK,UACLI,EAAE,68FAKPf,KAAKgB,UAAY,GAAK,KAAOV,EAAA,OAAKG,MAAM,gCAAgCT,KAAKgB,UAAY,KAAOhB,KAAKI,KAAKd,aAAeU,KAAKgB,SAC/HV,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/pn-market-web-components/p-45b8cadb.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as n,d as e}from"./p-bb1c965e.js";import{v as a}from"./p-4ed69de7.js";const i=(t,n=0,e=100,a=1e3,i="Sv-SE",s)=>{const o=new Intl.NumberFormat(i,s);if(a<=0){t.textContent=o.format(e);return}let c=null;const d=i=>{if(!c)c=i;const s=Math.min((i-c)/a,1);if(s<1){const a=Math.round((s*(e-n)+n)*10)/10;t.textContent=o.format(a);window.requestAnimationFrame(d)}else{t.textContent=o.format(e)}};window.requestAnimationFrame(d)};const s={Sv:{lang:"Sv",code:"Sv-SE"},En:{lang:"En",code:"En-GB"}};const o={Decimal:{style:"decimal"},Currency:{style:"currency",currency:"SEK"},Percent:{style:"percent"},None:{style:"decimal",useGrouping:false}};const c=(t,n,e)=>{t.forEach((t=>{t.target.classList.toggle(n,t.isIntersecting);e(t)}))};const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-stats-info-data{width:50%}pn-stats-info-data .pn-stats-info-data__container{width:100%;background-color:transparent;color:#f06365;display:flex;flex-direction:column;align-items:center;padding:2rem}@media screen and (min-width: 768px){pn-stats-info-data .pn-stats-info-data__container{justify-content:center;min-height:102px;padding:0 2rem}}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container{min-height:125px}}pn-stats-info-data .pn-stats-info-data__container__content{display:flex;flex-direction:row;justify-content:center}pn-stats-info-data .pn-stats-info-data__container__content__data{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__data{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__unit{font-weight:700;font-size:3rem;line-height:110%;margin-left:0.8rem}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__preamble{text-align:center;font-weight:400;font-size:1.4rem;line-height:110%;color:#ffffff}";const r=d;const f=class{constructor(n){t(this,n);this.format="En";this.formatStyle="Decimal";this.startValue=0;this.data=0;this.unit=null;this.preamble=null;this.duration=1e3;this.index=null;this.hasBeenShown=false;this.compId=null}inViewPortCallback=t=>{if(t.isIntersecting){this.hasBeenShown=true}};generateUniqueId(){return a()}componentWillLoad(){this.compId=this.generateUniqueId()}watchStateHandlder(t,n){const e=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);if(e.classList.contains("is-inViewport")&&t!==n){i(e,this.startValue,this.data,this.duration,s[this.format].code,o[this.formatStyle])}}render(){return n(e,{key:"76ba8987c10c1134632d1d14e835e2d151e40d7d"},n("div",{key:"cfca356710ab65efc3332390b9ff2c9d6e90543f",class:"pn-stats-info-data__container"},n("div",{key:"fca178d07e51036cb8b63e064686572588069304",class:"pn-stats-info-data__container__content"},n("div",{key:"2bd549f1408aec0487e7cb7e0498141685e2d18c",class:"pn-stats-info-data__container__content__data",id:`pn-stats-info-data-${this.compId}-${this.index}`}),this.unit&&n("div",{key:"1c8913969b0eed7e98e6045c7b6320d6a6391517",class:"pn-stats-info-data__container__content__unit"},this.unit)),n("div",{key:"e7c7f90a4661fbe22600946d8343e1d98e5cfaec",class:"pn-stats-info-data__container__content__preamble"},this.preamble)))}componentDidRender(){const t=new IntersectionObserver((t=>c(t,"is-inViewport",this.inViewPortCallback)));const n=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);t.observe(n)}static get watchers(){return{hasBeenShown:["watchStateHandlder"]}}};f.style=r;export{f as pn_stats_info_data};
+//# sourceMappingURL=p-45b8cadb.entry.js.map

package/dist/pn-market-web-components/{p-9454075f.entry.js.map → p-45b8cadb.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["animateValue","obj","start","end","duration","numberFormat","formatStyle","formatter","Intl","NumberFormat","textContent","format","startTimestamp","step","timestamp","progress","Math","min","animatedValue","round","window","requestAnimationFrame","NumberFormatList","Sv","lang","code","En","NumberFormatStyle","Decimal","style","Currency","currency","Percent","None","useGrouping","inViewport","entries","toggleClass","isEntryIntersectingCallBack","forEach","entry","target","classList","toggle","isIntersecting","pnStatsInfoDataCss","PnStatsInfoDataStyle0","PnStatsInfoData","inViewPortCallback","this","hasBeenShown","generateUniqueId","uuidv4","componentWillLoad","compId","watchStateHandlder","newValue","oldValue","document","getElementById","index","contains","startValue","data","render","h","Host","key","class","id","unit","preamble","componentDidRender","observer","IntersectionObserver","observe"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/numberFormats.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/viewIntersectionHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.scss?tag=pn-stats-info-data","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.tsx"],"sourcesContent":["export const animateValue = (\n  obj: HTMLElement,\n  start: number = 0,\n  end: number = 100,\n  duration: number = 1000,\n  numberFormat: string = 'Sv-SE',\n  formatStyle: { style: \"decimal\" | \"percent\" | \"currency\"; currency?: string; useGrouping?: boolean },\n) => {\n  const formatter = new Intl.NumberFormat(numberFormat, formatStyle);\n\n  if (duration <= 0) {\n    obj.textContent = formatter.format(end);\n    return;\n  }\n\n  let startTimestamp = null;\n\n  const step = (timestamp: number) => {\n    if (!startTimestamp) startTimestamp = timestamp;\n\n    const progress = Math.min((timestamp - startTimestamp) / duration, 1);\n\n    if (progress < 1) {\n      const animatedValue = Math.round((progress * (end - start) + start) * 10) / 10;\n      obj.textContent = formatter.format(animatedValue);\n      window.requestAnimationFrame(step);\n    } else {\n      obj.textContent = formatter.format(end);\n    }\n  };\n  window.requestAnimationFrame(step);\n};\n","const NumberFormatList = {\n  Sv: { lang: 'Sv', code: 'Sv-SE' },\n  En: { lang: 'En', code: 'En-GB' },\n};\n\nconst NumberFormatStyle = {\n  Decimal: { style: 'decimal' },\n  Currency: { style: 'currency', currency: 'SEK' },\n  Percent: { style: 'percent' },\n  None: { style: 'decimal', useGrouping: false },\n};\n\nexport { NumberFormatList, NumberFormatStyle };\n","export const inViewport = (entries: IntersectionObserverEntry[], toggleClass: string, isEntryIntersectingCallBack: (entry: IntersectionObserverEntry) => any) => {\n  entries.forEach(entry => {\n    entry.target.classList.toggle(toggleClass, entry.isIntersecting);\n    isEntryIntersectingCallBack(entry);\n  });\n};\n","@import '../../../../globals/main.scss';\n\npn-stats-info-data {\n  width: 50%;\n\n  .pn-stats-info-data__container {\n    width: 100%;\n\n    background-color: transparent;\n    color: $coral400;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 2rem;\n\n    @media screen and (min-width: $min-width-md) {\n      justify-content: center;\n      min-height: 102px;\n      padding: 0 2rem;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      min-height: 125px;\n    }\n  }\n\n  .pn-stats-info-data__container__content {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .pn-stats-info-data__container__content__data {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__unit {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    margin-left: 0.8rem;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    text-align: center;\n    font-weight: 400;\n    font-size: 1.4rem;\n    line-height: 110%;\n    color: $white;\n  }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { animateValue } from './animationHelper';\nimport { NumberFormatList, NumberFormatStyle } from './numberFormats';\nimport { inViewport } from './viewIntersectionHelper';\n\n@Component({\n  tag: 'pn-stats-info-data',\n  styleUrl: 'pn-stats-info-data.scss',\n})\nexport class PnStatsInfoData {\n  @Prop() format: string = 'En';\n  @Prop() formatStyle: string = 'Decimal';\n  @Prop() startValue: number = 0;\n  @Prop() data: number = 0;\n  @Prop() unit: string = null;\n  @Prop() preamble: string = null;\n  @Prop() duration?: number = 1000; //ms;\n  @Prop() index: number = null;\n\n  @State() hasBeenShown: boolean = false;\n  @State() compId: string = null;\n\n  inViewPortCallback = (entry: IntersectionObserverEntry) => {\n    if (entry.isIntersecting) {\n      this.hasBeenShown = true;\n    }\n  };\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  componentWillLoad() {\n    this.compId = this.generateUniqueId();\n  }\n\n  @Watch('hasBeenShown')\n  watchStateHandlder(newValue: boolean, oldValue: boolean) {\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {\n      animateValue(obj, this.startValue, this.data, this.duration, NumberFormatList[this.format].code, NumberFormatStyle[this.formatStyle]);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-stats-info-data__container\">\n          <div class=\"pn-stats-info-data__container__content\">\n            <div class=\"pn-stats-info-data__container__content__data\" id={`pn-stats-info-data-${this.compId}-${this.index}`}></div>\n            {this.unit && <div class=\"pn-stats-info-data__container__content__unit\">{this.unit}</div>}\n          </div>\n          <div class=\"pn-stats-info-data__container__content__preamble\">{this.preamble}</div>\n        </div>\n      </Host>\n    );\n  }\n\n  componentDidRender() {\n    const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    observer.observe(obj);\n  }\n}\n"],"mappings":"sFAAO,MAAMA,EAAe,CAC1BC,EACAC,EAAgB,EAChBC,EAAc,IACdC,EAAmB,IACnBC,EAAuB,QACvBC,KAEA,MAAMC,EAAY,IAAIC,KAAKC,aAAaJ,EAAcC,GAEtD,GAAIF,GAAY,EAAG,CACjBH,EAAIS,YAAcH,EAAUI,OAAOR,GACnC,M,CAGF,IAAIS,EAAiB,KAErB,MAAMC,EAAQC,IACZ,IAAKF,EAAgBA,EAAiBE,EAEtC,MAAMC,EAAWC,KAAKC,KAAKH,EAAYF,GAAkBR,EAAU,GAEnE,GAAIW,EAAW,EAAG,CAChB,MAAMG,EAAgBF,KAAKG,OAAOJ,GAAYZ,EAAMD,GAASA,GAAS,IAAM,GAC5ED,EAAIS,YAAcH,EAAUI,OAAOO,GACnCE,OAAOC,sBAAsBR,E,KACxB,CACLZ,EAAIS,YAAcH,EAAUI,OAAOR,E,GAGvCiB,OAAOC,sBAAsBR,EAAK,EC9BpC,MAAMS,EAAmB,CACvBC,GAAI,CAAEC,KAAM,KAAMC,KAAM,SACxBC,GAAI,CAAEF,KAAM,KAAMC,KAAM,UAG1B,MAAME,EAAoB,CACxBC,QAAS,CAAEC,MAAO,WAClBC,SAAU,CAAED,MAAO,WAAYE,SAAU,OACzCC,QAAS,CAAEH,MAAO,WAClBI,KAAM,CAAEJ,MAAO,UAAWK,YAAa,QCTlC,MAAMC,EAAa,CAACC,EAAsCC,EAAqBC,KACpFF,EAAQG,SAAQC,IACdA,EAAMC,OAAOC,UAAUC,OAAON,EAAaG,EAAMI,gBACjDN,EAA4BE,EAAM,GAClC,ECJJ,MAAMK,EAAqB,4kDAC3B,MAAAC,EAAeD,E,MCWFE,EAAe,M,qCACD,K,iBACK,U,gBACD,E,UACN,E,UACA,K,cACI,K,cACC,I,WACJ,K,kBAES,M,YACP,I,CAE1BC,mBAAsBR,IACpB,GAAIA,EAAMI,eAAgB,CACxBK,KAAKC,aAAe,I,GAIxB,gBAAAC,GACE,OAAOC,G,CAGT,iBAAAC,GACEJ,KAAKK,OAASL,KAAKE,kB,CAIrB,kBAAAI,CAAmBC,EAAmBC,GACpC,MAAMxD,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9E,GAAI3D,EAAIyC,UAAUmB,SAAS,kBAAoBL,IAAaC,EAAU,CACpEzD,EAAaC,EAAKgD,KAAKa,WAAYb,KAAKc,KAAMd,KAAK7C,SAAUkB,EAAiB2B,KAAKtC,QAAQc,KAAME,EAAkBsB,KAAK3C,a,EAI5H,MAAA0D,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+CAA+CC,GAAI,sBAAsBpB,KAAKK,UAAUL,KAAKW,UACvGX,KAAKqB,MAAQL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDAAgDnB,KAAKqB,OAEhFL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oDAAoDnB,KAAKsB,W,CAM5E,kBAAAC,GACE,MAAMC,EAAW,IAAIC,sBAAqBtC,GAAWD,EAAWC,EAAS,gBAAiBa,KAAKD,sBAC/F,MAAM/C,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9Ea,EAASE,QAAQ1E,E","ignoreList":[]}
+{"version":3,"names":["animateValue","obj","start","end","duration","numberFormat","formatStyle","formatter","Intl","NumberFormat","textContent","format","startTimestamp","step","timestamp","progress","Math","min","animatedValue","round","window","requestAnimationFrame","NumberFormatList","Sv","lang","code","En","NumberFormatStyle","Decimal","style","Currency","currency","Percent","None","useGrouping","inViewport","entries","toggleClass","isEntryIntersectingCallBack","forEach","entry","target","classList","toggle","isIntersecting","pnStatsInfoDataCss","PnStatsInfoDataStyle0","PnStatsInfoData","inViewPortCallback","this","hasBeenShown","generateUniqueId","uuidv4","componentWillLoad","compId","watchStateHandlder","newValue","oldValue","document","getElementById","index","contains","startValue","data","render","h","Host","key","class","id","unit","preamble","componentDidRender","observer","IntersectionObserver","observe"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/numberFormats.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/viewIntersectionHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.scss?tag=pn-stats-info-data","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.tsx"],"sourcesContent":["export const animateValue = (\n  obj: HTMLElement,\n  start: number = 0,\n  end: number = 100,\n  duration: number = 1000,\n  numberFormat: string = 'Sv-SE',\n  formatStyle: { style: \"decimal\" | \"percent\" | \"currency\"; currency?: string; useGrouping?: boolean },\n) => {\n  const formatter = new Intl.NumberFormat(numberFormat, formatStyle);\n\n  if (duration <= 0) {\n    obj.textContent = formatter.format(end);\n    return;\n  }\n\n  let startTimestamp = null;\n\n  const step = (timestamp: number) => {\n    if (!startTimestamp) startTimestamp = timestamp;\n\n    const progress = Math.min((timestamp - startTimestamp) / duration, 1);\n\n    if (progress < 1) {\n      const animatedValue = Math.round((progress * (end - start) + start) * 10) / 10;\n      obj.textContent = formatter.format(animatedValue);\n      window.requestAnimationFrame(step);\n    } else {\n      obj.textContent = formatter.format(end);\n    }\n  };\n  window.requestAnimationFrame(step);\n};\n","const NumberFormatList = {\n  Sv: { lang: 'Sv', code: 'Sv-SE' },\n  En: { lang: 'En', code: 'En-GB' },\n};\n\nconst NumberFormatStyle = {\n  Decimal: { style: 'decimal' },\n  Currency: { style: 'currency', currency: 'SEK' },\n  Percent: { style: 'percent' },\n  None: { style: 'decimal', useGrouping: false },\n};\n\nexport { NumberFormatList, NumberFormatStyle };\n","export const inViewport = (entries: IntersectionObserverEntry[], toggleClass: string, isEntryIntersectingCallBack: (entry: IntersectionObserverEntry) => any) => {\n  entries.forEach(entry => {\n    entry.target.classList.toggle(toggleClass, entry.isIntersecting);\n    isEntryIntersectingCallBack(entry);\n  });\n};\n","@import '../../../../globals/main.scss';\n\npn-stats-info-data {\n  width: 50%;\n\n  .pn-stats-info-data__container {\n    width: 100%;\n\n    background-color: transparent;\n    color: $coral400;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 2rem;\n\n    @media screen and (min-width: $min-width-md) {\n      justify-content: center;\n      min-height: 102px;\n      padding: 0 2rem;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      min-height: 125px;\n    }\n  }\n\n  .pn-stats-info-data__container__content {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .pn-stats-info-data__container__content__data {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__unit {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    margin-left: 0.8rem;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    text-align: center;\n    font-weight: 400;\n    font-size: 1.4rem;\n    line-height: 110%;\n    color: $white;\n  }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { animateValue } from './animationHelper';\nimport { NumberFormatList, NumberFormatStyle } from './numberFormats';\nimport { inViewport } from './viewIntersectionHelper';\n\n@Component({\n  tag: 'pn-stats-info-data',\n  styleUrl: 'pn-stats-info-data.scss',\n})\nexport class PnStatsInfoData {\n  @Prop() format: string = 'En';\n  @Prop() formatStyle: string = 'Decimal';\n  @Prop() startValue: number = 0;\n  @Prop() data: number = 0;\n  @Prop() unit: string = null;\n  @Prop() preamble: string = null;\n  @Prop() duration?: number = 1000; //ms;\n  @Prop() index: number = null;\n\n  @State() hasBeenShown: boolean = false;\n  @State() compId: string = null;\n\n  inViewPortCallback = (entry: IntersectionObserverEntry) => {\n    if (entry.isIntersecting) {\n      this.hasBeenShown = true;\n    }\n  };\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  componentWillLoad() {\n    this.compId = this.generateUniqueId();\n  }\n\n  @Watch('hasBeenShown')\n  watchStateHandlder(newValue: boolean, oldValue: boolean) {\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {\n      animateValue(obj, this.startValue, this.data, this.duration, NumberFormatList[this.format].code, NumberFormatStyle[this.formatStyle]);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-stats-info-data__container\">\n          <div class=\"pn-stats-info-data__container__content\">\n            <div class=\"pn-stats-info-data__container__content__data\" id={`pn-stats-info-data-${this.compId}-${this.index}`}></div>\n            {this.unit && <div class=\"pn-stats-info-data__container__content__unit\">{this.unit}</div>}\n          </div>\n          <div class=\"pn-stats-info-data__container__content__preamble\">{this.preamble}</div>\n        </div>\n      </Host>\n    );\n  }\n\n  componentDidRender() {\n    const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    observer.observe(obj);\n  }\n}\n"],"mappings":"sFAAO,MAAMA,EAAe,CAC1BC,EACAC,EAAgB,EAChBC,EAAc,IACdC,EAAmB,IACnBC,EAAuB,QACvBC,KAEA,MAAMC,EAAY,IAAIC,KAAKC,aAAaJ,EAAcC,GAEtD,GAAIF,GAAY,EAAG,CACjBH,EAAIS,YAAcH,EAAUI,OAAOR,GACnC,M,CAGF,IAAIS,EAAiB,KAErB,MAAMC,EAAQC,IACZ,IAAKF,EAAgBA,EAAiBE,EAEtC,MAAMC,EAAWC,KAAKC,KAAKH,EAAYF,GAAkBR,EAAU,GAEnE,GAAIW,EAAW,EAAG,CAChB,MAAMG,EAAgBF,KAAKG,OAAOJ,GAAYZ,EAAMD,GAASA,GAAS,IAAM,GAC5ED,EAAIS,YAAcH,EAAUI,OAAOO,GACnCE,OAAOC,sBAAsBR,E,KACxB,CACLZ,EAAIS,YAAcH,EAAUI,OAAOR,E,GAGvCiB,OAAOC,sBAAsBR,EAAK,EC9BpC,MAAMS,EAAmB,CACvBC,GAAI,CAAEC,KAAM,KAAMC,KAAM,SACxBC,GAAI,CAAEF,KAAM,KAAMC,KAAM,UAG1B,MAAME,EAAoB,CACxBC,QAAS,CAAEC,MAAO,WAClBC,SAAU,CAAED,MAAO,WAAYE,SAAU,OACzCC,QAAS,CAAEH,MAAO,WAClBI,KAAM,CAAEJ,MAAO,UAAWK,YAAa,QCTlC,MAAMC,EAAa,CAACC,EAAsCC,EAAqBC,KACpFF,EAAQG,SAAQC,IACdA,EAAMC,OAAOC,UAAUC,OAAON,EAAaG,EAAMI,gBACjDN,EAA4BE,EAAM,GAClC,ECJJ,MAAMK,EAAqB,mwCAC3B,MAAAC,EAAeD,E,MCWFE,EAAe,M,qCACD,K,iBACK,U,gBACD,E,UACN,E,UACA,K,cACI,K,cACC,I,WACJ,K,kBAES,M,YACP,I,CAE1BC,mBAAsBR,IACpB,GAAIA,EAAMI,eAAgB,CACxBK,KAAKC,aAAe,I,GAIxB,gBAAAC,GACE,OAAOC,G,CAGT,iBAAAC,GACEJ,KAAKK,OAASL,KAAKE,kB,CAIrB,kBAAAI,CAAmBC,EAAmBC,GACpC,MAAMxD,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9E,GAAI3D,EAAIyC,UAAUmB,SAAS,kBAAoBL,IAAaC,EAAU,CACpEzD,EAAaC,EAAKgD,KAAKa,WAAYb,KAAKc,KAAMd,KAAK7C,SAAUkB,EAAiB2B,KAAKtC,QAAQc,KAAME,EAAkBsB,KAAK3C,a,EAI5H,MAAA0D,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+CAA+CC,GAAI,sBAAsBpB,KAAKK,UAAUL,KAAKW,UACvGX,KAAKqB,MAAQL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDAAgDnB,KAAKqB,OAEhFL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oDAAoDnB,KAAKsB,W,CAM5E,kBAAAC,GACE,MAAMC,EAAW,IAAIC,sBAAqBtC,GAAWD,EAAWC,EAAS,gBAAiBa,KAAKD,sBAC/F,MAAM/C,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9Ea,EAASE,QAAQ1E,E","ignoreList":[]}

package/dist/pn-market-web-components/p-45d1e1be.entry.js

@@ -0,0 +1,2 @@
+import{r as o,g as e,h as t,d as i}from"./p-bb1c965e.js";import{a as n}from"./p-36b39340.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-profile-selector-option{display:flex;width:100%;border-bottom:1px solid #d3cecb;padding:1.2rem 0}pn-profile-selector-option:first-of-type{margin-top:2.4rem}pn-profile-selector-option:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-selector-option:last-of-type .profileselectoroption{padding-bottom:0}.profileselectoroption{display:flex;width:100%;padding:1.2rem 0;text-decoration:none}.profileselectoroption pn-icon{align-self:center;position:relative;transform:translateX(-1rem);transition:transform 0.25s linear}.profileselectoroption:hover .profileselectoroption-name,.profileselectoroption:focus .profileselectoroption-name,.profileselectoroption:active .profileselectoroption-name{text-decoration:underline}.profileselectoroption:hover pn-icon,.profileselectoroption:focus pn-icon,.profileselectoroption:active pn-icon{transform:none;transition-timing-function:ease}.profileselectoroption-text{flex-grow:1;display:flex;flex-direction:column}.profileselectoroption-title{font-size:1em;color:#005d92;font-weight:700}.profileselectoroption-description{font-size:0.75em;color:#5e554a;font-weight:normal}";const p=r;const l=class{constructor(e){o(this,e);this.heading="";this.description="";this.url=""}get hostElement(){return e(this)}render(){return t(i,{key:"31e537d1e2b26adce60757db0f345df0ab940786"},t("a",{key:"744b974e714c522d5f07f09471a567d6a07fbda1",class:"profileselectoroption",href:this.url},t("span",{key:"7d7b74a0727364822b90fdbc7228259c7f09ea60",class:"profileselectoroption-text"},t("span",{key:"dd2dbe16ac411afdb51c359b34468d433ca75a5d",class:"profileselectoroption-title"},this.heading),t("span",{key:"cc11331c1bf0f032877e458b0de143150f593bd2",class:"profileselectoroption-description"},this.description)),t("pn-icon",{key:"7c4765a0bc2c5d62025a38d788fbc181577449e7",icon:n,small:"false",color:"blue700"})))}};l.style=p;export{l as pn_profile_selector_option};
+//# sourceMappingURL=p-45d1e1be.entry.js.map

package/dist/pn-market-web-components/{p-3d10bc37.entry.js.map → p-45d1e1be.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProfileSelectorOptionCss","PnProfileSelectorOptionStyle0","PnProfileSelectorOption","render","h","Host","key","class","href","this","url","heading","description","icon","arrow_right","small","color"],"sources":["src/components/profile/pn-profile-selector/pn-profile-selector-option.scss?tag=pn-profile-selector-option","src/components/profile/pn-profile-selector/pn-profile-selector-option.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-selector-option {\n  display: flex;\n  width: 100%;\n  border-bottom: 1px solid $gray200;\n  padding: 1.2rem 0;\n  &:first-of-type {\n    margin-top: 2.4rem;\n  }\n  &:last-of-type {\n    border-bottom: 0;\n    padding-bottom: 0;\n    .profileselectoroption {\n      padding-bottom: 0;\n    }\n  }\n}\n\n.profileselectoroption {\n  display: flex;\n  width: 100%;\n  padding: 1.2rem 0;\n  pn-icon {\n    align-self: center;\n    position: relative;\n    transform: translateX(-1rem);\n    transition: transform 0.25s linear;\n  }\n  text-decoration: none;\n  &:hover,\n  &:focus,\n  &:active {\n    .profileselectoroption-name {\n      text-decoration: underline;\n    }\n    pn-icon {\n      transform: none;\n      transition-timing-function: ease;\n    }\n  }\n}\n\n.profileselectoroption-text {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.profileselectoroption-title {\n  font-size: 1em;\n  color: $blue700;\n  font-weight: 700;\n}\n\n.profileselectoroption-description {\n  font-size: 0.75em;\n  color: $gray700;\n  font-weight: normal;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n  tag: 'pn-profile-selector-option',\n  styleUrl: 'pn-profile-selector-option.scss',\n})\nexport class PnProfileSelectorOption {\n  @Element() hostElement: Element;\n\n  @Prop() heading: string = '';\n  @Prop() description: string = '';\n  @Prop() url: string = '';\n\n  render() {\n    return (\n      <Host>\n        <a class=\"profileselectoroption\" href={this.url}>\n          <span class=\"profileselectoroption-text\">\n            <span class=\"profileselectoroption-title\">{this.heading}</span>\n            <span class=\"profileselectoroption-description\">{this.description}</span>\n          </span>\n          <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAA6B,u/CACnC,MAAAC,EAAeD,E,MCKFE,EAAuB,M,sCAGR,G,iBACI,G,SACR,E,kCAEtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CAAGC,MAAM,wBAAwBC,KAAMC,KAAKC,KAC1CN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,8BACVH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,+BAA+BE,KAAKE,SAChDP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qCAAqCE,KAAKG,cAExDR,EAAA,WAAAE,IAAA,2CAASO,KAAMC,EAAaC,MAAM,QAAQC,MAAM,a","ignoreList":[]}
+{"version":3,"names":["pnProfileSelectorOptionCss","PnProfileSelectorOptionStyle0","PnProfileSelectorOption","render","h","Host","key","class","href","this","url","heading","description","icon","arrow_right","small","color"],"sources":["src/components/profile/pn-profile-selector/pn-profile-selector-option.scss?tag=pn-profile-selector-option","src/components/profile/pn-profile-selector/pn-profile-selector-option.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-selector-option {\n  display: flex;\n  width: 100%;\n  border-bottom: 1px solid $gray200;\n  padding: 1.2rem 0;\n  &:first-of-type {\n    margin-top: 2.4rem;\n  }\n  &:last-of-type {\n    border-bottom: 0;\n    padding-bottom: 0;\n    .profileselectoroption {\n      padding-bottom: 0;\n    }\n  }\n}\n\n.profileselectoroption {\n  display: flex;\n  width: 100%;\n  padding: 1.2rem 0;\n  pn-icon {\n    align-self: center;\n    position: relative;\n    transform: translateX(-1rem);\n    transition: transform 0.25s linear;\n  }\n  text-decoration: none;\n  &:hover,\n  &:focus,\n  &:active {\n    .profileselectoroption-name {\n      text-decoration: underline;\n    }\n    pn-icon {\n      transform: none;\n      transition-timing-function: ease;\n    }\n  }\n}\n\n.profileselectoroption-text {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.profileselectoroption-title {\n  font-size: 1em;\n  color: $blue700;\n  font-weight: 700;\n}\n\n.profileselectoroption-description {\n  font-size: 0.75em;\n  color: $gray700;\n  font-weight: normal;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n  tag: 'pn-profile-selector-option',\n  styleUrl: 'pn-profile-selector-option.scss',\n})\nexport class PnProfileSelectorOption {\n  @Element() hostElement: Element;\n\n  @Prop() heading: string = '';\n  @Prop() description: string = '';\n  @Prop() url: string = '';\n\n  render() {\n    return (\n      <Host>\n        <a class=\"profileselectoroption\" href={this.url}>\n          <span class=\"profileselectoroption-text\">\n            <span class=\"profileselectoroption-title\">{this.heading}</span>\n            <span class=\"profileselectoroption-description\">{this.description}</span>\n          </span>\n          <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAA6B,8qCACnC,MAAAC,EAAeD,E,MCKFE,EAAuB,M,sCAGR,G,iBACI,G,SACR,E,kCAEtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CAAGC,MAAM,wBAAwBC,KAAMC,KAAKC,KAC1CN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,8BACVH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,+BAA+BE,KAAKE,SAChDP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qCAAqCE,KAAKG,cAExDR,EAAA,WAAAE,IAAA,2CAASO,KAAMC,EAAaC,MAAM,QAAQC,MAAM,a","ignoreList":[]}

package/dist/pn-market-web-components/p-4d2ca281.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as n,d as o}from"./p-bb1c965e.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-choice-button{user-select:none;border:none;display:inline-block;background:#fff;position:relative;margin:0.2em 0.4em}pn-choice-button input{opacity:0;position:absolute;top:0;left:0;pointer-events:none;margin:0;width:100%;height:100%}pn-choice-button label{display:flex;align-items:center;padding:0.4rem 0.8rem;border:0.1rem solid #d3cecb;color:#005d92;font-weight:500;border-radius:0.8rem;text-align:center;cursor:pointer;transition:box-shadow 0.1s, background 0.2s}pn-choice-button label pn-illustration{display:inline-block;width:3rem;height:3rem;margin-right:0.9rem}pn-choice-button>input:checked+label.pn-choice-button{background:#e0f8ff;color:#005d92;border-color:#005d92;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13)}pn-choice-button>input:indeterminate+label.pn-choice-button{background:#ffffff;color:#005d92}pn-choice-button>input:hover+label.pn-choice-button{background:#e0f8ff}pn-choice-button>input:focus+label.pn-choice-button,pn-choice-button>input:active+label.pn-choice-button{box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-choice-button>input:active+label.pn-choice-button{background:#8eddf9}pn-choice-button>input:disabled+label.pn-choice-button{background-color:#d3cecb}pn-choice-button>input:checked+label.pn-choice-button:hover{background:#8eddf9}pn-choice-button>input:checked+label.pn-choice-button:active{background:#8eddf9;border:0.1rem solid #00a0d6}";const c=i;const d=class{constructor(t){e(this,t);this.value=undefined;this.name=undefined;this.choiceid=undefined;this.type="checkbox";this.disabled=false;this.checked=false;this.indeterminate=false}get hostElement(){return t(this)}handlechange(){this.indeterminate=false}componentDidLoad(){this.checkAndSetIndeterminateState()}componentDidUpdate(){this.checkAndSetIndeterminateState()}checkAndSetIndeterminateState(){let e=this.hostElement.querySelector(`#${this.choiceid}`);if(e){e.indeterminate=this.indeterminate}}render(){return n(o,{key:"ee8c0f187d6ef73fb0686269fef381f272ae0d7e"},n("input",{key:"3849a4c37e9182114136854f445fbf0af6852c9c",type:this.type,id:this.choiceid,value:this.value,name:this.name||this.choiceid,disabled:this.disabled,checked:this.checked}),n("label",{key:"5aab99882ff06ac9d8583e6d0c7034cc611a0d0f",htmlFor:this.choiceid,class:"pn-choice-button"},n("slot",{key:"f42d62b727b8c570712cf95d0d20f96dd5707de6"})))}};d.style=c;export{d as pn_choice_button};
+//# sourceMappingURL=p-4d2ca281.entry.js.map

package/dist/pn-market-web-components/{p-ad282b7c.entry.js.map → p-4d2ca281.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnChoiceButtonCss","PnChoiceButtonStyle0","PnChoiceButton","handlechange","this","indeterminate","componentDidLoad","checkAndSetIndeterminateState","componentDidUpdate","checkbox","hostElement","querySelector","choiceid","render","h","Host","key","type","id","value","name","disabled","checked","htmlFor","class"],"sources":["src/components/input/pn-choice-button/pn-choice-button.scss?tag=pn-choice-button","src/components/input/pn-choice-button/pn-choice-button.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$check-timing: 180ms;\n$bg-timing: 220ms;\n$easing: cubic-bezier(0.79, 0.14, 0.15, 0.86);\n\npn-choice-button {\n  user-select: none;\n  border: none;\n  display: inline-block;\n  background: #fff;\n  position: relative;\n  margin: 0.2em 0.4em;\n\n  input {\n    opacity: 0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    pointer-events: none;\n    margin: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  label {\n    display: flex;\n    align-items: center;\n    padding: 0.4rem 0.8rem;\n    border: 0.1rem solid $gray200;\n    color: $blue700;\n    font-weight: 500;\n    border-radius: 0.8rem;\n    text-align: center;\n    cursor: pointer;\n    transition:\n      box-shadow 0.1s,\n      background 0.2s;\n\n    pn-illustration {\n      display: inline-block;\n      width: 3rem;\n      height: 3rem;\n      margin-right: 0.9rem;\n    }\n  }\n}\n\npn-choice-button > input {\n  &:checked + label.pn-choice-button {\n    background: $blue50;\n    color: $blue700;\n    border-color: $blue700;\n    box-shadow:\n      0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n      0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n  }\n  &:indeterminate + label.pn-choice-button {\n    background: $white;\n    color: $blue700;\n  }\n\n  &:hover + label.pn-choice-button {\n    background: $blue50;\n  }\n\n  &:focus + label.pn-choice-button,\n  &:active + label.pn-choice-button {\n    box-shadow:\n      0 0 0 0.2rem #fff,\n      0 0 0 0.4rem $blue700;\n  }\n\n  &:active + label.pn-choice-button {\n    background: $blue200;\n  }\n\n  &:disabled + label.pn-choice-button {\n    background-color: $gray200;\n  }\n\n  &:checked + label.pn-choice-button:hover {\n    background: $blue200;\n  }\n\n  &:checked + label.pn-choice-button:active {\n    background: $blue200;\n    border: 0.1rem solid $blue400;\n  }\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'pn-choice-button',\n  styleUrl: 'pn-choice-button.scss',\n})\nexport class PnChoiceButton {\n  /** This will be emitted on change and input */\n  @Prop({ reflect: true }) value: any;\n  /** The name of the checkbox group */\n  @Prop() name?: string;\n  /** The string you put here will be what you'd make the ID of a native checkbox, you can't name props \"id\" because it's reserved\n   * so we went with the more descriptive name \"choice\", if you want to create labels for your checkbox, you will bind it to this ID\n   */\n  @Prop() choiceid: string;\n  @Prop() type: string = 'checkbox';\n  @Prop() disabled?: boolean = false;\n  @Prop() checked?: boolean = false;\n  @Prop({ mutable: true }) indeterminate?: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  @Listen('change')\n  handlechange() {\n    this.indeterminate = false;\n  }\n\n  componentDidLoad() {\n    this.checkAndSetIndeterminateState();\n  }\n\n  componentDidUpdate() {\n    this.checkAndSetIndeterminateState();\n  }\n\n  checkAndSetIndeterminateState() {\n    let checkbox = this.hostElement.querySelector(`#${this.choiceid}`) as HTMLInputElement;\n\n    if (checkbox) {\n      checkbox.indeterminate = this.indeterminate;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <input type={this.type} id={this.choiceid} value={this.value} name={this.name || this.choiceid} disabled={this.disabled} checked={this.checked} />\n        <label htmlFor={this.choiceid} class=\"pn-choice-button\">\n          <slot />\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,yyDAC1B,MAAAC,EAAeD,E,MCKFE,EAAc,M,oGASF,W,cACM,M,aACD,M,mBACuB,K,kCAKnD,YAAAC,GACEC,KAAKC,cAAgB,K,CAGvB,gBAAAC,GACEF,KAAKG,+B,CAGP,kBAAAC,GACEJ,KAAKG,+B,CAGP,6BAAAA,GACE,IAAIE,EAAWL,KAAKM,YAAYC,cAAc,IAAIP,KAAKQ,YAEvD,GAAIH,EAAU,CACZA,EAASJ,cAAgBD,KAAKC,a,EAIlC,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,KAAMb,KAAKa,KAAMC,GAAId,KAAKQ,SAAUO,MAAOf,KAAKe,MAAOC,KAAMhB,KAAKgB,MAAQhB,KAAKQ,SAAUS,SAAUjB,KAAKiB,SAAUC,QAASlB,KAAKkB,UACvIR,EAAA,SAAAE,IAAA,2CAAOO,QAASnB,KAAKQ,SAAUY,MAAM,oBACnCV,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["pnChoiceButtonCss","PnChoiceButtonStyle0","PnChoiceButton","handlechange","this","indeterminate","componentDidLoad","checkAndSetIndeterminateState","componentDidUpdate","checkbox","hostElement","querySelector","choiceid","render","h","Host","key","type","id","value","name","disabled","checked","htmlFor","class"],"sources":["src/components/input/pn-choice-button/pn-choice-button.scss?tag=pn-choice-button","src/components/input/pn-choice-button/pn-choice-button.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$check-timing: 180ms;\n$bg-timing: 220ms;\n$easing: cubic-bezier(0.79, 0.14, 0.15, 0.86);\n\npn-choice-button {\n  user-select: none;\n  border: none;\n  display: inline-block;\n  background: #fff;\n  position: relative;\n  margin: 0.2em 0.4em;\n\n  input {\n    opacity: 0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    pointer-events: none;\n    margin: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  label {\n    display: flex;\n    align-items: center;\n    padding: 0.4rem 0.8rem;\n    border: 0.1rem solid $gray200;\n    color: $blue700;\n    font-weight: 500;\n    border-radius: 0.8rem;\n    text-align: center;\n    cursor: pointer;\n    transition:\n      box-shadow 0.1s,\n      background 0.2s;\n\n    pn-illustration {\n      display: inline-block;\n      width: 3rem;\n      height: 3rem;\n      margin-right: 0.9rem;\n    }\n  }\n}\n\npn-choice-button > input {\n  &:checked + label.pn-choice-button {\n    background: $blue50;\n    color: $blue700;\n    border-color: $blue700;\n    box-shadow:\n      0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n      0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n  }\n  &:indeterminate + label.pn-choice-button {\n    background: $white;\n    color: $blue700;\n  }\n\n  &:hover + label.pn-choice-button {\n    background: $blue50;\n  }\n\n  &:focus + label.pn-choice-button,\n  &:active + label.pn-choice-button {\n    box-shadow:\n      0 0 0 0.2rem #fff,\n      0 0 0 0.4rem $blue700;\n  }\n\n  &:active + label.pn-choice-button {\n    background: $blue200;\n  }\n\n  &:disabled + label.pn-choice-button {\n    background-color: $gray200;\n  }\n\n  &:checked + label.pn-choice-button:hover {\n    background: $blue200;\n  }\n\n  &:checked + label.pn-choice-button:active {\n    background: $blue200;\n    border: 0.1rem solid $blue400;\n  }\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'pn-choice-button',\n  styleUrl: 'pn-choice-button.scss',\n})\nexport class PnChoiceButton {\n  /** This will be emitted on change and input */\n  @Prop({ reflect: true }) value: any;\n  /** The name of the checkbox group */\n  @Prop() name?: string;\n  /** The string you put here will be what you'd make the ID of a native checkbox, you can't name props \"id\" because it's reserved\n   * so we went with the more descriptive name \"choice\", if you want to create labels for your checkbox, you will bind it to this ID\n   */\n  @Prop() choiceid: string;\n  @Prop() type: string = 'checkbox';\n  @Prop() disabled?: boolean = false;\n  @Prop() checked?: boolean = false;\n  @Prop({ mutable: true }) indeterminate?: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  @Listen('change')\n  handlechange() {\n    this.indeterminate = false;\n  }\n\n  componentDidLoad() {\n    this.checkAndSetIndeterminateState();\n  }\n\n  componentDidUpdate() {\n    this.checkAndSetIndeterminateState();\n  }\n\n  checkAndSetIndeterminateState() {\n    let checkbox = this.hostElement.querySelector(`#${this.choiceid}`) as HTMLInputElement;\n\n    if (checkbox) {\n      checkbox.indeterminate = this.indeterminate;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <input type={this.type} id={this.choiceid} value={this.value} name={this.name || this.choiceid} disabled={this.disabled} checked={this.checked} />\n        <label htmlFor={this.choiceid} class=\"pn-choice-button\">\n          <slot />\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,g+CAC1B,MAAAC,EAAeD,E,MCKFE,EAAc,M,oGASF,W,cACM,M,aACD,M,mBACuB,K,kCAKnD,YAAAC,GACEC,KAAKC,cAAgB,K,CAGvB,gBAAAC,GACEF,KAAKG,+B,CAGP,kBAAAC,GACEJ,KAAKG,+B,CAGP,6BAAAA,GACE,IAAIE,EAAWL,KAAKM,YAAYC,cAAc,IAAIP,KAAKQ,YAEvD,GAAIH,EAAU,CACZA,EAASJ,cAAgBD,KAAKC,a,EAIlC,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,KAAMb,KAAKa,KAAMC,GAAId,KAAKQ,SAAUO,MAAOf,KAAKe,MAAOC,KAAMhB,KAAKgB,MAAQhB,KAAKQ,SAAUS,SAAUjB,KAAKiB,SAAUC,QAASlB,KAAKkB,UACvIR,EAAA,SAAAE,IAAA,2CAAOO,QAASnB,KAAKQ,SAAUY,MAAM,oBACnCV,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/pn-market-web-components/p-4e3059dd.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as s,h as r,d as t}from"./p-bb1c965e.js";const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-bonus-progressbar{width:100%}.bonusprogressbar-top{display:flex;align-items:center;margin-bottom:1.6rem}.bonusprogressbar-top-icon{border-radius:100%;height:5rem;width:5rem;padding:1rem;display:inline-flex;margin-right:1em;margin-left:0.5em;background-color:#e0f8ff}[theme=red] .bonusprogressbar-top-icon{background-color:#fbc2c1}.bonusprogressbar-top-icon pn-icon svg{width:100%;height:100%}.bonusprogressbar-sumtext{margin-top:0.4rem;font-size:1.3rem;color:#5e554a}.bonusprogressbar-top-percentage{margin-left:0.8rem;padding:0}.bonusprogressbar-wrapper{position:relative;display:flex;min-height:5em;align-items:center}.bonusprogressbar-currentlevel{position:absolute}.bonusprogressbar-progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.7rem;border:0.1rem solid #00a0d6;border-radius:1.7rem;padding:0;margin:0;overflow:hidden}[theme=red] .bonusprogressbar-progress[value]{border-color:#f06365}.bonusprogressbar-progress[value]::-webkit-progress-bar{border:0;border-radius:1.7rem;margin:0;padding:0;background:#e0f8ff}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-bar{background:#fdefee}.bonusprogressbar-progress[value]::-webkit-progress-value{margin:0;padding:0;border-radius:1.7rem;background:#00a0d6}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-value{background:#f06365}";const a=o;const i=class{constructor(s){e(this,s);this.icon=null;this.heading="";this.sumtext=null;this.theme="blue";this.bonuspercentage="0%";this.currency="kr";this.value=0;this.min=0;this.max=0;this.valuepercentage=0;this.progresspercentage=0;this.levelValues=[];this.currentLevelAdjustedValue=0}get hostElement(){return s(this)}componentWillLoad(){this.setInitialValues();this.setValuePercentage()}setInitialValues(){const e=Array.from(this.hostElement.querySelectorAll("pn-bonus-progressbar-level:not([current])"));this.currentLevelAdjustedValue=this.value;this.levelValues=e.map((e=>parseInt(e.getAttribute("value"),10)));if(!this.max){if(this.levelValues&&this.levelValues.length>0){const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}if(this.value>this.max){this.currentLevelAdjustedValue=100}}setValuePercentage(){this.valuepercentage=this.value/this.max*100;this.progresspercentage=(this.value-this.min)/(this.max-this.min)*100;if(this.progresspercentage<0){if(this.levelValues&&this.levelValues.length&&this.levelValues[0]<this.value){this.min=Math.floor(this.levelValues[0]*.95)}else{this.min=Math.floor(this.value*.95)}}if(this.progresspercentage>100){this.progresspercentage=100;const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}iconColor(){switch(this.theme){case"red":return"coral700";case"blue":default:return"blue700"}}render(){return r(t,{key:"89103fc6287e71d9ac12c7bcbb284959c0ea64bd"},r("div",{key:"9a0b60180dc43681d5f5e1b7376435afb583765e",class:"bonusprogressbar-top"},this.icon?r("div",{class:"bonusprogressbar-top-icon"},r("pn-icon",{icon:this.icon,small:"false",color:this.iconColor()})):{},r("div",{key:"97f7f703387b719ab11ca555e5f46de0a38b0dcf",class:"bonusprogressbar-top-heading"},r("h4",{key:"8127659ee7221eec13123fd0e07c1871a132fdf9",class:"bonusprogressbar-top-headline"},this.heading," ",r("strong",{key:"5883c56d6aa717e654634e4232e768e76b5f8236",class:"bonusprogressbar-top-percentage"},this.bonuspercentage)),this.sumtext?r("div",{class:"bonusprogressbar-sumtext"},this.sumtext):null)),r("div",{key:"9ca7943f007cfb8bf63c1c64032140ae158bed85",class:"bonusprogressbar-wrapper"},r("progress",{key:"db618cbeb83e9e6459c2db90da1806952b2b98b3",class:"bonusprogressbar-progress",value:this.progresspercentage,max:"100"}),r("slot",{key:"6954cfff8a350a37528f0529d1158b79b9abe499"})))}static get watchers(){return{currentLevelAdjustedValue:["setValuePercentage"],value:["setValuePercentage"],min:["setValuePercentage"],max:["setValuePercentage"]}}};i.style=a;export{i as pn_bonus_progressbar};
+//# sourceMappingURL=p-4e3059dd.entry.js.map

package/dist/pn-market-web-components/{p-7db6ef34.entry.js.map → p-4e3059dd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnBonusProgressbarCss","PnBonusProgressbarStyle0","PnBonusProgressbar","componentWillLoad","this","setInitialValues","setValuePercentage","levelElements","Array","from","hostElement","querySelectorAll","currentLevelAdjustedValue","value","levelValues","map","elm","parseInt","getAttribute","max","length","newMax","slice","modifier","Math","floor","valuepercentage","progresspercentage","min","iconColor","theme","render","h","Host","key","class","icon","small","color","heading","bonuspercentage","sumtext"],"sources":["src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.scss?tag=pn-bonus-progressbar","src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-bonus-progressbar {\n  width: 100%;\n}\n\n.bonusprogressbar-top {\n  display: flex;\n  align-items: center;\n  margin-bottom: 1.6rem;\n}\n\n.bonusprogressbar-top-icon {\n  border-radius: 100%;\n  height: 5rem;\n  width: 5rem;\n  padding: 1rem;\n  display: inline-flex;\n  margin-right: 1em;\n  margin-left: 0.5em;\n  background-color: #e0f8ff;\n  [theme='red'] & {\n    background-color: #fbc2c1;\n  }\n  pn-icon svg {\n    width: 100%;\n    height: 100%;\n  }\n}\n.bonusprogressbar-top-heading {\n}\n.bonusprogressbar-top-headline {\n}\n\n.bonusprogressbar-sumtext {\n  margin-top: 0.4rem;\n  font-size: 1.3rem;\n  color: $gray700;\n}\n.bonusprogressbar-top-percentage {\n  //margin-left:auto;\n  margin-left: 0.8rem;\n  padding: 0;\n}\n\n.bonusprogressbar-wrapper {\n  position: relative;\n  display: flex;\n  min-height: 5em;\n  align-items: center;\n}\n\n.bonusprogressbar-currentlevel {\n  position: absolute;\n}\n.bonusprogressbar-progress[value] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  width: 100%;\n  height: 1.7rem;\n\n  border: 0.1rem solid #00a0d6;\n  [theme='red'] & {\n    border-color: #f06365;\n  }\n  border-radius: 1.7rem;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  &::-webkit-progress-bar {\n    border: 0;\n    border-radius: 1.7rem;\n    margin: 0;\n    padding: 0;\n    background: #e0f8ff;\n\n    [theme='red'] & {\n      background: #fdefee;\n    }\n  }\n  &::-webkit-progress-value {\n    margin: 0;\n    padding: 0;\n    border-radius: 1.7rem;\n    background: #00a0d6;\n    [theme='red'] & {\n      background: #f06365;\n    }\n  }\n}\n","import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pn-bonus-progressbar',\n  styleUrl: 'pn-bonus-progressbar.scss',\n})\nexport class PnBonusProgressbar {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() icon: string = null;\n  @Prop() heading: string = '';\n  @Prop({ reflect: true }) sumtext: string = null;\n  @Prop({ reflect: true }) theme: string = 'blue';\n  @Prop() bonuspercentage: string = '0%';\n  @Prop({ reflect: true }) currency: string = 'kr';\n  @Prop({ reflect: true, mutable: true }) value: number = 0;\n  @Prop({ reflect: true, mutable: true }) min: number = 0;\n  @Prop({ reflect: true, mutable: true }) max: number = 0;\n\n  @State() valuepercentage: number = 0;\n  @State() progresspercentage: number = 0;\n  @State() levelValues: number[] = [];\n  @State() currentLevelAdjustedValue: number = 0;\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this.setValuePercentage();\n  }\n\n  setInitialValues() {\n    const levelElements = Array.from(this.hostElement.querySelectorAll('pn-bonus-progressbar-level:not([current])'));\n    this.currentLevelAdjustedValue = this.value;\n    this.levelValues = levelElements.map(elm => {\n      return parseInt(elm.getAttribute('value'), 10);\n    });\n    if (!this.max) {\n      if (this.levelValues && this.levelValues.length > 0) {\n        const newMax = this.levelValues.slice(-1)[0] as number;\n        let modifier = 1.05;\n        if (this.value > newMax) {\n          modifier = 1.2;\n        }\n        this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      }\n    }\n\n    // if (!this.min) {\n    //   const suggestedMin = Math.floor(this.value * 0.9);\n    //   if (suggestedMin > 0) {\n    //     this.min = suggestedMin;\n    //   }\n    // }\n\n    if (this.value > this.max) {\n      this.currentLevelAdjustedValue = 100;\n    }\n  }\n\n  @Watch('currentLevelAdjustedValue')\n  @Watch('value')\n  @Watch('min')\n  @Watch('max')\n  setValuePercentage() {\n    this.valuepercentage = (this.value / this.max) * 100;\n    this.progresspercentage = ((this.value - this.min) / (this.max - this.min)) * 100;\n    if (this.progresspercentage < 0) {\n      if (this.levelValues && this.levelValues.length && this.levelValues[0] < this.value) {\n        this.min = Math.floor(this.levelValues[0] * 0.95);\n      } else {\n        this.min = Math.floor(this.value * 0.95);\n      }\n    }\n\n    if (this.progresspercentage > 100) {\n      this.progresspercentage = 100;\n      const newMax = this.levelValues.slice(-1)[0] as number;\n      let modifier = 1.05;\n      if (this.value > newMax) {\n        modifier = 1.2;\n      }\n      this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      // this.max = Math.floor(newMax * 1.20);\n    }\n  }\n\n  iconColor() {\n    switch (this.theme) {\n      case 'red':\n        return 'coral700';\n      case 'blue':\n      default:\n        return 'blue700';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"bonusprogressbar-top\">\n          {this.icon ? (\n            <div class=\"bonusprogressbar-top-icon\">\n              <pn-icon icon={this.icon} small=\"false\" color={this.iconColor()} />\n            </div>\n          ) : (\n            {}\n          )}\n          <div class=\"bonusprogressbar-top-heading\">\n            <h4 class=\"bonusprogressbar-top-headline\">\n              {this.heading} <strong class=\"bonusprogressbar-top-percentage\">{this.bonuspercentage}</strong>\n            </h4>\n            {this.sumtext ? <div class=\"bonusprogressbar-sumtext\">{this.sumtext}</div> : null}\n          </div>\n        </div>\n\n        <div class=\"bonusprogressbar-wrapper\">\n          <progress class=\"bonusprogressbar-progress\" value={this.progresspercentage} max=\"100\"></progress>\n          {/* <pn-bonus-progressbar-level current={true} value={this.value} visualpercentage={this.currentLevelAdjustedValue} bonuspercentage={this.bonuspercentage}></pn-bonus-progressbar-level> */}\n          {/* <div class=\"bonusprogressbar-currentlevel\" style={ {'left':`%`} }></div> */}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,2uDAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,mCAGN,K,aACG,G,aACiB,K,WACF,O,qBACP,K,cACU,K,WACY,E,SACF,E,SACA,E,qBAEnB,E,wBACG,E,iBACL,G,+BACY,C,kCAE7C,iBAAAC,GACEC,KAAKC,mBACLD,KAAKE,oB,CAGP,gBAAAD,GACE,MAAME,EAAgBC,MAAMC,KAAKL,KAAKM,YAAYC,iBAAiB,8CACnEP,KAAKQ,0BAA4BR,KAAKS,MACtCT,KAAKU,YAAcP,EAAcQ,KAAIC,GAC5BC,SAASD,EAAIE,aAAa,SAAU,MAE7C,IAAKd,KAAKe,IAAK,CACb,GAAIf,KAAKU,aAAeV,KAAKU,YAAYM,OAAS,EAAG,CACnD,MAAMC,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAWnC,GAAInB,KAAKS,MAAQT,KAAKe,IAAK,CACzBf,KAAKQ,0BAA4B,G,EAQrC,kBAAAN,GACEF,KAAKsB,gBAAmBtB,KAAKS,MAAQT,KAAKe,IAAO,IACjDf,KAAKuB,oBAAuBvB,KAAKS,MAAQT,KAAKwB,MAAQxB,KAAKe,IAAMf,KAAKwB,KAAQ,IAC9E,GAAIxB,KAAKuB,mBAAqB,EAAG,CAC/B,GAAIvB,KAAKU,aAAeV,KAAKU,YAAYM,QAAUhB,KAAKU,YAAY,GAAKV,KAAKS,MAAO,CACnFT,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKU,YAAY,GAAK,I,KACvC,CACLV,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKS,MAAQ,I,EAIvC,GAAIT,KAAKuB,mBAAqB,IAAK,CACjCvB,KAAKuB,mBAAqB,IAC1B,MAAMN,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAKnC,SAAAM,GACE,OAAQzB,KAAK0B,OACX,IAAK,MACH,MAAO,WACT,IAAK,OACL,QACE,MAAO,U,CAIb,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACR/B,KAAKgC,KACJJ,EAAA,OAAKG,MAAM,6BACTH,EAAA,WAASI,KAAMhC,KAAKgC,KAAMC,MAAM,QAAQC,MAAOlC,KAAKyB,eAChD,CAEJ,EAEJG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,iCACP/B,KAAKmC,QAAO,IAAEP,EAAA,UAAAE,IAAA,2CAAQC,MAAM,mCAAmC/B,KAAKoC,kBAEtEpC,KAAKqC,QAAUT,EAAA,OAAKG,MAAM,4BAA4B/B,KAAKqC,SAAiB,OAIjFT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,YAAAE,IAAA,2CAAUC,MAAM,4BAA4BtB,MAAOT,KAAKuB,mBAAoBR,IAAI,QAGhFa,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["pnBonusProgressbarCss","PnBonusProgressbarStyle0","PnBonusProgressbar","componentWillLoad","this","setInitialValues","setValuePercentage","levelElements","Array","from","hostElement","querySelectorAll","currentLevelAdjustedValue","value","levelValues","map","elm","parseInt","getAttribute","max","length","newMax","slice","modifier","Math","floor","valuepercentage","progresspercentage","min","iconColor","theme","render","h","Host","key","class","icon","small","color","heading","bonuspercentage","sumtext"],"sources":["src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.scss?tag=pn-bonus-progressbar","src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-bonus-progressbar {\n  width: 100%;\n}\n\n.bonusprogressbar-top {\n  display: flex;\n  align-items: center;\n  margin-bottom: 1.6rem;\n}\n\n.bonusprogressbar-top-icon {\n  border-radius: 100%;\n  height: 5rem;\n  width: 5rem;\n  padding: 1rem;\n  display: inline-flex;\n  margin-right: 1em;\n  margin-left: 0.5em;\n  background-color: #e0f8ff;\n  [theme='red'] & {\n    background-color: #fbc2c1;\n  }\n  pn-icon svg {\n    width: 100%;\n    height: 100%;\n  }\n}\n.bonusprogressbar-top-heading {\n}\n.bonusprogressbar-top-headline {\n}\n\n.bonusprogressbar-sumtext {\n  margin-top: 0.4rem;\n  font-size: 1.3rem;\n  color: $gray700;\n}\n.bonusprogressbar-top-percentage {\n  //margin-left:auto;\n  margin-left: 0.8rem;\n  padding: 0;\n}\n\n.bonusprogressbar-wrapper {\n  position: relative;\n  display: flex;\n  min-height: 5em;\n  align-items: center;\n}\n\n.bonusprogressbar-currentlevel {\n  position: absolute;\n}\n.bonusprogressbar-progress[value] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  width: 100%;\n  height: 1.7rem;\n\n  border: 0.1rem solid #00a0d6;\n  [theme='red'] & {\n    border-color: #f06365;\n  }\n  border-radius: 1.7rem;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  &::-webkit-progress-bar {\n    border: 0;\n    border-radius: 1.7rem;\n    margin: 0;\n    padding: 0;\n    background: #e0f8ff;\n\n    [theme='red'] & {\n      background: #fdefee;\n    }\n  }\n  &::-webkit-progress-value {\n    margin: 0;\n    padding: 0;\n    border-radius: 1.7rem;\n    background: #00a0d6;\n    [theme='red'] & {\n      background: #f06365;\n    }\n  }\n}\n","import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pn-bonus-progressbar',\n  styleUrl: 'pn-bonus-progressbar.scss',\n})\nexport class PnBonusProgressbar {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() icon: string = null;\n  @Prop() heading: string = '';\n  @Prop({ reflect: true }) sumtext: string = null;\n  @Prop({ reflect: true }) theme: string = 'blue';\n  @Prop() bonuspercentage: string = '0%';\n  @Prop({ reflect: true }) currency: string = 'kr';\n  @Prop({ reflect: true, mutable: true }) value: number = 0;\n  @Prop({ reflect: true, mutable: true }) min: number = 0;\n  @Prop({ reflect: true, mutable: true }) max: number = 0;\n\n  @State() valuepercentage: number = 0;\n  @State() progresspercentage: number = 0;\n  @State() levelValues: number[] = [];\n  @State() currentLevelAdjustedValue: number = 0;\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this.setValuePercentage();\n  }\n\n  setInitialValues() {\n    const levelElements = Array.from(this.hostElement.querySelectorAll('pn-bonus-progressbar-level:not([current])'));\n    this.currentLevelAdjustedValue = this.value;\n    this.levelValues = levelElements.map(elm => {\n      return parseInt(elm.getAttribute('value'), 10);\n    });\n    if (!this.max) {\n      if (this.levelValues && this.levelValues.length > 0) {\n        const newMax = this.levelValues.slice(-1)[0] as number;\n        let modifier = 1.05;\n        if (this.value > newMax) {\n          modifier = 1.2;\n        }\n        this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      }\n    }\n\n    // if (!this.min) {\n    //   const suggestedMin = Math.floor(this.value * 0.9);\n    //   if (suggestedMin > 0) {\n    //     this.min = suggestedMin;\n    //   }\n    // }\n\n    if (this.value > this.max) {\n      this.currentLevelAdjustedValue = 100;\n    }\n  }\n\n  @Watch('currentLevelAdjustedValue')\n  @Watch('value')\n  @Watch('min')\n  @Watch('max')\n  setValuePercentage() {\n    this.valuepercentage = (this.value / this.max) * 100;\n    this.progresspercentage = ((this.value - this.min) / (this.max - this.min)) * 100;\n    if (this.progresspercentage < 0) {\n      if (this.levelValues && this.levelValues.length && this.levelValues[0] < this.value) {\n        this.min = Math.floor(this.levelValues[0] * 0.95);\n      } else {\n        this.min = Math.floor(this.value * 0.95);\n      }\n    }\n\n    if (this.progresspercentage > 100) {\n      this.progresspercentage = 100;\n      const newMax = this.levelValues.slice(-1)[0] as number;\n      let modifier = 1.05;\n      if (this.value > newMax) {\n        modifier = 1.2;\n      }\n      this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      // this.max = Math.floor(newMax * 1.20);\n    }\n  }\n\n  iconColor() {\n    switch (this.theme) {\n      case 'red':\n        return 'coral700';\n      case 'blue':\n      default:\n        return 'blue700';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"bonusprogressbar-top\">\n          {this.icon ? (\n            <div class=\"bonusprogressbar-top-icon\">\n              <pn-icon icon={this.icon} small=\"false\" color={this.iconColor()} />\n            </div>\n          ) : (\n            {}\n          )}\n          <div class=\"bonusprogressbar-top-heading\">\n            <h4 class=\"bonusprogressbar-top-headline\">\n              {this.heading} <strong class=\"bonusprogressbar-top-percentage\">{this.bonuspercentage}</strong>\n            </h4>\n            {this.sumtext ? <div class=\"bonusprogressbar-sumtext\">{this.sumtext}</div> : null}\n          </div>\n        </div>\n\n        <div class=\"bonusprogressbar-wrapper\">\n          <progress class=\"bonusprogressbar-progress\" value={this.progresspercentage} max=\"100\"></progress>\n          {/* <pn-bonus-progressbar-level current={true} value={this.value} visualpercentage={this.currentLevelAdjustedValue} bonuspercentage={this.bonuspercentage}></pn-bonus-progressbar-level> */}\n          {/* <div class=\"bonusprogressbar-currentlevel\" style={ {'left':`%`} }></div> */}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,k6CAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,mCAGN,K,aACG,G,aACiB,K,WACF,O,qBACP,K,cACU,K,WACY,E,SACF,E,SACA,E,qBAEnB,E,wBACG,E,iBACL,G,+BACY,C,kCAE7C,iBAAAC,GACEC,KAAKC,mBACLD,KAAKE,oB,CAGP,gBAAAD,GACE,MAAME,EAAgBC,MAAMC,KAAKL,KAAKM,YAAYC,iBAAiB,8CACnEP,KAAKQ,0BAA4BR,KAAKS,MACtCT,KAAKU,YAAcP,EAAcQ,KAAIC,GAC5BC,SAASD,EAAIE,aAAa,SAAU,MAE7C,IAAKd,KAAKe,IAAK,CACb,GAAIf,KAAKU,aAAeV,KAAKU,YAAYM,OAAS,EAAG,CACnD,MAAMC,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAWnC,GAAInB,KAAKS,MAAQT,KAAKe,IAAK,CACzBf,KAAKQ,0BAA4B,G,EAQrC,kBAAAN,GACEF,KAAKsB,gBAAmBtB,KAAKS,MAAQT,KAAKe,IAAO,IACjDf,KAAKuB,oBAAuBvB,KAAKS,MAAQT,KAAKwB,MAAQxB,KAAKe,IAAMf,KAAKwB,KAAQ,IAC9E,GAAIxB,KAAKuB,mBAAqB,EAAG,CAC/B,GAAIvB,KAAKU,aAAeV,KAAKU,YAAYM,QAAUhB,KAAKU,YAAY,GAAKV,KAAKS,MAAO,CACnFT,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKU,YAAY,GAAK,I,KACvC,CACLV,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKS,MAAQ,I,EAIvC,GAAIT,KAAKuB,mBAAqB,IAAK,CACjCvB,KAAKuB,mBAAqB,IAC1B,MAAMN,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAKnC,SAAAM,GACE,OAAQzB,KAAK0B,OACX,IAAK,MACH,MAAO,WACT,IAAK,OACL,QACE,MAAO,U,CAIb,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACR/B,KAAKgC,KACJJ,EAAA,OAAKG,MAAM,6BACTH,EAAA,WAASI,KAAMhC,KAAKgC,KAAMC,MAAM,QAAQC,MAAOlC,KAAKyB,eAChD,CAEJ,EAEJG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,iCACP/B,KAAKmC,QAAO,IAAEP,EAAA,UAAAE,IAAA,2CAAQC,MAAM,mCAAmC/B,KAAKoC,kBAEtEpC,KAAKqC,QAAUT,EAAA,OAAKG,MAAM,4BAA4B/B,KAAKqC,SAAiB,OAIjFT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,YAAAE,IAAA,2CAAUC,MAAM,4BAA4BtB,MAAOT,KAAKuB,mBAAoBR,IAAI,QAGhFa,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/pn-market-web-components/p-4fa5bc85.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,d as e}from"./p-bb1c965e.js";import{t as s}from"./p-6e056c20.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-proxio-findprice-result [slot=insurance]{display:flex;justify-content:center}pn-proxio-findprice-result .insurance-box{padding:0.4rem 0.8rem;border-radius:0.8rem;background-color:#8eddf9;text-align:center;font-size:1.2rem;font-weight:400;margin-bottom:2.4rem}";const r=n;const o=class{constructor(i){t(this,i);this.item=null;this.activeweight=null;this.shownitems=[];this.Usp1=undefined;this.Usp2=undefined;this.Usp3=undefined;this.description=[];this.showMeasurement=false;this.showInternational=false;this.selectedCountrycode="";this.market="";this.language="sv";this.weightText="";this.linkId="";this.shopLabel="";this.shopUrl="";this.shopId="";this.i18n=s[this.language]}componentWillLoad(){this.composeItems()}composeItems(){this.shownitems=[this.item]}getPriceString(t){if(!t.productWeightGroupList){return null}const i=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let e="";if(this.showInternational&&this.selectedCountrycode&&this.selectedCountrycode!==this.market&&t.weightPriceCountryList){let s=t.weightPriceCountryList.filter((t=>t.item3.includes(this.selectedCountrycode.toUpperCase())));e=s?s[i]?.item2:""}else{e=t.weightAndPriceList?t?.weightAndPriceList[i]?.item2:""}return e?this.i18n.from+e:""}getProductLink(t,i){if(t.productWeightGroupList){const e=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let s=i[e]?.item2;let n=t.productLink?t?.productLink:"";return n?n+(s?"?productId="+s:""):""}return null}getDeliveryInformation(t){if(!this.showInternational||!t.deliveryDateInternationalInformation){return t.deliveryDateInformation}const i=t?.deliveryDateInternationalInformation?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return t.deliveryDateInformation}return i.item2}getInsuranceAmountText(t){if(!t.insuranceAmounts){return""}const i=t?.insuranceAmounts?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return""}return i.item2}render(){return i(e,{key:"0bf495d2337a5a112de454b98c76147bd135b0cf"},i("pn-proxio-productcard",{key:"9d0da5ffdf45c892b67236a0b1d06be8cc52a113"},i("pn-illustration",{key:"783696bf52efbbb64f3e8536ba057e16cae1943a",slot:"illustrationmobile",illustration:this.item.proxioProduct.productIcon}),i("h2",{key:"2e2fe03151bcf9468f8fc4154358654ce2ffa86a",slot:"title"},this.item.proxioProduct.productTitle),i("pn-proxio-productcard-description",{key:"c357d811b212feeb00c14ae46ad17ebbd8a7383a",slot:"description",heading:this.item.proxioProduct.productPreamble,highlight:this.getDeliveryInformation(this.item.proxioProduct),list:this.item.proxioProduct.productDescriptionBulletListItems}),i("div",{key:"26b595115d54451b2d29097d199856be2dd99f1c",slot:"information"},i("pn-proxio-productcard-information",{key:"33b420a6ba59d255dff7643985a1430513e5c0d8",label:this.i18n.labelMaxDimensions,information:this.item.proxioProduct.productPackageDimensionsList}),i("pn-proxio-productcard-information",{key:"56ced06cfb79593286c9a32966a6871ed9bfb9a1",label:this.i18n.labelMaxDimensionsRoll,information:this.item.proxioProduct.productRollDimensionsList})),i("div",{key:"49ecf6168082d965c46b21933f31f896b8a34294",slot:"bottomtags"},this.item.proxioProduct.usp1?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp1):null,this.item.proxioProduct.usp2?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp2):null,this.item.proxioProduct.usp3?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp3):null),i("pn-illustration",{key:"3c102be2efa76a07d3f06a6cab1fdbfc734a382c",slot:"illustration",illustration:this.item.proxioProduct.productIcon}),i("div",{key:"cb060ee9699f5877e277cb40839ce2abb87a4ba8",slot:"pricelink"},i("pn-proxio-productcard-pricelink",{key:"4d3395124881e0d807b73ef414e3b2e8c9d7efcd",price:this.getPriceString(this.item.proxioProduct),link:this.getProductLink(this.item.proxioProduct,this.item.proxioProduct.productWeightGroupList),linktext:this.item.proxioProduct.productLinkText}),this.item.relatedProxioProducts?this.item.relatedProxioProducts.map((t=>i("pn-proxio-productcard-pricelink",{price:this.getPriceString(t),link:t.productLink,linktext:t.productLinkText}))):null),this.getInsuranceAmountText(this.item.proxioProduct)?i("div",{slot:"insurance"},i("div",{class:"insurance-box"},this.getInsuranceAmountText(this.item.proxioProduct))):null))}static get watchers(){return{item:["composeItems"],activeweight:["getPriceString","getProductLink"]}}};o.style=r;export{o as pn_proxio_findprice_result};
+//# sourceMappingURL=p-4fa5bc85.entry.js.map

package/dist/pn-market-web-components/{p-0fc01d3f.entry.js.map → p-4fa5bc85.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProxioFindpriceResultCss","PnProxioFindpriceResultStyle0","PnProxioFindPriceResult","translations","this","language","componentWillLoad","composeItems","shownitems","item","getPriceString","product","productWeightGroupList","activeIndex","findIndex","item1","activeweight","price","showInternational","selectedCountrycode","market","weightPriceCountryList","filter","item3","includes","toUpperCase","item2","weightAndPriceList","i18n","from","getProductLink","productId","productLink","getDeliveryInformation","deliveryDateInternationalInformation","deliveryDateInformation","internationalShipment","find","info","toLowerCase","getInsuranceAmountText","insuranceAmounts","insuranceAmount","render","h","Host","key","slot","illustration","proxioProduct","productIcon","productTitle","heading","productPreamble","highlight","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts","map","class"],"sources":["src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.scss?tag=pn-proxio-findprice-result","src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-proxio-findprice-result {\n  [slot='insurance'] {\n    display: flex;\n    justify-content: center;\n  }\n\n  .insurance-box {\n    padding: 0.4rem 0.8rem;\n    border-radius: 0.8rem;\n    background-color: $blue200;\n    text-align: center;\n    font-size: 1.2rem;\n    font-weight: 400;\n    margin-bottom: 2.4rem;\n  }\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProxioPriceGroupi18n, ProxioProduct, ProductGenericItem, ProductWeightGroupListItem, ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport { translations } from '../pn-proxio-pricegroup/translations';\n\n@Component({\n  tag: 'pn-proxio-findprice-result',\n  styleUrl: 'pn-proxio-findprice-result.scss',\n})\nexport class PnProxioFindPriceResult {\n  @Prop({ mutable: true }) item: ProxioPriceListGroupResponse = null;\n  @Prop({ mutable: true }) activeweight: number = null;\n  @Prop() shownitems: ProxioPriceListGroupResponse[] = [];\n  @Prop() Usp1?: string;\n  @Prop() Usp2?: string;\n  @Prop() Usp3?: string;\n  @Prop() description?: string[] = [];\n  @Prop() showMeasurement?: boolean = false;\n  @Prop() showInternational: boolean = false;\n  @Prop() selectedCountrycode: string = '';\n  @Prop() market: string = '';\n  @Prop({ mutable: true }) language: string = 'sv';\n\n  @State() weightText = '';\n  @State() linkId: string = '';\n  @State() shopLabel: string = '';\n  @State() shopUrl: string = '';\n  @State() shopId: string = '';\n  @State() i18n: ProxioPriceGroupi18n = translations[this.language];\n\n  componentWillLoad() {\n    this.composeItems();\n  }\n\n  @Watch('item')\n  composeItems() {\n    this.shownitems = [this.item];\n  }\n\n  @Watch('activeweight')\n  getPriceString(product: ProxioProduct) {\n    if (!product.productWeightGroupList) {\n      return null;\n    }\n\n    const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n    let price = '';\n\n    if (this.showInternational && this.selectedCountrycode && this.selectedCountrycode !== this.market && product.weightPriceCountryList) {\n      let weightPriceCountryList = product.weightPriceCountryList.filter(item => item.item3.includes(this.selectedCountrycode.toUpperCase()));\n\n      price = weightPriceCountryList ? weightPriceCountryList[activeIndex]?.item2 : '';\n    } else {\n      price = product.weightAndPriceList ? product?.weightAndPriceList[activeIndex]?.item2 : '';\n    }\n\n    return price ? this.i18n.from + price : '';\n  }\n\n  @Watch('activeweight')\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    if (product.productWeightGroupList) {\n      const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n      let productId = productWeightGroupList[activeIndex]?.item2;\n      let productLink = product.productLink ? product?.productLink : '';\n      return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n    }\n    return null;\n  }\n\n  getDeliveryInformation(product: ProxioProduct) {\n    if (!this.showInternational || !product.deliveryDateInternationalInformation) {\n      return product.deliveryDateInformation;\n    }\n\n    const internationalShipment = product?.deliveryDateInternationalInformation?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n    if (!internationalShipment?.item2 ?? true) {\n      return product.deliveryDateInformation;\n    }\n\n    return internationalShipment.item2;\n  }\n\n  getInsuranceAmountText(product: ProxioProduct) {\n    if (!product.insuranceAmounts) {\n      return '';\n    }\n\n    const insuranceAmount = product?.insuranceAmounts?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n    if (!insuranceAmount?.item2 ?? true) {\n      return '';\n    }\n\n    return insuranceAmount.item2;\n  }\n\n  render() {\n    return (\n      <Host>\n        {\n          <pn-proxio-productcard>\n            <pn-illustration slot=\"illustrationmobile\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n            <h2 slot=\"title\">{this.item.proxioProduct.productTitle}</h2>\n            <pn-proxio-productcard-description\n              slot=\"description\"\n              heading={this.item.proxioProduct.productPreamble}\n              highlight={this.getDeliveryInformation(this.item.proxioProduct)}\n              list={this.item.proxioProduct.productDescriptionBulletListItems}\n            ></pn-proxio-productcard-description>\n            <div slot=\"information\">\n              <pn-proxio-productcard-information\n                label={this.i18n.labelMaxDimensions}\n                information={this.item.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n              ></pn-proxio-productcard-information>\n              <pn-proxio-productcard-information\n                label={this.i18n.labelMaxDimensionsRoll}\n                information={this.item.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n              ></pn-proxio-productcard-information>\n            </div>\n            <div slot=\"bottomtags\">\n              {this.item.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp1}</pn-titletag> : null}\n              {this.item.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp2}</pn-titletag> : null}\n              {this.item.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp3}</pn-titletag> : null}\n            </div>\n            <pn-illustration slot=\"illustration\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n            <div slot=\"pricelink\">\n              <pn-proxio-productcard-pricelink\n                price={this.getPriceString(this.item.proxioProduct)}\n                link={this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList)}\n                linktext={this.item.proxioProduct.productLinkText}\n              ></pn-proxio-productcard-pricelink>\n              {this.item.relatedProxioProducts\n                ? this.item.relatedProxioProducts.map(product => (\n                    <pn-proxio-productcard-pricelink\n                      price={this.getPriceString(product)}\n                      link={product.productLink}\n                      linktext={product.productLinkText}\n                    ></pn-proxio-productcard-pricelink>\n                  ))\n                : null}\n            </div>\n            {this.getInsuranceAmountText(this.item.proxioProduct) ? (\n              <div slot=\"insurance\">\n                <div class=\"insurance-box\">{this.getInsuranceAmountText(this.item.proxioProduct)}</div>\n              </div>\n            ) : null}\n          </pn-proxio-productcard>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pnProxioFindpriceResultCss","PnProxioFindpriceResultStyle0","PnProxioFindPriceResult","translations","this","language","componentWillLoad","composeItems","shownitems","item","getPriceString","product","productWeightGroupList","activeIndex","findIndex","item1","activeweight","price","showInternational","selectedCountrycode","market","weightPriceCountryList","filter","item3","includes","toUpperCase","item2","weightAndPriceList","i18n","from","getProductLink","productId","productLink","getDeliveryInformation","deliveryDateInternationalInformation","deliveryDateInformation","internationalShipment","find","info","toLowerCase","getInsuranceAmountText","insuranceAmounts","insuranceAmount","render","h","Host","key","slot","illustration","proxioProduct","productIcon","productTitle","heading","productPreamble","highlight","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts","map","class"],"sources":["src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.scss?tag=pn-proxio-findprice-result","src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-proxio-findprice-result {\n  [slot='insurance'] {\n    display: flex;\n    justify-content: center;\n  }\n\n  .insurance-box {\n    padding: 0.4rem 0.8rem;\n    border-radius: 0.8rem;\n    background-color: $blue200;\n    text-align: center;\n    font-size: 1.2rem;\n    font-weight: 400;\n    margin-bottom: 2.4rem;\n  }\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProxioPriceGroupi18n, ProxioProduct, ProductGenericItem, ProductWeightGroupListItem, ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport { translations } from '../pn-proxio-pricegroup/translations';\n\n@Component({\n  tag: 'pn-proxio-findprice-result',\n  styleUrl: 'pn-proxio-findprice-result.scss',\n})\nexport class PnProxioFindPriceResult {\n  @Prop({ mutable: true }) item: ProxioPriceListGroupResponse = null;\n  @Prop({ mutable: true }) activeweight: number = null;\n  @Prop() shownitems: ProxioPriceListGroupResponse[] = [];\n  @Prop() Usp1?: string;\n  @Prop() Usp2?: string;\n  @Prop() Usp3?: string;\n  @Prop() description?: string[] = [];\n  @Prop() showMeasurement?: boolean = false;\n  @Prop() showInternational: boolean = false;\n  @Prop() selectedCountrycode: string = '';\n  @Prop() market: string = '';\n  @Prop({ mutable: true }) language: string = 'sv';\n\n  @State() weightText = '';\n  @State() linkId: string = '';\n  @State() shopLabel: string = '';\n  @State() shopUrl: string = '';\n  @State() shopId: string = '';\n  @State() i18n: ProxioPriceGroupi18n = translations[this.language];\n\n  componentWillLoad() {\n    this.composeItems();\n  }\n\n  @Watch('item')\n  composeItems() {\n    this.shownitems = [this.item];\n  }\n\n  @Watch('activeweight')\n  getPriceString(product: ProxioProduct) {\n    if (!product.productWeightGroupList) {\n      return null;\n    }\n\n    const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n    let price = '';\n\n    if (this.showInternational && this.selectedCountrycode && this.selectedCountrycode !== this.market && product.weightPriceCountryList) {\n      let weightPriceCountryList = product.weightPriceCountryList.filter(item => item.item3.includes(this.selectedCountrycode.toUpperCase()));\n\n      price = weightPriceCountryList ? weightPriceCountryList[activeIndex]?.item2 : '';\n    } else {\n      price = product.weightAndPriceList ? product?.weightAndPriceList[activeIndex]?.item2 : '';\n    }\n\n    return price ? this.i18n.from + price : '';\n  }\n\n  @Watch('activeweight')\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    if (product.productWeightGroupList) {\n      const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n      let productId = productWeightGroupList[activeIndex]?.item2;\n      let productLink = product.productLink ? product?.productLink : '';\n      return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n    }\n    return null;\n  }\n\n  getDeliveryInformation(product: ProxioProduct) {\n    if (!this.showInternational || !product.deliveryDateInternationalInformation) {\n      return product.deliveryDateInformation;\n    }\n\n    const internationalShipment = product?.deliveryDateInternationalInformation?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n    if (!internationalShipment?.item2 ?? true) {\n      return product.deliveryDateInformation;\n    }\n\n    return internationalShipment.item2;\n  }\n\n  getInsuranceAmountText(product: ProxioProduct) {\n    if (!product.insuranceAmounts) {\n      return '';\n    }\n\n    const insuranceAmount = product?.insuranceAmounts?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n    if (!insuranceAmount?.item2 ?? true) {\n      return '';\n    }\n\n    return insuranceAmount.item2;\n  }\n\n  render() {\n    return (\n      <Host>\n        {\n          <pn-proxio-productcard>\n            <pn-illustration slot=\"illustrationmobile\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n            <h2 slot=\"title\">{this.item.proxioProduct.productTitle}</h2>\n            <pn-proxio-productcard-description\n              slot=\"description\"\n              heading={this.item.proxioProduct.productPreamble}\n              highlight={this.getDeliveryInformation(this.item.proxioProduct)}\n              list={this.item.proxioProduct.productDescriptionBulletListItems}\n            ></pn-proxio-productcard-description>\n            <div slot=\"information\">\n              <pn-proxio-productcard-information\n                label={this.i18n.labelMaxDimensions}\n                information={this.item.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n              ></pn-proxio-productcard-information>\n              <pn-proxio-productcard-information\n                label={this.i18n.labelMaxDimensionsRoll}\n                information={this.item.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n              ></pn-proxio-productcard-information>\n            </div>\n            <div slot=\"bottomtags\">\n              {this.item.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp1}</pn-titletag> : null}\n              {this.item.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp2}</pn-titletag> : null}\n              {this.item.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp3}</pn-titletag> : null}\n            </div>\n            <pn-illustration slot=\"illustration\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n            <div slot=\"pricelink\">\n              <pn-proxio-productcard-pricelink\n                price={this.getPriceString(this.item.proxioProduct)}\n                link={this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList)}\n                linktext={this.item.proxioProduct.productLinkText}\n              ></pn-proxio-productcard-pricelink>\n              {this.item.relatedProxioProducts\n                ? this.item.relatedProxioProducts.map(product => (\n                    <pn-proxio-productcard-pricelink\n                      price={this.getPriceString(product)}\n                      link={product.productLink}\n                      linktext={product.productLinkText}\n                    ></pn-proxio-productcard-pricelink>\n                  ))\n                : null}\n            </div>\n            {this.getInsuranceAmountText(this.item.proxioProduct) ? (\n              <div slot=\"insurance\">\n                <div class=\"insurance-box\">{this.getInsuranceAmountText(this.item.proxioProduct)}</div>\n              </div>\n            ) : null}\n          </pn-proxio-productcard>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/p-530274ae.entry.js

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