@postnord/pn-marketweb-components 3.4.21 → 3.4.23

package/pn-market-web-components/p-0c54be24.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","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          <nav class=\"languageselector-nav\" aria-label={this.i18n.heading}>\n            <strong class=\"languageselector-title\">{this.i18n.heading}</strong>\n            <div class=\"languageselector-list\" role=\"list\">\n              <slot />\n            </div>\n          </nav>\n        </pn-button-dropdown>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-language-common.scss';\n\npn-language-selector-option {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.languageselector-button,\n.languageselector-link {\n  width: 100%;\n  padding: 1.1rem 1.6rem 1.1rem 1.4rem;\n  display: flex;\n  align-items: center;\n  position: relative;\n  text-decoration: none;\n  border: 0;\n  cursor: pointer;\n  background-color: $white;\n  color: $blue700;\n  font-size: 1.6rem;\n  font-weight: bold;\n  border-radius: 0;\n  &:hover,\n  &:focus,\n  &:active {\n    color: $blue900;\n    text-decoration: underline;\n    box-shadow: none;\n    background-color: $gray50;\n    color: $blue700;\n    outline: none;\n  }\n}\n\n.languageselector-itemtext {\n  display: inline-block;\n  margin-left: 1rem;\n}\n\n.languageselector-radio-outer {\n  background: #fff;\n  border: 0.1em solid $gray200;\n  border-radius: 50%;\n  height: 1.5em;\n  width: 1.5em;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition:\n    border 0.2s ease-in-out,\n    background-color 0.2s ease-in-out,\n    box-shadow 0.1s;\n  cursor: pointer;\n\n  &:focus > &,\n  &:active > & {\n    box-shadow:\n      0 0 0 0.1rem white,\n      0 0 0 0.3rem $blue700;\n  }\n  &:hover > & {\n    border: 0.1rem solid $blue700;\n    background: $blue50;\n  }\n  [selected='true'] & {\n    border: 0.1rem solid $blue700;\n  }\n}\n\n.languageselector-radio-inner {\n  transform: scale(0);\n  height: 1em;\n  width: 1em;\n  background-color: $blue700;\n  border-radius: 50%;\n  transform-origin: center center;\n  transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n\n  [selected='true'] & {\n    transform: scale(1);\n  }\n}\n","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\nimport { LanguageSelectorOption } from './pn-language-selector-types';\n\n@Component({\n  tag: 'pn-language-selector-option',\n  styleUrl: 'pn-language-selector-option.scss',\n})\nexport class PnlanguageSelectorOption {\n  /** What you write in the comment block above each prop is what ends up in the description fields in the prop table in the documentation */\n  @Prop() name: string = '';\n  @Prop() code: string = '';\n  @Prop() url: string = '';\n  @Prop() selected: boolean = false;\n  @Prop() currentLanguage: string;\n\n  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        role=\"navigation\"\n        {...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {})}\n        data-level-listcount={this.listCount + ''}\n        data-level-alignment={this.alignment}\n        data-level={this.level + ''}\n        {...(this.levelId ? { id: this.levelId } : {})}\n      >\n        {this.level > 1 ? (\n          <div class=\"mainnav-level-header\">\n            <label htmlFor={this.levelId}>{state.i18n.menuGoBackButton}</label>\n            <button\n              class=\"secondlevel-backbtn\"\n              onClick={() => {\n                state.openLevel = '';\n                state.currentLevel = 1;\n              }}\n              aria-expanded={(state.openLevel === this.levelId) + ''}\n            >\n              <pn-icon icon={arrow_left} color=\"blue700\" />\n              {state.i18n.menuStartButton}\n            </button>\n            {this.parentHref && this.label ? <pn-mainnav-link href={this.parentHref} name={this.label} linkid={this.parentLinkId}></pn-mainnav-link> : null}\n          </div>\n        ) : null}\n        <slot name=\"top\"></slot>\n        <slot></slot>\n        <slot name=\"additional\"></slot>\n        <slot name=\"footer\"></slot>\n      </Host>\n    );\n  }\n}\n","@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav-list {\n  display: block;\n  overflow: visible;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  grid-area: right;\n\n  + pn-mainnav-list {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      grid-area: left;\n      border-right: 0.1rem solid $gray200;\n      margin-bottom: 1.6rem;\n      margin-right: -0.7rem;\n      padding-right: 0.7rem;\n    }\n  }\n\n  [data-level='1'] > & {\n    // height: 100%;\n    overflow: scroll;\n    -webkit-overflow-scrolling: touch;\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      height: 100%;\n      display: flex;\n      flex-flow: row;\n      overflow: visible;\n      padding: 0;\n    }\n  }\n\n  &[data-navlist-showcolumns='true'] {\n    [data-level='2'] > & {\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        column-count: 2;\n        column-gap: 1.6rem;\n        padding-bottom: 1.6rem;\n      }\n    }\n  }\n}\n\n.mainnav-list-heading {\n  display: none;\n  font-weight: bold;\n  column-span: all;\n  font-size: 1.8rem;\n  padding: 1.4rem 1.4rem 1.4rem 4.8rem;\n  @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n    display: block;\n    padding: 0 1.4rem 1.4rem 1.4rem;\n  }\n}\n","import { Component, h, Host, State, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-mainnav-list',\n  styleUrl: 'pn-mainnav-list.scss',\n  shadow: false,\n})\nexport class PnMainnavList {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = '';\n  @State() linkCount: number = 0;\n\n  componentWillLoad() {\n    this.linkCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-link').length;\n  }\n\n  render() {\n    return (\n      <Host class=\"mainnav-list\" role=\"list\" data-navlist-itemcount={this.linkCount + ''} data-navlist-showcolumns={(this.linkCount >= 8) + ''}>\n        {this.heading ? <div class=\"mainnav-list-heading\">{this.heading}</div> : null}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n","class MarketWebLoginManager {\n  eventTarget: EventTarget = window ?? document?.body;\n  endpoint: String = '';\n  storagePrefix: String = 'pn-user';\n  checkUserLoggedInStateInterval: number = 0;\n  baseUrls = {\n    at: 'https://atportal.postnord.com/api/unified-login/backend',\n    prod: 'https://portal.postnord.com/api/unified-login/backend',\n  };\n  events = {\n    loginstatechange: 'loginstatechange',\n  };\n  endpoints = {\n    authorizationEndpoint: `/authorization`,\n    tokenExchangeEndpoint: `/token`,\n    userInfoEndpoint: `/user`,\n    logoutEndpoint: `/logout`,\n  };\n  keys = {\n    tokensource: 'tokensource',\n    token: 'token',\n    accessToken: 'accessToken',\n    user: 'user',\n    expire: 'expire',\n    expireDate: 'expiredate',\n  };\n  overridetokenValue = 'overridetokenValue';\n  siteUrl: String = window.location.origin;\n  abortSignalForLoginCheck = null;\n  loginCheckInProgress = false;\n  loginCheckTimer = null;\n\n  constructor(options: IMarketWebLoginManagerOptions = null) {\n    if (!options) {\n      return;\n    }\n    this.eventTarget = options.eventTarget ? options.eventTarget : this.eventTarget;\n    this.endpoint = options.endpoint ? options.endpoint : `${window.location.protocol}//${window.location.host}`;\n    this.storagePrefix ??= options.storagePrefix;\n    this.checkUserLoggedInStateInterval =\n      options.checkUserLoggedInStateInterval && options.checkUserLoggedInStateInterval > 0 ? parseInt(options.checkUserLoggedInStateInterval + '', 10) : 0;\n\n    if (options.userInfo) {\n      this.store.set(this.keys.user, options.userInfo);\n      this.registerToken(this.overridetokenValue, 'override');\n    }\n  }\n  init(checkParameters: boolean = true) {\n    if (checkParameters) {\n      this.checkParameters();\n      this.checkPNTopbar();\n      this.checkExpireTime();\n\n      if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {\n        this.fetchUserInfo();\n      }\n\n      this.loginStateChange();\n\n      if (this.checkUserLoggedInStateInterval > 0) {\n        this.initiateLoggedInCheck();\n      }\n    }\n  }\n  setSiteUrl(siteUrl) {\n    if (siteUrl) {\n      this.siteUrl = siteUrl;\n    }\n  }\n  initiateLoggedInCheck() {\n    if (this.isLoggedIn()) {\n      if (window && window['AbortController']) {\n        this.abortSignalForLoginCheck = new AbortController();\n      }\n      this.loginCheckTimer = window.setInterval(() => {\n        this.doExternalLoggedInCheck()\n          .then(() => {})\n          .catch(() => {});\n      }, this.checkUserLoggedInStateInterval);\n    }\n  }\n\n  async doExternalLoggedInCheck() {\n    if (!window.navigator.onLine) {\n      // Don't check if the user is not online\n      return;\n    }\n    if (!this.getToken()) {\n      window.clearInterval(this.checkUserLoggedInStateInterval);\n      return;\n    }\n    if (this.loginCheckInProgress && this.abortSignalForLoginCheck) {\n      this.abortSignalForLoginCheck.abort();\n      this.abortSignalForLoginCheck = new AbortController();\n    }\n    this.loginCheckInProgress = true;\n    const reqConfig: RequestInit = {\n      method: 'GET',\n      headers: {\n        'Accept': 'application/json',\n        'Content-Type': 'application/json',\n        'Authorization': this.getToken(),\n      },\n    };\n    if (this.abortSignalForLoginCheck && this.abortSignalForLoginCheck['signal']) {\n      reqConfig['signal'] = this.abortSignalForLoginCheck['signal'];\n    }\n    const response = await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`, reqConfig);\n    if (response.status === 409) {\n      // This is a status the API returns if a user has been logged out\n      window.clearInterval(this.checkUserLoggedInStateInterval);\n      console.log('Cleared out user data due to bad response from authentication endpoint');\n      this.LogoutUser();\n      return;\n    }\n    if (!response.ok) {\n      // The response was \"bad\". This could be due to bad connectivity or something else.\n      // We'll ignore it so we don't unecessarily log users out or have them loose state if they're switching connection\n      return;\n    }\n    const data = await response.json();\n    if (!data || !data['accessToken']) {\n      window.clearInterval(this.checkUserLoggedInStateInterval);\n      console.log('Cleared out user data due to bad response from authentication endpoint');\n      this.LogoutUser();\n    }\n    this.loginCheckInProgress = false;\n  }\n  LogoutUser() {\n    this.clearUserData();\n\n    // Log out user\n    if (this.eventTarget) {\n      const logoutLink = (this.eventTarget as HTMLElement).querySelector('#pn-marketweb-header-logoutlink');\n      if (logoutLink) {\n        (logoutLink as HTMLAnchorElement).click();\n        return;\n      }\n    }\n\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.'];\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  // 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            />\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          <nav class=\"siteselector-nav\" aria-label={this.i18n.navlabel}>\n            {this.heading ? <strong class=\"siteselector-heading\">{this.heading}</strong> : null}\n            <ul class=\"siteselector-list\">\n              <slot />\n            </ul>\n          </nav>\n        </pn-button-dropdown>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-site-selector-common.scss';\n\npn-site-selector-item {\n  display: block;\n  > div,\n  > a {\n    padding: 0.8rem 0;\n    display: flex;\n    flex-flow: column;\n    position: relative;\n  }\n}\n\n.siteselector-item-link {\n  border-radius: 0;\n  text-decoration: none;\n  color: $blue700;\n  flex-direction: row;\n\n  &:hover,\n  &:focus {\n    background-color: $gray50;\n    color: $blue700;\n    text-decoration: underline;\n    outline: none;\n    box-shadow: none;\n  }\n\n  &:active {\n    background-color: $gray50;\n    color: $blue400;\n    outline: none;\n  }\n  > span {\n    flex-grow: 1;\n  }\n  pn-icon {\n    right: 3.2rem;\n    height: 1.9rem;\n    width: 1.9rem;\n    align-self: center;\n\n    svg {\n      width: 100%;\n      height: auto;\n    }\n  }\n}\n.siteselector-item-title {\n  display: block;\n}\n\n.siteselector-item-description {\n  color: $gray900;\n  font-size: 1.28rem;\n\n  a:hover > &,\n  a:focus > & {\n    background-color: $gray50;\n    color: $blue700;\n    text-decoration: underline;\n    outline: none;\n  }\n\n  a:active > & {\n    background-color: $gray50;\n    color: $blue400;\n    outline: none;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport { angle_small_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-site-selector-item',\n  styleUrl: 'pn-site-selector-item.scss',\n})\nexport class PnSiteSelectorItem {\n  /* Link URL */\n  @Prop() url: string = '';\n\n  /* Link title  */\n  @Prop() heading: string = '';\n\n  /* Link description */\n  @Prop() description: string = '';\n\n  /* Open link in new window */\n  @Prop() newwindow: boolean = false;\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        {this.url ? (\n          <a class=\"siteselector-item-link\" href={this.url} target={this.newwindow ? '_blank' : 'self'} rel={this.newwindow ? 'nofollow noopener' : ''}>\n            <span>\n              {this.heading && <span class=\"siteselector-item-title\">{this.heading}</span>}\n              {this.description && <small class=\"siteselector-item-description\">{this.description}</small>}\n            </span>\n            <pn-icon icon={angle_small_right} color=\"blue700\" />\n          </a>\n        ) : (\n          <div>\n            {this.heading && <span class=\"siteselector-item-title\">{this.heading}</span>}\n            {this.description && <small class=\"siteselector-item-description\">{this.description}</small>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-655b1ddf.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,g as e,h as s,d as n}from"./p-bb1c965e.js";import{d as l}from"./p-aed52bc1.js";import{m as h}from"./p-b2f2fbb6.js";const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-dropdown-with-multi-input-rows-row .input-element-row{display:flex;gap:1rem;margin-bottom:1rem}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container{width:30%}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container pn-marketweb-input .input-container{width:100%}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container pn-date-picker{width:100%}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container .input-element-message-container{margin-top:0.3rem}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container .input-element-message-container__error{color:red;line-height:1}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container .input-element-message-container__warning{line-height:1}pn-dropdown-with-multi-input-rows-row .delete-button-contianer{margin-top:0.6rem}";const r=a;const u=class{constructor(e){t(this,e);this.rowValueChange=i(this,"rowValueChange",7);this.deleteRowEvent=i(this,"deleteRowEvent",7);this.firstInputChange=i(this,"firstInputChange",7);this.secondInputChange=i(this,"secondInputChange",7);this.languageCode=null;this.fristInputPlaceholder=null;this.firstInputMin=null;this.firstInputMax=null;this.firstInputWarning=null;this.firstInputWarningText=null;this.firstInputLowErrorText=null;this.firstInputHighErrorText=null;this.secondInputPlaceholder=null;this.secondInputMin=null;this.secondInputMax=null;this.secondInputWarning=null;this.secondInputWarningText=null;this.secondInputLowErrorText=null;this.secondInputHighErrorText=null;this.dateLabel=null;this.datePlaceholder=null;this.firstValidDate=null;this.lastValidDate=null;this.predefinedValue=null;this.rowIndex=null;this.minRowCount=null;this.disabledDates=null;this.showFirstInputWarning=false;this.showFirstInputLowError=false;this.showFirstInputHighError=false;this.showSecondInputWarning=false;this.showSecondInputLowError=false;this.showSecondInputHighError=false;this.firstInputValue="";this.secondInputValue="";this.dateValue=""}get hostElement(){return e(this)}_predefinedValue;pnFirstInputField=null;pnSecondInputField=null;pnDatePicker=null;pnDeleteRowButton=null;rowValueChange;deleteRowEvent;firstInputChange;secondInputChange;componentWillLoad(){this.getPredefinedValues();this.setInitialValues()}componentDidLoad(){this.addEventHandlers()}getPredefinedValues(){this._predefinedValue=JSON.parse(this.predefinedValue)}applyPredefinedValue(){this.getPredefinedValues();this.setInitialValues();if(this.firstInputValue?.length){this.validateFirstInput(parseInt(this.firstInputValue))}if(this.secondInputValue?.length){this.validateSecondInput(parseInt(this.secondInputValue))}if(this.rowIndex>=this.minRowCount){this.pnDeleteRowButton.addEventListener("click",this.deleteRow.bind(this))}}setInitialValues(){this.firstInputValue=this._predefinedValue.firstInput;this.secondInputValue=this._predefinedValue.secondInput;this.dateValue=this._predefinedValue.date}addEventHandlers(){const t=l(this.emitRowValues.bind(this),500);this.pnFirstInputField.addEventListener("keyup",l(this.handleFirstInput.bind(this),500));this.pnSecondInputField.addEventListener("keyup",l(this.handleSecondInput.bind(this),500));this.pnDatePicker.addEventListener("dateselection",this.handleDateChange.bind(this));this.pnDatePicker.addEventListener("dateselection",t)}handleFirstInput(t){const i=t.target;const e=parseInt(i.value);if(e>0){this.firstInputValue=i.value;this.firstInputChange.emit({id:this._predefinedValue.id,firstInput:this.firstInputValue,secondInput:this.secondInputValue,date:this.dateValue})}this.validateFirstInput(e);this.emitRowValues()}handleSecondInput(t){const i=t.target;const e=parseInt(i.value);if(e>0){this.secondInputValue=i.value;this.secondInputChange.emit({id:this._predefinedValue.id,firstInput:this.firstInputValue,secondInput:this.secondInputValue,date:this.dateValue})}this.validateSecondInput(e);this.emitRowValues()}validateFirstInput(t){this.showFirstInputWarning=false;this.showFirstInputLowError=false;this.showFirstInputHighError=false;if(t<this.firstInputWarning){this.showFirstInputWarning=true}if(t<this.firstInputMin){this.showFirstInputWarning=false;this.showFirstInputLowError=true}if(t>this.firstInputMax){this.showFirstInputWarning=false;this.showFirstInputLowError=false;this.showFirstInputHighError=true}}validateSecondInput(t){this.showSecondInputWarning=false;this.showSecondInputLowError=false;this.showSecondInputHighError=false;if(t<this.secondInputWarning){this.showSecondInputWarning=true}if(t<this.secondInputMin){this.showSecondInputWarning=false;this.showSecondInputLowError=true}if(t>this.secondInputMax){this.showSecondInputWarning=false;this.showSecondInputLowError=false;this.showSecondInputHighError=true}}handleDateChange(t){const i=t.target;if(i===this.pnDatePicker){this.dateValue=t.detail.start}}emitRowValues(){this.rowValueChange.emit({id:this._predefinedValue.id,firstInput:this.firstInputValue,secondInput:this.secondInputValue,date:this.dateValue})}deleteRow(){this.deleteRowEvent.emit(this._predefinedValue.id)}render(){return s(n,{key:"4925aca4d5b55256deda95cdeef466ecad054a51"},s("div",{key:"6162a985244fd8fd93fd5cd268c8b21e9d133942",class:"input-element-row"},s("div",{key:"aaad2fac34e4151a8c9b30080105d14a44941357",class:"input-container"},s("pn-marketweb-input",{key:"d27a28ff3fc6265a1edd463da802785865db7f75",ref:t=>this.pnFirstInputField=t,type:"number",placeholder:this.fristInputPlaceholder,value:this.firstInputValue,min:"1"}),this.showFirstInputLowError||this.showFirstInputHighError||this.showFirstInputWarning?s("div",{class:"input-element-message-container"},this.showFirstInputLowError?s("div",{class:"input-element-message-container__error"},s("small",null,this.firstInputLowErrorText)):null,this.showFirstInputHighError?s("div",{class:"input-element-message-container__error"},s("small",null,this.firstInputHighErrorText)):null,this.showFirstInputWarning?s("div",{class:"input-element-message-container__warning"},s("small",null,this.firstInputWarningText)):null):null),s("div",{key:"ecbbf42b9bf24c50a38d818b0ef9830cf0e03fee",class:"input-container"},s("pn-marketweb-input",{key:"9e1958dcc2cdcb357ae7915ca04c87e2d1bd4baf",ref:t=>this.pnSecondInputField=t,type:"number",placeholder:this.secondInputPlaceholder,value:this.secondInputValue,min:"1"}),this.showSecondInputLowError||this.showSecondInputHighError||this.showSecondInputWarning?s("div",{class:"input-element-message-container"},this.showSecondInputLowError?s("div",{class:"input-element-message-container__error"},s("small",null,this.secondInputLowErrorText)):null,this.showSecondInputHighError?s("div",{class:"input-element-message-container__error"},s("small",null,this.secondInputHighErrorText)):null,this.showSecondInputWarning?s("div",{class:"input-element-message-container__warning"},s("small",null,this.secondInputWarningText)):null):null),s("div",{key:"955330fb6b3d5322c62bdb4f92d7a441c1a17499",class:"input-container"},s("pn-date-picker",{key:"e0db19f4c733049c89e5334758206a4b510db42f",ref:t=>this.pnDatePicker=t,range:"false","disable-weekends":true,"disabled-dates":this.disabledDates,"min-date":this.firstValidDate,"max-date":this.lastValidDate,language:this.languageCode,placeholder:this.datePlaceholder,start:this.dateValue?.length?this.dateValue:null})),this.rowIndex>=this.minRowCount?s("div",{class:"delete-button-contianer"},s("pn-button",{ref:t=>this.pnDeleteRowButton=t,small:"true",icon:h,appearance:"warning",index:this.rowIndex,onClick:()=>{this.deleteRow()}},"Delete")):null))}static get watchers(){return{predefinedValue:["applyPredefinedValue"]}}};u.style=r;export{u as pn_dropdown_with_multi_input_rows_row};
+//# sourceMappingURL=p-655b1ddf.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnDropdownWithMultiInputRowsRowCss","PnDropdownWithMultiInputRowsRowStyle0","PnDropdownWithMultiInputRowsRow","_predefinedValue","pnFirstInputField","pnSecondInputField","pnDatePicker","pnDeleteRowButton","rowValueChange","deleteRowEvent","firstInputChange","secondInputChange","componentWillLoad","this","getPredefinedValues","setInitialValues","componentDidLoad","addEventHandlers","JSON","parse","predefinedValue","applyPredefinedValue","firstInputValue","length","validateFirstInput","parseInt","secondInputValue","validateSecondInput","rowIndex","minRowCount","addEventListener","deleteRow","bind","firstInput","secondInput","dateValue","date","emmitValues","debounce","emitRowValues","handleFirstInput","handleSecondInput","handleDateChange","e","elm","target","value","emit","id","input","showFirstInputWarning","showFirstInputLowError","showFirstInputHighError","firstInputWarning","firstInputMin","firstInputMax","showSecondInputWarning","showSecondInputLowError","showSecondInputHighError","secondInputWarning","secondInputMin","secondInputMax","detail","start","render","h","Host","key","class","ref","el","type","placeholder","fristInputPlaceholder","min","firstInputLowErrorText","firstInputHighErrorText","firstInputWarningText","secondInputPlaceholder","secondInputLowErrorText","secondInputHighErrorText","secondInputWarningText","range","disabledDates","firstValidDate","lastValidDate","language","languageCode","datePlaceholder","small","icon","minus","appearance","index","onClick"],"sources":["src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.scss?tag=pn-dropdown-with-multi-input-rows-row","src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-dropdown-with-multi-input-rows-row {\n  .input-element-row {\n    display: flex;\n    gap: 1rem;\n    margin-bottom: 1rem;\n\n    .input-container {\n      width: 30%;\n\n      pn-marketweb-input {\n        .input-container {\n          width: 100%;\n        }\n      }\n\n      pn-date-picker {\n        width: 100%;\n      }\n\n      .input-element-message-container {\n        margin-top: 0.3rem;\n        &__error {\n          color: red;\n          line-height: 1;\n        }\n\n        &__warning {\n          line-height: 1;\n        }\n      }\n    }\n  }\n\n  .delete-button-contianer {\n    margin-top: 0.6rem;\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, RowValue, Root, PredefinedValues } from './types';\nimport debounce from 'debounce';\nimport { minus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-dropdown-with-multi-input-rows-row',\n  styleUrl: 'pn-dropdown-with-multi-input-rows-row.scss',\n})\nexport class PnDropdownWithMultiInputRowsRow {\n  @Element() hostElement: Element;\n  private _predefinedValue: PredefinedValues;\n  pnFirstInputField: HTMLElement = null;\n  pnSecondInputField: HTMLElement = null;\n  pnDatePicker: HTMLElement = null;\n  pnDeleteRowButton: HTMLElement = null;\n\n  @Prop() languageCode: string = null;\n  @Prop() fristInputPlaceholder: string = null;\n  @Prop() firstInputMin: number = null;\n  @Prop() firstInputMax: number = null;\n  @Prop() firstInputWarning: number = null;\n  @Prop() firstInputWarningText: string = null;\n  @Prop() firstInputLowErrorText: string = null;\n  @Prop() firstInputHighErrorText: string = null;\n  @Prop() secondInputPlaceholder: string = null;\n  @Prop() secondInputMin: number = null;\n  @Prop() secondInputMax: number = null;\n  @Prop() secondInputWarning: number = null;\n  @Prop() secondInputWarningText: string = null;\n  @Prop() secondInputLowErrorText: string = null;\n  @Prop() secondInputHighErrorText: string = null;\n  @Prop() dateLabel: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() firstValidDate: string = null;\n  @Prop() lastValidDate: string = null;\n  @Prop() predefinedValue: string = null;\n  @Prop() rowIndex: number = null;\n  @Prop() minRowCount: number = null;\n  @Prop() disabledDates: string = null;\n\n  @State() showFirstInputWarning: boolean = false;\n  @State() showFirstInputLowError: boolean = false;\n  @State() showFirstInputHighError: boolean = false;\n  @State() showSecondInputWarning: boolean = false;\n  @State() showSecondInputLowError: boolean = false;\n  @State() showSecondInputHighError: boolean = false;\n\n  @State() firstInputValue: string = '';\n  @State() secondInputValue: string = '';\n  @State() dateValue: string = '';\n\n  @Event() rowValueChange: EventEmitter<PredefinedValues>;\n  @Event() deleteRowEvent: EventEmitter<string>;\n  @Event() firstInputChange: EventEmitter<PredefinedValues>;\n  @Event() secondInputChange: EventEmitter<PredefinedValues>;\n\n  componentWillLoad() {\n    this.getPredefinedValues();\n    this.setInitialValues();\n  }\n\n  componentDidLoad() {\n    this.addEventHandlers();\n  }\n\n  getPredefinedValues() {\n    this._predefinedValue = JSON.parse(this.predefinedValue);\n  }\n\n  @Watch('predefinedValue')\n  applyPredefinedValue() {\n    this.getPredefinedValues();\n    this.setInitialValues();\n\n    if (this.firstInputValue?.length) {\n      this.validateFirstInput(parseInt(this.firstInputValue));\n    }\n\n    if (this.secondInputValue?.length) {\n      this.validateSecondInput(parseInt(this.secondInputValue));\n    }\n\n    if (this.rowIndex >= this.minRowCount) {\n      this.pnDeleteRowButton.addEventListener('click', this.deleteRow.bind(this));\n    }\n  }\n\n  setInitialValues() {\n    this.firstInputValue = this._predefinedValue.firstInput;\n    this.secondInputValue = this._predefinedValue.secondInput;\n    this.dateValue = this._predefinedValue.date;\n  }\n\n  addEventHandlers() {\n    const emmitValues = debounce(this.emitRowValues.bind(this), 500);\n    this.pnFirstInputField.addEventListener('keyup', debounce(this.handleFirstInput.bind(this), 500));\n    this.pnSecondInputField.addEventListener('keyup', debounce(this.handleSecondInput.bind(this), 500));\n    this.pnDatePicker.addEventListener('dateselection', this.handleDateChange.bind(this));\n    this.pnDatePicker.addEventListener('dateselection', emmitValues);\n  }\n\n  handleFirstInput(e) {\n    const elm = e.target;\n    const value = parseInt(elm.value);\n\n    if (value > 0) {\n      this.firstInputValue = elm.value;\n      this.firstInputChange.emit({\n        id: this._predefinedValue.id,\n        firstInput: this.firstInputValue,\n        secondInput: this.secondInputValue,\n        date: this.dateValue,\n      });\n    }\n\n    this.validateFirstInput(value);\n    this.emitRowValues();\n  }\n\n  handleSecondInput(e) {\n    const elm = e.target;\n    const value = parseInt(elm.value);\n\n    if (value > 0) {\n      this.secondInputValue = elm.value;\n      this.secondInputChange.emit({\n        id: this._predefinedValue.id,\n        firstInput: this.firstInputValue,\n        secondInput: this.secondInputValue,\n        date: this.dateValue,\n      });\n    }\n\n    this.validateSecondInput(value);\n    this.emitRowValues();\n  }\n\n  validateFirstInput(input: number) {\n    this.showFirstInputWarning = false;\n    this.showFirstInputLowError = false;\n    this.showFirstInputHighError = false;\n\n    if (input < this.firstInputWarning) {\n      this.showFirstInputWarning = true;\n    }\n\n    if (input < this.firstInputMin) {\n      this.showFirstInputWarning = false;\n      this.showFirstInputLowError = true;\n    }\n\n    if (input > this.firstInputMax) {\n      this.showFirstInputWarning = false;\n      this.showFirstInputLowError = false;\n      this.showFirstInputHighError = true;\n    }\n  }\n\n  validateSecondInput(input: number) {\n    this.showSecondInputWarning = false;\n    this.showSecondInputLowError = false;\n    this.showSecondInputHighError = false;\n\n    if (input < this.secondInputWarning) {\n      this.showSecondInputWarning = true;\n    }\n\n    if (input < this.secondInputMin) {\n      this.showSecondInputWarning = false;\n      this.showSecondInputLowError = true;\n    }\n\n    if (input > this.secondInputMax) {\n      this.showSecondInputWarning = false;\n      this.showSecondInputLowError = false;\n      this.showSecondInputHighError = true;\n    }\n  }\n\n  handleDateChange(e) {\n    const elm = e.target;\n    if (elm === this.pnDatePicker) {\n      this.dateValue = e.detail.start;\n    }\n  }\n\n  emitRowValues() {\n    this.rowValueChange.emit({\n      id: this._predefinedValue.id,\n      firstInput: this.firstInputValue,\n      secondInput: this.secondInputValue,\n      date: this.dateValue,\n    });\n  }\n\n  deleteRow() {\n    this.deleteRowEvent.emit(this._predefinedValue.id);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"input-element-row\">\n          <div class=\"input-container\">\n            <pn-marketweb-input\n              ref={el => (this.pnFirstInputField = el as HTMLElement)}\n              type=\"number\"\n              placeholder={this.fristInputPlaceholder}\n              value={this.firstInputValue}\n              min=\"1\"\n            ></pn-marketweb-input>\n            {this.showFirstInputLowError || this.showFirstInputHighError || this.showFirstInputWarning ? (\n              <div class=\"input-element-message-container\">\n                {this.showFirstInputLowError ? (\n                  <div class=\"input-element-message-container__error\">\n                    <small>{this.firstInputLowErrorText}</small>\n                  </div>\n                ) : null}\n\n                {this.showFirstInputHighError ? (\n                  <div class=\"input-element-message-container__error\">\n                    <small>{this.firstInputHighErrorText}</small>\n                  </div>\n                ) : null}\n\n                {this.showFirstInputWarning ? (\n                  <div class=\"input-element-message-container__warning\">\n                    <small>{this.firstInputWarningText}</small>\n                  </div>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n\n          <div class=\"input-container\">\n            <pn-marketweb-input\n              ref={el => (this.pnSecondInputField = el as HTMLElement)}\n              type=\"number\"\n              placeholder={this.secondInputPlaceholder}\n              value={this.secondInputValue}\n              min=\"1\"\n            ></pn-marketweb-input>\n            {this.showSecondInputLowError || this.showSecondInputHighError || this.showSecondInputWarning ? (\n              <div class=\"input-element-message-container\">\n                {this.showSecondInputLowError ? (\n                  <div class=\"input-element-message-container__error\">\n                    <small>{this.secondInputLowErrorText}</small>\n                  </div>\n                ) : null}\n\n                {this.showSecondInputHighError ? (\n                  <div class=\"input-element-message-container__error\">\n                    <small>{this.secondInputHighErrorText}</small>\n                  </div>\n                ) : null}\n\n                {this.showSecondInputWarning ? (\n                  <div class=\"input-element-message-container__warning\">\n                    <small>{this.secondInputWarningText}</small>\n                  </div>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n\n          <div class=\"input-container\">\n            <pn-date-picker\n              ref={el => (this.pnDatePicker = el as HTMLElement)}\n              range=\"false\"\n              disable-weekends={true}\n              disabled-dates={this.disabledDates}\n              min-date={this.firstValidDate}\n              max-date={this.lastValidDate}\n              language={this.languageCode}\n              placeholder={this.datePlaceholder}\n              start={this.dateValue?.length ? this.dateValue : null}\n            ></pn-date-picker>\n          </div>\n\n          {this.rowIndex >= this.minRowCount ? (\n            <div class=\"delete-button-contianer\">\n              <pn-button\n                ref={el => (this.pnDeleteRowButton = el as HTMLElement)}\n                small=\"true\"\n                icon={minus}\n                appearance=\"warning\"\n                index={this.rowIndex}\n                onClick={() => {\n                  this.deleteRow();\n                }}\n              >\n                Delete\n              </pn-button>\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-725aba56.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as a,h as t,d as n}from"./p-bb1c965e.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.block.teasercardblock a[data-block-clickable-link=true]{z-index:1}pn-teaser-card{width:100%;height:100%;display:flex}pn-teaser-card .pn-teaser-card__container{display:flex;flex-direction:column;justify-content:flex-start;border-radius:2.4rem;width:100%}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;transition:0.4s ease-in-out;transform:scale(1);aspect-ratio:16/9;object-fit:cover;object-position:50% 0}pn-teaser-card .pn-teaser-card__container__content{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:2.4rem;line-height:2.64rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:fit-content}}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500;font-size:1.6rem;text-decoration:none;color:#005d92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg{transition:0.3s ease-in-out;position:relative;left:-0.3rem}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg path{fill:#005d92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated[target=_blank]:not(.pn-button):after{display:none}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#fdefee}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#dcf6e7}pn-teaser-card[data-card-color=blue]>.pn-teaser-card__container{background-color:#effbff}pn-teaser-card[data-card-color=blue50]>.pn-teaser-card__container{background-color:#e0f8ff}pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container{background-color:#00a0d6}pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__label,pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__heading,pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__preamble,pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container .pn-teaser-card__container__content__cta .secondary-link--animated{color:#ffffff}pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container .secondary-link--animated>pn-icon>svg>path{fill:#ffffff}pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container{background-color:#0d234b}pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__heading{color:#f06365}pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__label,pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__preamble,pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container .pn-teaser-card__container__content__cta .secondary-link--animated{color:#ffffff}pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container .secondary-link--animated>pn-icon>svg>path{fill:#ffffff}pn-teaser-card[data-card-color=white]>.pn-teaser-card__container{background-color:#ffffff}.teasercardlistblock .teasercardblock.has-bg{background-color:transparent;background:transparent}@media screen and (min-width: 1200px){.onequarterwidth:not(.familywrapperblock) .pn-teaser-card__container__content__text__container__label{margin-bottom:0.8rem}}.onethirdwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image,.onequarterwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}.onethirdwidth:not(.familywrapperblock) .pn-teaser-card__container__content__cta .secondary-link--animated,.onequarterwidth:not(.familywrapperblock) .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}@media screen and (min-width: 992px){.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}}@media screen and (min-width: 1200px){.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:4rem}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content{padding:0 4rem 4rem}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 1640px){.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:5.6rem}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image{width:auto;padding-top:2.4rem}@media screen and (min-width: 768px){.fullwidth:not(.familywrapperblock) pn-teaser-card{min-height:35rem}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container{flex-direction:row}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content{align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth:not(.familywrapperblock) pn-teaser-card{min-height:52rem}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth:not(.familywrapperblock) pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{flex-direction:row-reverse}.fullwidth:not(.familywrapperblock) pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth:not(.familywrapperblock) pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth:not(.familywrapperblock) pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{transform:scale(1.02);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated{text-decoration:underline}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated pn-icon svg{left:0}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0d234b}pn-teaser-card.teaser-card--hover-effect:hover[data-card-color=blue900] pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover[data-card-color=blue900] pn-button a .pn-button-bg{background-color:#00a0d6}";const c=r;const o=class{constructor(a){e(this,a);this.text=null;this.heading=null;this.label=null;this.headingLevel=undefined;this.dataCardColor="coral";this.dataCardAlignment="left";this.hasCtaSlotContent=false;this.hasIllustrationSlot=true}get hostElement(){return a(this)}componentWillLoad(){this.hasCtaSlotContent=!!this.hostElement.querySelector('[slot="cta"]');this.hasIllustrationSlot=!!this.hostElement.querySelector('[slot="illustration"]');if(!this.headingLevel||isNaN(this.headingLevel)){this.headingLevel=3}}render(){const e=this.label?.toUpperCase();const a=`h${this.headingLevel??3}`;return t(n,{key:"25cfc8729df548f28a7577a2d0fdc3065d30e5e5"},t("slot",{key:"834e0525865f88c787934c10e01ec6383cb91ce5",name:"clickable-block-wrapper"}),t("div",{key:"ba3820116797f86be9db43183a64db20a91887df",class:"pn-teaser-card__container"},t("div",{key:"cdd17367c264860077cdf2aff76fe381b1be1e5e",class:`pn-teaser-card__container__image__container ${!this.hasIllustrationSlot?"pn-teaser-card__container__image__container--no-image":""}`},t("slot",{key:"38a98a3440f3b29a1028abcaa31803d0de4dd917",name:"illustration"})),t("div",{key:"528a7a7425b031486521270ac184de4c1a34a9a0",class:"pn-teaser-card__container__content"},t("div",{key:"7e848e8fe005a8aa9867861abc355b610150d44b",class:"pn-teaser-card__container__content__text__container"},e&&t("span",{key:"c741d9222acf8cb73f8c0060c799911d21fe26d8",class:"pn-teaser-card__container__content__text__container__label"},e),this.heading&&t(a,{key:"c74daeb97ac60690c146832417ac394825fadef0",class:"pn-teaser-card__container__content__text__container__heading"},this.heading),t("p",{key:"0da77ddcf36cadaad9df5bfbefcb2609bc7161c8",class:"pn-teaser-card__container__content__text__container__preamble"},this.text)),this.hasCtaSlotContent&&t("div",{key:"1af0c6c39adfa993abacc832c1bc8326e4f3996b",class:"pn-teaser-card__container__content__cta"},t("slot",{key:"6bc3e69ed72ad8dc978d40f2ebb1b28bc6f2be51",name:"cta"})))))}};o.style=c;export{o as pn_teaser_card};
+//# sourceMappingURL=p-725aba56.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnTeaserCardCss","PnTeaserCardStyle0","PnTeaserCard","componentWillLoad","this","hasCtaSlotContent","hostElement","querySelector","hasIllustrationSlot","headingLevel","isNaN","render","labelToCapitals","label","toUpperCase","HeadingTag","h","Host","key","name","class","heading","text"],"sources":["src/components/cards/pn-teaser-card/pn-teaser-card.scss?tag=pn-teaser-card","src/components/cards/pn-teaser-card/pn-teaser-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$teaser-card-media-tablet: 768px; // 768px\n$teaser-card-media-desktop: 1200px; //1200px\n$teaser-card-media-large-desktop: 1640px; //1640\n\n//making pn wrapping link clickable over card image\n.block.teasercardblock {\n  a[data-block-clickable-link='true'] {\n    z-index: 1;\n  }\n}\n\n//mobile first\npn-teaser-card {\n  width: 100%;\n  height: 100%;\n  display: flex;\n\n  .pn-teaser-card__container {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    border-radius: 2.4rem;\n    width: 100%;\n  }\n\n  .pn-teaser-card__container__image__container {\n    width: 100%;\n    position: relative;\n\n    & > [slot='illustration'] {\n      clip-path: ellipse(100% 90% at 50% 0%);\n      height: 100%;\n      overflow: hidden;\n      border-top-left-radius: 2.4rem;\n      border-top-right-radius: 2.4rem;\n\n      & > picture > img {\n        width: 100%;\n        height: auto;\n        transition: 0.4s ease-in-out;\n        transform: scale(1);\n        aspect-ratio: 16/9;\n        object-fit: cover;\n        object-position: 50% 0;\n      }\n    }\n  }\n\n  .pn-teaser-card__container__content {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    flex: 1 1 100%;\n    gap: 3.2rem;\n    padding: 2.4rem 2.4rem;\n    padding-top: 0;\n  }\n\n  .pn-teaser-card__container__content__text__container__heading {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 2.64rem;\n    margin-bottom: 0;\n  }\n\n  .pn-teaser-card__container__content__text__container__preamble {\n    padding-top: 1.6rem;\n    font-weight: 400;\n    font-size: 1.6rem;\n    line-height: 2.24rem;\n    margin-bottom: 0;\n  }\n\n  .pn-teaser-card__container__content__text__container__label {\n    display: block;\n    margin-bottom: 1.6rem;\n    font-weight: 400;\n    font-size: 1.2rem;\n    line-height: 140%;\n  }\n\n  .pn-teaser-card__container__content__cta {\n    & > pn-button {\n      align-self: flex-end;\n      width: 100%;\n\n      & a:hover {\n        text-decoration: none;\n      }\n\n      & > button,\n      & > a {\n        & > .pn-button-bg {\n          transition: 0.4s ease-in-out;\n        }\n      }\n\n      @media screen and (min-width: $teaser-card-media-tablet) {\n        width: fit-content;\n      }\n    }\n\n    .secondary-link--animated {\n      font-weight: 500;\n      font-size: 1.6rem;\n      text-decoration: none;\n      color: $blue700;\n\n      pn-icon svg {\n        transition: 0.3s ease-in-out;\n        position: relative;\n        left: -0.3rem;\n\n        path {\n          fill: $blue700;\n        }\n      }\n\n      &[target='_blank']:not(.pn-button):after {\n        display: none;\n      }\n    }\n  }\n}\n\n//colors\npn-teaser-card[data-card-color='coral'] {\n  & > .pn-teaser-card__container {\n    background-color: $coral50;\n  }\n}\n\npn-teaser-card[data-card-color='green'] {\n  & > .pn-teaser-card__container {\n    background-color: $green50;\n  }\n}\n\npn-teaser-card[data-card-color='blue'] {\n  & > .pn-teaser-card__container {\n    background-color: $blue25;\n  }\n}\n\npn-teaser-card[data-card-color='blue50'] {\n  & > .pn-teaser-card__container {\n    background-color: $blue50;\n  }\n}\n\npn-teaser-card[data-card-color='blue400'] {\n  & > .pn-teaser-card__container {\n    background-color: $blue400;\n\n    .pn-teaser-card__container__content__text__container__label,\n    .pn-teaser-card__container__content__text__container__heading,\n    .pn-teaser-card__container__content__text__container__preamble,\n    .pn-teaser-card__container__content__cta .secondary-link--animated {\n      color: $white;\n    }\n\n    .secondary-link--animated {\n      & > pn-icon > svg > path {\n        fill: $white;\n      }\n    }\n  }\n}\n\npn-teaser-card[data-card-color='blue900'] {\n  & > .pn-teaser-card__container {\n    background-color: $blue900;\n    .pn-teaser-card__container__content__text__container__heading {\n      color: $coral400;\n    }\n\n    .pn-teaser-card__container__content__text__container__label,\n    .pn-teaser-card__container__content__text__container__preamble,\n    .pn-teaser-card__container__content__cta .secondary-link--animated {\n      color: $white;\n    }\n\n    .secondary-link--animated {\n      & > pn-icon > svg > path {\n        fill: $white;\n      }\n    }\n  }\n}\n\npn-teaser-card[data-card-color='white'] {\n  & > .pn-teaser-card__container {\n    background-color: $white;\n  }\n}\n\n//color override when in a listblock\n.teasercardlistblock {\n  .teasercardblock.has-bg {\n    background-color: transparent;\n    background: transparent;\n  }\n}\n\n// variants\n\n.onequarterwidth:not(.familywrapperblock) {\n  .pn-teaser-card__container__content__text__container__label {\n    @media screen and (min-width: $teaser-card-media-desktop) {\n      margin-bottom: 0.8rem;\n    }\n  }\n}\n\n.onethirdwidth:not(.familywrapperblock),\n.onequarterwidth:not(.familywrapperblock) {\n  & pn-teaser-card {\n    .pn-teaser-card__container__image__container--no-image {\n      padding-top: 2.4rem;\n    }\n  }\n\n  .pn-teaser-card__container__content__cta {\n    .secondary-link--animated {\n      font-weight: 400;\n    }\n  }\n}\n\n.halfwidth:not(.familywrapperblock) {\n  & pn-teaser-card {\n    .pn-teaser-card__container__content__cta {\n      .secondary-link--animated {\n        font-weight: 400;\n      }\n    }\n\n    .pn-teaser-card__container__image__container--no-image {\n      padding-top: 2.4rem;\n    }\n\n    @media screen and (min-width: 992px) {\n      .pn-teaser-card__container__content__cta {\n        .secondary-link--animated {\n          font-weight: 500;\n        }\n      }\n    }\n\n    @media screen and (min-width: $teaser-card-media-desktop) {\n      .pn-teaser-card__container__image__container--no-image {\n        padding-top: 4rem;\n      }\n\n      .pn-teaser-card__container__content {\n        padding: 0 4rem 4rem;\n      }\n\n      .pn-teaser-card__container__content__text__container__heading {\n        font-weight: 700;\n        font-size: 3.2rem;\n        line-height: 3.52rem;\n      }\n\n      .pn-teaser-card__container__content__text__container__preamble {\n        font-weight: 400;\n        font-size: 2rem;\n        line-height: 2.8rem;\n      }\n    }\n\n    @media screen and (min-width: $teaser-card-media-large-desktop) {\n      .pn-teaser-card__container__image__container--no-image {\n        padding-top: 5.6rem;\n      }\n\n      .pn-teaser-card__container__content {\n        padding: 0 5.6rem 5.6rem;\n      }\n    }\n  }\n}\n\n.fullwidth:not(.familywrapperblock) {\n  & pn-teaser-card {\n    .pn-teaser-card__container__content__cta {\n      .secondary-link--animated {\n        font-weight: 400;\n      }\n    }\n\n    .pn-teaser-card__container__image__container--no-image {\n      width: auto;\n      padding-top: 2.4rem;\n    }\n\n    @media screen and (min-width: $teaser-card-media-tablet) {\n      min-height: 35rem;\n\n      .pn-teaser-card__container__content__cta {\n        .secondary-link--animated {\n          font-weight: 500;\n        }\n      }\n\n      .pn-teaser-card__container {\n        flex-direction: row;\n      }\n\n      .pn-teaser-card__container__content {\n        align-self: center;\n        gap: 2.4rem;\n        padding: 3.2rem 3.2rem 3.2rem 2.4rem;\n      }\n\n      .pn-teaser-card__container__image__container {\n        & > [slot='illustration'] {\n          border-top-left-radius: 2.4rem;\n          border-bottom-left-radius: 2.4rem;\n          clip-path: ellipse(100% 100% at 0% 50%);\n\n          & > picture > img {\n            height: 100%;\n            object-fit: cover;\n          }\n        }\n      }\n    }\n\n    @media screen and (min-width: $teaser-card-media-desktop) {\n      min-height: 52rem;\n\n      .pn-teaser-card__container__content {\n        padding: 4rem 4rem 4rem 3.2rem;\n      }\n\n      .pn-teaser-card__container__content__text__container__heading {\n        font-weight: 700;\n        font-size: 4.8rem;\n        line-height: 5.28rem;\n      }\n\n      .pn-teaser-card__container__content__text__container__preamble {\n        font-size: 2rem;\n        line-height: 2.8rem;\n      }\n    }\n  }\n\n  pn-teaser-card[data-card-alignment='right'] {\n    @media screen and (min-width: $teaser-card-media-tablet) {\n      .pn-teaser-card__container {\n        flex-direction: row-reverse;\n      }\n\n      .pn-teaser-card__container__content {\n        padding: 3.2rem 2.4rem 3.2rem 3.2rem;\n      }\n\n      .pn-teaser-card__container__image__container {\n        & > [slot='illustration'] {\n          border-bottom-right-radius: 2.4rem;\n          clip-path: ellipse(100% 100% at 100% 50%);\n        }\n      }\n    }\n\n    @media screen and (min-width: $teaser-card-media-desktop) {\n      .pn-teaser-card__container__content {\n        padding: 4rem 3.2rem 4rem 4rem;\n      }\n    }\n  }\n}\n\n//effect class\npn-teaser-card.teaser-card--hover-effect {\n  &:hover {\n    cursor: pointer;\n    .pn-teaser-card__container__image__container {\n      & [slot='illustration'] {\n        & picture > img {\n          transform: scale(1.02);\n          filter: brightness(0.85);\n        }\n      }\n    }\n\n    .secondary-link--animated {\n      text-decoration: underline;\n\n      pn-icon svg {\n        left: 0;\n      }\n    }\n\n    pn-button {\n      button,\n      a {\n        .pn-button-bg {\n          background-color: $blue900;\n        }\n      }\n    }\n\n    &[data-card-color='blue900'] {\n      pn-button {\n        button,\n        a {\n          .pn-button-bg {\n            background-color: $blue400;\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host } from \"@stencil/core\";\n\n@Component({\n  tag: 'pn-teaser-card',\n  styleUrl: 'pn-teaser-card.scss'\n})\nexport class PnTeaserCard {\n  @Element() hostElement: HTMLElement;\n  //props\n  @Prop() text: string = null;\n  @Prop() heading: string = null;\n  @Prop() label?: string = null;\n  @Prop() headingLevel?: number;\n  @Prop({ reflect: true }) dataCardColor: string = 'coral';\n  @Prop({ reflect: true }) dataCardAlignment: string = 'left';\n\n  @State() hasCtaSlotContent: boolean = false;\n  @State() hasIllustrationSlot: boolean = true;\n\n  componentWillLoad() {\n    this.hasCtaSlotContent = !!this.hostElement.querySelector('[slot=\"cta\"]');\n    this.hasIllustrationSlot = !!this.hostElement.querySelector('[slot=\"illustration\"]');\n\n    if (!this.headingLevel || isNaN(this.headingLevel as any)) {\n      this.headingLevel = 3;\n    }\n  }\n\n  //render\n  render() {\n    const labelToCapitals = this.label?.toUpperCase();\n    const HeadingTag = `h${this.headingLevel ?? 3}`;\n\n    return (\n      <Host>\n        <slot name=\"clickable-block-wrapper\" />\n        <div class=\"pn-teaser-card__container\">\n          <div class={`pn-teaser-card__container__image__container ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}`}>\n            <slot name=\"illustration\" />\n          </div>\n          <div class=\"pn-teaser-card__container__content\">\n            <div class=\"pn-teaser-card__container__content__text__container\">\n              {labelToCapitals && <span class=\"pn-teaser-card__container__content__text__container__label\">{labelToCapitals}</span>}\n              {this.heading && <HeadingTag class=\"pn-teaser-card__container__content__text__container__heading\">{this.heading}</HeadingTag>}\n              <p class=\"pn-teaser-card__container__content__text__container__preamble\">{this.text}</p>\n            </div>\n            {this.hasCtaSlotContent && (\n              <div class=\"pn-teaser-card__container__content__cta\">\n                <slot name=\"cta\" />\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAkB,+iTACxB,MAAAC,EAAeD,E,MCKFE,EAAY,M,mCAGA,K,aACG,K,WACD,K,+CAEwB,Q,uBACI,O,uBAEf,M,yBACE,I,kCAExC,iBAAAC,GACEC,KAAKC,oBAAsBD,KAAKE,YAAYC,cAAc,gBAC1DH,KAAKI,sBAAwBJ,KAAKE,YAAYC,cAAc,yBAE5D,IAAKH,KAAKK,cAAgBC,MAAMN,KAAKK,cAAsB,CACzDL,KAAKK,aAAe,C,EAKxB,MAAAE,GACE,MAAMC,EAAkBR,KAAKS,OAAOC,cACpC,MAAMC,EAAa,IAAIX,KAAKK,cAAgB,IAE5C,OACEO,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,4BACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,6BACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAO,gDAAgDhB,KAAKI,oBAAsB,wDAA0D,MAC/IQ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,kBAEbH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,sCACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,uDACRR,GAAmBI,EAAA,QAAAE,IAAA,2CAAME,MAAM,8DAA8DR,GAC7FR,KAAKiB,SAAWL,EAACD,EAAU,CAAAG,IAAA,2CAACE,MAAM,gEAAgEhB,KAAKiB,SACxGL,EAAA,KAAAE,IAAA,2CAAGE,MAAM,iEAAiEhB,KAAKkB,OAEhFlB,KAAKC,mBACJW,EAAA,OAAAE,IAAA,2CAAKE,MAAM,2CACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,W","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{g as t,r as i,c as s,h as e,d as n}from"./p-bb1c965e.js";import{d as l}from"./p-aed52bc1.js";import{p as o}from"./p-df8bfe03.js";import{v as h}from"./p-4ed69de7.js";const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row{margin-bottom:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#f9f8f8}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete pn-button{margin-top:0.9rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label-row{display:flex;gap:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label{width:30%;font-size:0.875em;color:#5e554a}pn-dropdown-with-multi-input-rows .sum-row{display:flex;justify-content:space-between}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__dropdown{display:inline-flex;align-items:center}pn-dropdown-with-multi-input-rows small{max-width:70%;margin:1rem;align-self:center;position:relative;top:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row .dropdown-with-multi-input-element__dropdown .pn-row-select-dropdown .pn-select .pn-select-input .pn-select-content{width:18rem}";const r=d;const u=class{get hostElement(){return t(this)}pnFirstDropdown=null;pnSecondDropdown=null;pnSumField=null;pnConfirmDeleteButton=null;pnAbortDeleteButton=null;allFormValues;_firstDropdownSelection=null;_secondDropdownSelection=null;_defaultRow;constructor(t){i(this,t);this.allFormValues=s(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.firstDropdownLabel=null;this.firstDropdownHelperText=null;this.secondDropdownLabel=null;this.secondDropdownHelperText=null;this.secondDropdownMax=null;this.deleteMultipleRowsWarningText=null;this.confirmDeleteButtonText=null;this.abortDeleteButtonText=null;this.fristInputLabel=null;this.fristInputPlaceholder=null;this.firstInputMin=null;this.firstInputMax=null;this.firstInputWarning=null;this.firstInputWarningText=null;this.firstInputLowErrorText=null;this.firstInputHighErrorText=null;this.secondInputLabel=null;this.secondInputPlaceholder=null;this.secondInputMin=null;this.secondInputMax=null;this.secondInputWarning=null;this.secondInputWarningText=null;this.secondInputLowErrorText=null;this.secondInputHighErrorText=null;this.disabledDates=null;this.dateLabel=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.yearsToAddToEndDate=null;this.sumFieldLabel=null;this.addRowText=null;this.elementHelperText=null;this.dropdownDataRoot=null;this.secondDropdownArr=[];this.rowData=null;this.formValues=null;this.firstValidDateString="";this.lastValidDateString="";this.rowSum=null;this.minRowCount=null;this.showDelteConfirm=false;this._defaultRow={id:this.generateUniqueId(),firstInput:"",secondInput:this.secondInputWarning!==null?this.secondInputWarning.toString():"",date:""}}componentWillLoad(){this.formValues=[];this.setDropDownData();this.updateSecondDropdown();this.setRowData();this.setFirstValidDate()}componentDidLoad(){this.updateSum()}setDropDownData(){if(typeof this.dropdownData==="string"){this.dropdownDataRoot=JSON.parse(this.dropdownData)}else{this.dropdownDataRoot=this.dropdownData}if(this.dropdownDataRoot?.length){this.dropdownDataRoot.forEach((t=>{if(!t.value){t.value=0}}))}if(this.dropdownDataRoot.length>0){this.dropdownDataRoot[0].checked=true;this._firstDropdownSelection=this.dropdownDataRoot[0].label;this._secondDropdownSelection=this.dropdownDataRoot[0].value;this.minRowCount=this.dropdownDataRoot[0].value}}updateSecondDropdown(){const t=this.dropdownDataRoot.find((t=>t.checked===true));this.secondDropdownArr=[];for(let i=t.value;i<=this.secondDropdownMax;i++){this.secondDropdownArr.push(i)}}updateSelectItemArr(t,i){t.forEach((t=>{if(t.label===i){t.checked=!t.checked}else{t.checked=false}}));return t}setRowData(){this.rowData=[];for(let t=0;t<this._secondDropdownSelection;t++){const t=Object.assign({},this._defaultRow);t.id=this.generateUniqueId();this.rowData=[...this.rowData,t]}}generateUniqueId(){return h()}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const i=new Date;i.setDate(i.getDate()+this.dateDaysFromToday);const s=i.getFullYear();const e=(i.getMonth()+1).toString().padStart(2,"0");const n=i.getDate().toString().padStart(2,"0");const l=s+t;this.firstValidDateString=`${s.toString()}-${e}-${n}`;this.lastValidDateString=`${l.toString()}-${e}-${n}`}addRow(t){const i=Object.assign({},this.rowData[0]);i.id=t?t:this.generateUniqueId();i.date="";this.rowData=[...this.rowData,i];this.secondDropdownArr=[...this.secondDropdownArr];this.updateSum();this.emitValuesIfValid()}handleFirstDropdown(){const t=this.pnFirstDropdown.querySelector("[aria-selected=true]");const i=t?.textContent;if(!i?.length){return}this.dropdownDataRoot.forEach((t=>{t.checked=false}));const s=this.dropdownDataRoot.find((t=>t.label===i));s.checked=true;this._firstDropdownSelection=s.label;this.minRowCount=s.value;if(s.value>this._secondDropdownSelection){this.dropdownDataRoot=[...this.dropdownDataRoot];for(let t=this.rowData?.length;t<s.value;t++){this.addRow(this.generateUniqueId())}}this.updateSecondDropdown();this.updateSum();this.emitValuesIfValid()}handleSecondDropdown=l((t=>{const i=t.target;const s=i?.closest("pn-option");if(!s){console.error("Selected option is null");return}const e=s.textContent?.trim();if(!e?.length){return}const n=parseInt(e);if(n<this._secondDropdownSelection){this.showDelteConfirm=true}else{for(let t=this.rowData?.length;t<n;t++){this.addRow(this.generateUniqueId())}}this.updateSum();this.emitValuesIfValid()}));predefinedValueChange(t){const i=this.rowData?.findIndex((i=>i.id===t.detail.id));const s=t.detail;this.rowData[i]={...this.rowData[i],firstInput:s.firstInput,secondInput:s.secondInput,date:s.date};if(t.type==="firstInputChange"&&i===0){this.updateFirstInputOfRows(s.firstInput)}if(t.type==="secondInputChange"&&i===0){this.updateSecondInputOfRows(s.secondInput)}this.rowData=[...this.rowData];this.emitValuesIfValid();this.updateSum()}updateFirstInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],firstInput:t}}}updateSecondInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],secondInput:t}}}deleteRowEvent(t){const i=this.rowData?.findIndex((i=>i.id===t.detail));if(i<0){return}this.rowData?.splice(i,1);this.rowData=[...this.rowData];this.secondDropdownArr=[...this.secondDropdownArr];this.emitValuesIfValid();this.updateSum()}updateSum(){this.rowSum="";let t=0;this.rowData?.forEach((i=>{if(i?.firstInput?.length){t+=parseInt(i.firstInput)}}));this._secondDropdownSelection=this.rowData?.length;this.rowSum=t.toString()}deleteExcessRows(){const t=this.pnSecondDropdown.querySelector("button span");const i=t?.textContent?.trim();if(!i?.length){return}const s=this.rowData?.length-parseInt(i);for(let t=0;t<s;t++){this.rowData?.pop()}this.rowData=[...this.rowData];this.showDelteConfirm=false;this.updateSum()}abortDeleteRows(){this.showDelteConfirm=false}emitValuesIfValid(){this.formValues=[];this.rowData?.forEach((t=>{const i={row:[]};if(this._firstDropdownSelection?.length){const t={name:this.firstDropdownLabel,value:this._firstDropdownSelection};i.row.push(t)}if(t.firstInput?.length){const s={name:this.fristInputLabel,value:t.firstInput};i.row.push(s)}if(t.secondInput?.length){const s={name:this.secondInputLabel,value:t.secondInput};i.row.push(s)}if(t.date){const s={name:this.dateLabel,value:t.date};i.row.push(s)}if(i.row.length===4){this.formValues.push(i)}}));if(this.formValues.length===this.rowData?.length){const t=JSON.stringify(this.formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){return e(n,{key:"4ea7e91a6f8ff0da39b68e05e00a745fd96b8526",class:"dropdown-with-multi-input-element"},e("div",{key:"807d22151a0ae95fbdca8386d0819ce772b893e4",class:"dropdown-with-multi-input-element__row"},e("div",{key:"f2456d3fe50736789999dcae00c88cb295133f60",class:"dropdown-with-multi-input-element__dropdown"},e("pn-select",{key:"951e55019dedbb888fe70d7444bdc6821f9edf52",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,"empty-option":"true",language:this.languageCode},this.dropdownDataRoot?.map(((t,i)=>e("pn-option",{index:i,label:t.label,value:t.value,selected:t.checked,onClick:l(this.handleFirstDropdown.bind(this),500)})))),this.firstDropdownHelperText?.length?e("small",null,this.firstDropdownHelperText):null)),e("div",{key:"06ec69844f6243ee5503ddd2258894831fdfa23f",class:"dropdown-with-multi-input-element__row"},e("div",{key:"0a38a68db09d7c70b51e144c0fa6016b9831ac1a",class:"dropdown-with-multi-input-element__dropdown"},e("pn-select",{key:"252b09be315c9dfca36a2482be7d19a5d4bde162",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,"empty-option":"true",language:this.languageCode},this.secondDropdownArr?.map(((t,i)=>e("pn-option",{index:i,label:t,value:t,selected:t===this._secondDropdownSelection,onClick:l(this.handleSecondDropdown.bind(this),500)})))),this.secondDropdownHelperText?.length?e("small",null,this.secondDropdownHelperText):null)),this.showDelteConfirm?e("div",{class:"dropdown-with-multi-input-element__delete"},e("p",null,this.deleteMultipleRowsWarningText),e("pn-button",{ref:t=>this.pnConfirmDeleteButton=t,small:"true",appearance:"warning",onClick:this.deleteExcessRows.bind(this)},this.confirmDeleteButtonText),e("pn-button",{ref:t=>this.pnAbortDeleteButton=t,small:"true",appearance:"light",onClick:this.abortDeleteRows.bind(this)},this.abortDeleteButtonText)):null,e("div",{key:"90d6af7f3d5b7f640610abec4b7c0547160d9b5c",class:"dropdown-with-multi-input-element__label-row"},e("div",{key:"5d83a6a28a254802d70cd05812967c2802f382c7",class:"dropdown-with-multi-input-element__label"},e("label",{key:"24e61b0f05715d76108610c3451519e1724784df"},this.fristInputLabel)),e("div",{key:"963effe10290d4cdbb50e1def728bc4661d456d5",class:"dropdown-with-multi-input-element__label"},e("label",{key:"85e9a0ed12841e117f73a777724694811df8b746"},this.secondInputLabel)),e("div",{key:"6aeafb1ba3a2da8831a356a62b12aab3b6187233",class:"dropdown-with-multi-input-element__label"},e("label",{key:"9458f851124d7c4dd3c3d7ca2b7bbe39c37c9ff1"},this.dateLabel))),this.rowData?.map(((t,i)=>e("div",{class:"dropdown-with-multi-input-element__row generated-row-"+i,id:"generated-row-"+i},e("pn-dropdown-with-multi-input-rows-row",{"language-code":this.languageCode,"frist-input-placeholder":this.fristInputPlaceholder,"first-input-min":this.firstInputMin,"first-input-max":this.firstInputMax,"first-input-warning":this.firstInputWarning,"first-input-warning-text":this.firstInputWarningText,"first-input-low-error-text":this.firstInputLowErrorText,"first-input-high-error-text":this.firstInputHighErrorText,"second-input-placeholder":this.secondInputPlaceholder,"second-input-min":this.secondInputMin,"second-input-max":this.secondInputMax,"second-input-warning":this.secondInputWarning,"second-input-warning-text":this.secondInputWarningText,"second-input-low-error-text":this.secondInputLowErrorText,"second-input-high-error-text":this.secondInputHighErrorText,datePlaceholder:this.datePlaceholder,firstValidDate:this.firstValidDateString,lastValidDate:this.lastValidDateString,"predefined-value":JSON.stringify(t),"min-row-count":this.minRowCount,"row-index":i,"disabled-dates":this.disabledDates})))),e("div",{key:"d2dc8b10424046f41dfc73a8e1cb9eb29b1e3b60",class:"dropdown-with-multi-input-element__row sum-row"},e("pn-marketweb-input",{key:"8a176c6d0781093d8b05ad3f2a9a050b2544a865",disabled:true,ref:t=>this.pnSumField=t,type:"number",value:this.rowSum,label:this.sumFieldLabel}),e("pn-button",{key:"f1a9c3cb062e077df8b4960a08361b2e361a4d8f",tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:o,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow(this.generateUniqueId())}},this.addRowText)),this.elementHelperText?.length?e("div",{class:"dropdown-with-multi-input-element__row"},this.elementHelperText):null)}};u.style=r;export{u as pn_dropdown_with_multi_input_rows};
+//# sourceMappingURL=p-cff67e55.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnDropdownWithMultiInputRowsCss","PnDropdownWithMultiInputRowsStyle0","PnDropdownWithMultiInputRows","pnFirstDropdown","pnSecondDropdown","pnSumField","pnConfirmDeleteButton","pnAbortDeleteButton","allFormValues","_firstDropdownSelection","_secondDropdownSelection","_defaultRow","constructor","hostRef","this","id","generateUniqueId","firstInput","secondInput","secondInputWarning","toString","date","componentWillLoad","formValues","setDropDownData","updateSecondDropdown","setRowData","setFirstValidDate","componentDidLoad","updateSum","dropdownData","dropdownDataRoot","JSON","parse","length","forEach","element","value","checked","label","minRowCount","selectedItem","find","arr","secondDropdownArr","index","secondDropdownMax","push","updateSelectItemArr","caption","item","rowData","row","Object","assign","uuidv4","yearsToadd","yearsToAddToEndDate","Date","setDate","getDate","dateDaysFromToday","year","getFullYear","month","getMonth","padStart","day","endYear","firstValidDateString","lastValidDateString","addRow","newRowId","newRow","emitValuesIfValid","handleFirstDropdown","selected","querySelector","selectedValue","textContent","selectionRoot","x","handleSecondDropdown","debounce","e","target","selectedOption","closest","console","error","trim","parseInt","showDelteConfirm","predefinedValueChange","indexToUpdate","findIndex","data","detail","val","type","updateFirstInputOfRows","updateSecondInputOfRows","deleteRowEvent","indexToRemove","splice","rowSum","sum","deleteExcessRows","selectedButton","rowsToDelete","pop","abortDeleteRows","rowValue","dropDownValue","name","firstDropdownLabel","firstInputValue","fristInputLabel","secondInputValue","secondInputLabel","dateValue","dateLabel","valueJsonString","stringify","emit","render","h","Host","key","class","ref","el","language","languageCode","map","i","onClick","bind","firstDropdownHelperText","secondDropdownLabel","secondDropdownHelperText","deleteMultipleRowsWarningText","small","appearance","confirmDeleteButtonText","abortDeleteButtonText","fristInputPlaceholder","firstInputMin","firstInputMax","firstInputWarning","firstInputWarningText","firstInputLowErrorText","firstInputHighErrorText","secondInputPlaceholder","secondInputMin","secondInputMax","secondInputWarningText","secondInputLowErrorText","secondInputHighErrorText","datePlaceholder","firstValidDate","lastValidDate","disabledDates","disabled","sumFieldLabel","tooltip","addRowText","arialabel","icon","plus","variant","elementHelperText"],"sources":["src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.scss?tag=pn-dropdown-with-multi-input-rows","src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-dropdown-with-multi-input-rows {\n  .dropdown-with-multi-input-element {\n    &__row {\n      margin-bottom: 1rem;\n    }\n\n    &__delete {\n      display: flex;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      padding: 1rem;\n      background-color: $gray25;\n\n      pn-button {\n        margin-top: 0.9rem;\n      }\n    }\n\n    &__label-row {\n      display: flex;\n      gap: 1rem;\n    }\n\n    &__label {\n      width: 30%;\n      font-size: 0.875em;\n      color: #5e554a;\n    }\n  }\n\n  \n  .sum-row {\n    display: flex;\n    justify-content: space-between;\n  }\n  \n  .dropdown-with-multi-input-element__dropdown {\n    display: inline-flex;\n    align-items: center;\n  }\n  \n  small {\n    max-width: 70%;\n    margin: 1rem;\n    align-self: center;\n    position: relative;\n    top: 1rem;\n  }\n  \n  .dropdown-with-multi-input-element__row \n  .dropdown-with-multi-input-element__dropdown \n  .pn-row-select-dropdown \n  .pn-select \n  .pn-select-input\n  .pn-select-content {\n    width: 18rem;\n  }\n\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, RowValue, Root, PredefinedValues } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport debounce from 'debounce';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-dropdown-with-multi-input-rows',\n  styleUrl: 'pn-dropdown-with-multi-input-rows.scss',\n})\nexport class PnDropdownWithMultiInputRows {\n  @Element() hostElement: Element;\n  pnFirstDropdown: HTMLElement = null;\n  pnSecondDropdown: HTMLElement = null;\n  pnSumField: HTMLElement = null;\n  pnConfirmDeleteButton: HTMLElement = null;\n  pnAbortDeleteButton: HTMLElement = null;\n\n  @Prop() dropdownData: string | Root[] = null;\n  @Prop() languageCode: string = null;\n  @Prop() firstDropdownLabel: string = null;\n  @Prop() firstDropdownHelperText: string = null;\n  @Prop() secondDropdownLabel: string = null;\n  @Prop() secondDropdownHelperText: string = null;\n  @Prop() secondDropdownMax: number = null;\n  @Prop() deleteMultipleRowsWarningText: string = null;\n  @Prop() confirmDeleteButtonText: string = null;\n  @Prop() abortDeleteButtonText: string = null;\n  @Prop() fristInputLabel: string = null;\n  @Prop() fristInputPlaceholder: string = null;\n  @Prop() firstInputMin: number = null;\n  @Prop() firstInputMax: number = null;\n  @Prop() firstInputWarning: number = null;\n  @Prop() firstInputWarningText: string = null;\n  @Prop() firstInputLowErrorText: string = null;\n  @Prop() firstInputHighErrorText: string = null;\n  @Prop() secondInputLabel: string = null;\n  @Prop() secondInputPlaceholder: string = null;\n  @Prop() secondInputMin: number = null;\n  @Prop() secondInputMax: number = null;\n  @Prop() secondInputWarning: number = null;\n  @Prop() secondInputWarningText: string = null;\n  @Prop() secondInputLowErrorText: string = null;\n  @Prop() secondInputHighErrorText: string = null;\n  @Prop() disabledDates: string = null;\n  @Prop() dateLabel: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() dateDaysFromToday: number = 1;\n  @Prop() yearsToAddToEndDate: number = null;\n  @Prop() sumFieldLabel: string = null;\n  @Prop() addRowText: string = null;\n  @Prop() elementHelperText: string = null;\n\n  @State() dropdownDataRoot: Root[] = null;\n  @State() secondDropdownArr: number[] = [];\n  @State() rowData: PredefinedValues[] = null;\n  @State() formValues: FormValue[] = null;\n  @State() firstValidDateString: string = '';\n  @State() lastValidDateString: string = '';\n  @State() rowSum: string = null;\n  @State() minRowCount: number = null;\n  @State() showDelteConfirm: boolean = false;\n\n  @Event() allFormValues: EventEmitter<string>;\n\n  private _firstDropdownSelection: string = null;\n  private _secondDropdownSelection: number = null;\n\n  private _defaultRow: PredefinedValues;\n\n  constructor() {\n    this._defaultRow = {\n      id: this.generateUniqueId(),\n      firstInput: '',\n      secondInput: this.secondInputWarning !== null ? this.secondInputWarning.toString() : '',\n      date: '',\n    };\n  }\n\n  componentWillLoad() {\n    this.formValues = [];\n    this.setDropDownData();\n    this.updateSecondDropdown();\n    this.setRowData();\n    this.setFirstValidDate();\n  }\n\n  componentDidLoad() {\n    this.updateSum();\n  }\n\n  setDropDownData() {\n    if (typeof this.dropdownData === 'string') {\n      this.dropdownDataRoot = JSON.parse(this.dropdownData);\n    } else {\n      this.dropdownDataRoot = this.dropdownData;\n    }\n\n    if (this.dropdownDataRoot?.length) {\n      this.dropdownDataRoot.forEach(element => {\n        if (!element.value) {\n          element.value = 0;\n        }\n      });\n    }\n\n    if (this.dropdownDataRoot.length > 0) {\n      this.dropdownDataRoot[0].checked = true;\n      this._firstDropdownSelection = this.dropdownDataRoot[0].label;\n      this._secondDropdownSelection = this.dropdownDataRoot[0].value;\n      this.minRowCount = this.dropdownDataRoot[0].value;\n    }\n  }\n\n  updateSecondDropdown() {\n    const selectedItem = this.dropdownDataRoot.find(arr => arr.checked === true);\n    this.secondDropdownArr = [];\n\n    for (let index = selectedItem.value; index <= this.secondDropdownMax; index++) {\n      this.secondDropdownArr.push(index);\n    }\n  }\n\n  updateSelectItemArr(arr: Root[], caption: string) {\n    arr.forEach(item => {\n      if (item.label === caption) {\n        item.checked = !item.checked;\n      } else {\n        item.checked = false;\n      }\n    });\n    return arr;\n  }\n\n  setRowData() {\n    this.rowData = [];\n    for (let index = 0; index < this._secondDropdownSelection; index++) {\n      const row = Object.assign({}, this._defaultRow);\n      row.id = this.generateUniqueId();\n      this.rowData = [...this.rowData, row];\n    }\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  setFirstValidDate() {\n    const yearsToadd = this.yearsToAddToEndDate ? this.yearsToAddToEndDate : 2;\n    const date = new Date();\n    date.setDate(date.getDate() + this.dateDaysFromToday);\n\n    const year = date.getFullYear();\n    const month = (date.getMonth() + 1).toString().padStart(2, '0');\n    const day = date.getDate().toString().padStart(2, '0');\n    const endYear = year + yearsToadd;\n\n    this.firstValidDateString = `${year.toString()}-${month}-${day}`;\n    this.lastValidDateString = `${endYear.toString()}-${month}-${day}`;\n  }\n\n  addRow(newRowId: string) {\n    const newRow = Object.assign({}, this.rowData[0]);\n    newRow.id = newRowId ? newRowId : this.generateUniqueId();\n    newRow.date = '';\n    this.rowData = [...this.rowData, newRow];\n\n    this.secondDropdownArr = [...this.secondDropdownArr];\n    this.updateSum();\n    this.emitValuesIfValid();\n  }\n\n  handleFirstDropdown() {\n    const selected = this.pnFirstDropdown.querySelector('[aria-selected=true]');\n    const selectedValue = selected?.textContent;\n    if (!selectedValue?.length) {\n      return;\n    }\n\n    this.dropdownDataRoot.forEach(element => {\n      element.checked = false;\n    });\n    const selectionRoot = this.dropdownDataRoot.find(x => x.label === selectedValue);\n    selectionRoot.checked = true;\n    this._firstDropdownSelection = selectionRoot.label;\n    this.minRowCount = selectionRoot.value;\n\n    if (selectionRoot.value > this._secondDropdownSelection) {\n      this.dropdownDataRoot = [...this.dropdownDataRoot];\n\n      for (let index = this.rowData?.length; index < selectionRoot.value; index++) {\n        this.addRow(this.generateUniqueId());\n      }\n    }\n\n    this.updateSecondDropdown();\n    this.updateSum();\n    this.emitValuesIfValid();\n  }\n\n  handleSecondDropdown = debounce((e: Event) => {\n    const target = e.target as HTMLElement | null;\n    const selectedOption = target?.closest('pn-option') as HTMLElement | null;\n  \n    if (!selectedOption) {\n      console.error('Selected option is null');\n      return;\n    }\n  \n    const selectedValue = selectedOption.textContent?.trim();\n\n    if (!selectedValue?.length) {\n      return;\n    }\n\n    const value = parseInt(selectedValue);\n    if (value < this._secondDropdownSelection) {\n      this.showDelteConfirm = true;\n    } else {\n      for (let index = this.rowData?.length; index < value; index++) {\n        this.addRow(this.generateUniqueId());\n      }\n    }\n    this.updateSum();\n    this.emitValuesIfValid();\n  })\n\n  @Listen('rowValueChange')\n  @Listen('firstInputChange')\n  @Listen('secondInputChange')\n  predefinedValueChange(e) {\n    const indexToUpdate = this.rowData?.findIndex(data => data.id === e.detail.id);\n    const val: PredefinedValues = e.detail;\n    this.rowData[indexToUpdate] = {\n      ...this.rowData[indexToUpdate],\n      firstInput: val.firstInput,\n      secondInput: val.secondInput,\n      date: val.date,\n    };\n\n    if (e.type === 'firstInputChange' && indexToUpdate === 0) {\n      this.updateFirstInputOfRows(val.firstInput);\n    }\n\n    if (e.type === 'secondInputChange' && indexToUpdate === 0) {\n      this.updateSecondInputOfRows(val.secondInput);\n    }\n\n    this.rowData = [...this.rowData];\n    this.emitValuesIfValid();\n    this.updateSum();\n  }\n\n  updateFirstInputOfRows(value: string) {\n    for (let index = 1; index < this.rowData?.length; index++) {\n      this.rowData[index] = {\n        ...this.rowData[index],\n        firstInput: value,\n      };\n    }\n  }\n\n  updateSecondInputOfRows(value: string) {\n    for (let index = 1; index < this.rowData?.length; index++) {\n      this.rowData[index] = {\n        ...this.rowData[index],\n        secondInput: value,\n      };\n    }\n  }\n\n  @Listen('deleteRowEvent')\n  deleteRowEvent(e) {\n    const indexToRemove = this.rowData?.findIndex(data => data.id === e.detail);\n    if (indexToRemove < 0) {\n      return;\n    }\n\n    this.rowData?.splice(indexToRemove, 1);\n    this.rowData = [...this.rowData];\n\n    this.secondDropdownArr = [...this.secondDropdownArr];\n    this.emitValuesIfValid();\n    this.updateSum();\n  }\n\n  updateSum() {\n    this.rowSum = '';\n    let sum = 0;\n    this.rowData?.forEach(element => {\n      if (element?.firstInput?.length) {\n        sum += parseInt(element.firstInput);\n      }\n    });\n\n    this._secondDropdownSelection = this.rowData?.length;\n    this.rowSum = sum.toString();\n  }\n\n  deleteExcessRows() {\n  const selectedButton = this.pnSecondDropdown.querySelector('button span');\n  const selectedValue = selectedButton?.textContent?.trim();\n\n    if (!selectedValue?.length) {\n      return;\n    }\n    const rowsToDelete = this.rowData?.length - parseInt(selectedValue);\n    for (let index = 0; index < rowsToDelete; index++) {\n      this.rowData?.pop();\n    }\n    this.rowData = [...this.rowData];\n    this.showDelteConfirm = false;\n    this.updateSum();\n  }\n\n  abortDeleteRows() {\n    this.showDelteConfirm = false;\n  }\n\n  emitValuesIfValid() {\n    this.formValues = [];\n    this.rowData?.forEach(item => {\n      const rowValue: FormValue = { row: [] };\n      if (this._firstDropdownSelection?.length) {\n        const dropDownValue: RowValue = { name: this.firstDropdownLabel, value: this._firstDropdownSelection };\n        rowValue.row.push(dropDownValue);\n      }\n      \n      if (item.firstInput?.length) {\n        const firstInputValue: RowValue = { name: this.fristInputLabel, value: item.firstInput };\n        rowValue.row.push(firstInputValue);\n      }\n      \n      if (item.secondInput?.length) {\n        const secondInputValue: RowValue = { name: this.secondInputLabel, value: item.secondInput };\n        rowValue.row.push(secondInputValue);\n      }\n\n      if (item.date) {\n        const dateValue: RowValue = { name: this.dateLabel, value: item.date };\n        rowValue.row.push(dateValue);\n      }\n      \n      if (rowValue.row.length === 4) {\n        this.formValues.push(rowValue);\n      }\n    });\n    \n    if (this.formValues.length === this.rowData?.length) {\n      const valueJsonString = JSON.stringify(this.formValues);\n      this.allFormValues.emit(valueJsonString);\n    } else {\n      this.allFormValues.emit('');\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"dropdown-with-multi-input-element\">\n        <div class=\"dropdown-with-multi-input-element__row\">\n          <div class=\"dropdown-with-multi-input-element__dropdown\">\n            <pn-select ref={el => (this.pnFirstDropdown = el as HTMLElement)} class=\"pn-row-select-dropdown dropDown1-dropdown\" label={this.firstDropdownLabel} empty-option=\"true\" language={this.languageCode}>\n              {this.dropdownDataRoot?.map((item, i) => (\n                <pn-option index={i} label={item.label} value={item.value} selected={item.checked} onClick={debounce(this.handleFirstDropdown.bind(this), 500)}></pn-option>\n              ))}\n            </pn-select>\n            {this.firstDropdownHelperText?.length ? <small>{this.firstDropdownHelperText}</small> : null}\n          </div>\n        </div>\n\n        <div class=\"dropdown-with-multi-input-element__row\">\n          <div class=\"dropdown-with-multi-input-element__dropdown\">\n            <pn-select ref={el => (this.pnSecondDropdown = el as HTMLElement)} class=\"pn-row-select-dropdown dropDown2-dropdown\" label={this.secondDropdownLabel} empty-option=\"true\" language={this.languageCode}>\n              {this.secondDropdownArr?.map((item, i) => (\n                <pn-option index={i} label={item} value={item} selected={item === this._secondDropdownSelection} onClick={debounce(this.handleSecondDropdown.bind(this), 500)}></pn-option>\n              ))}\n            </pn-select>\n            {this.secondDropdownHelperText?.length ? <small>{this.secondDropdownHelperText}</small> : null}\n          </div>\n        </div>\n\n        {this.showDelteConfirm ? (\n          <div class=\"dropdown-with-multi-input-element__delete\">\n            <p>{this.deleteMultipleRowsWarningText}</p>\n            <pn-button ref={el => (this.pnConfirmDeleteButton = el as HTMLElement)} small=\"true\" appearance=\"warning\" onClick={this.deleteExcessRows.bind(this)}>\n              {this.confirmDeleteButtonText}\n            </pn-button>\n            <pn-button ref={el => (this.pnAbortDeleteButton = el as HTMLElement)} small=\"true\" appearance=\"light\" onClick={this.abortDeleteRows.bind(this)}>\n              {this.abortDeleteButtonText}\n            </pn-button>\n          </div>\n        ) : null}\n\n        <div class=\"dropdown-with-multi-input-element__label-row\">\n          <div class=\"dropdown-with-multi-input-element__label\">\n            <label>{this.fristInputLabel}</label>\n          </div>\n          <div class=\"dropdown-with-multi-input-element__label\">\n            <label>{this.secondInputLabel}</label>\n          </div>\n          <div class=\"dropdown-with-multi-input-element__label\">\n            <label>{this.dateLabel}</label>\n          </div>\n        </div>\n\n        {this.rowData?.map((data, i) => {\n          return (\n            <div class={'dropdown-with-multi-input-element__row generated-row-' + i} id={'generated-row-' + i}>\n              <pn-dropdown-with-multi-input-rows-row\n                language-code={this.languageCode}\n                frist-input-placeholder={this.fristInputPlaceholder}\n                first-input-min={this.firstInputMin}\n                first-input-max={this.firstInputMax}\n                first-input-warning={this.firstInputWarning}\n                first-input-warning-text={this.firstInputWarningText}\n                first-input-low-error-text={this.firstInputLowErrorText}\n                first-input-high-error-text={this.firstInputHighErrorText}\n                second-input-placeholder={this.secondInputPlaceholder}\n                second-input-min={this.secondInputMin}\n                second-input-max={this.secondInputMax}\n                second-input-warning={this.secondInputWarning}\n                second-input-warning-text={this.secondInputWarningText}\n                second-input-low-error-text={this.secondInputLowErrorText}\n                second-input-high-error-text={this.secondInputHighErrorText}\n                datePlaceholder={this.datePlaceholder}\n                firstValidDate={this.firstValidDateString}\n                lastValidDate={this.lastValidDateString}\n                predefined-value={JSON.stringify(data)}\n                min-row-count={this.minRowCount}\n                row-index={i}\n                disabled-dates={this.disabledDates}\n              ></pn-dropdown-with-multi-input-rows-row>\n            </div>\n          );\n        })}\n\n        <div class=\"dropdown-with-multi-input-element__row sum-row\">\n          <pn-marketweb-input disabled={true} ref={el => (this.pnSumField = el as HTMLElement)} type=\"number\" value={this.rowSum} label={this.sumFieldLabel}></pn-marketweb-input>\n\n          <pn-button\n            tooltip={this.addRowText ? this.addRowText : null}\n            left-icon=\"true\"\n            arialabel=\"Add\"\n            icon={plus}\n            appearance=\"light\"\n            variant=\"borderless\"\n            class=\"connected-dropdown__button-right\"\n            onClick={() => {\n              this.addRow(this.generateUniqueId());\n            }}\n          >\n            {this.addRowText}\n          </pn-button>\n        </div>\n\n        {this.elementHelperText?.length ? <div class=\"dropdown-with-multi-input-element__row\">{this.elementHelperText}</div> : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as l,h as s,d as a}from"./p-bb1c965e.js";import{p as i}from"./p-df8bfe03.js";import{v as n}from"./p-4ed69de7.js";const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-multi-row-connected-dropdown{gap:1rem}pn-multi-row-connected-dropdown .connected-dropdown__row{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown .connected-dropdown__button-right{margin-left:auto}";const o=d;const h=class{constructor(l){e(this,l);this.allFormValues=t(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFildLabel=null;this.inputFildPlaceholder=null;this.disabledDates=null;this.dateButtonText=null;this.datePlaceholder=null;this.dateDaysFromToday=null;this.allowMultipleRows=false;this.allowMultipleDates=false;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.yearsToAddToEndDate=null;this.minAmount=1;this.errorMessageEmpty=undefined;this.errorMessageMinAmount=undefined;this.minWarningAmount=null;this.warningMessageMinAmount=undefined;this.rowCount=null;this.rowData=null;this.formValues=null}get hostElement(){return l(this)}_buttonValueName=null;_firstDropdownValueName=null;_secondDropdownValueName=null;_inputValueName=null;_dateValueName=null;allFormValues;_defaultRow={id:this.generateUniqueId(),buttons:[],firstDropdown:[],secondDropdown:[],input:"",dates:"",dateRange:{days:[],startDate:"",endDate:""}};componentWillLoad(){this.setDaysArr();this.formValues=[];this.rowData=[this._defaultRow];this.rowCount=this.rowData.length;this._buttonValueName=this.label?.length?this.label:"value0";this._firstDropdownValueName=this.firstDropdownLabel?.length?this.firstDropdownLabel:"value1";this._secondDropdownValueName=this.secondDropdownLabel?.length?this.secondDropdownLabel:"value2";this._inputValueName=this.inputFildLabel?.length?this.inputFildLabel:"value3";this._dateValueName=this.dateButtonText?.length?this.dateButtonText:"value4"}componentDidLoad(){}emitValuesIfValid(){this.formValues=[];this.rowData.forEach((e=>{const t={row:[]};const l=e.buttons.find((e=>e.selected===true));if(l){const e={name:this._buttonValueName,value:l.label};t.row.push(e)}const s=e.firstDropdown.find((e=>e.selected===true));if(s){const e={name:this._firstDropdownValueName,value:s.label};t.row.push(e)}const a=e.secondDropdown.find((e=>e.selected===true));if(a){const e={name:this._secondDropdownValueName,value:a.label};t.row.push(e)}const i=e.input;if(i?.length){const e={name:this._inputValueName,value:i};t.row.push(e)}const n=e.dates;if(n?.length){const e={name:this._dateValueName,value:n};t.row.push(e)}if(t.row.length===5){this.formValues.push(t)}}));if(this.formValues.length===this.rowData.length){const e=JSON.stringify(this.formValues);this.allFormValues.emit(e)}else{this.allFormValues.emit("")}}predefinedValueChange(e){const t=this.rowData.findIndex((t=>t.id===e.detail.id));const l=e.detail;this.rowData[t]={...this.rowData[t],buttons:l.buttons,firstDropdown:l.firstDropdown,secondDropdown:l.secondDropdown,input:l.input,dates:l.dates,dateRange:l.dateRange};this.emitValuesIfValid()}deleteRowEvent(e){const t=this.rowData.findIndex((t=>t.id===e.detail));this.rowData.splice(t,1);this.rowData=[...this.rowData];this.rowCount=this.rowData.length;this.emitValuesIfValid()}generateUniqueId(){return n()}addRow(){const e=this._defaultRow;e.id=this.generateUniqueId();this.rowData=[...this.rowData,e];this.rowCount=this.rowData.length}setDaysArr(){const e=this.languageCode.toLowerCase();switch(e){case"en":this._defaultRow.dateRange.days=[{label:"Monday",value:"1",selected:false},{label:"Tuesday",value:"2",selected:false},{label:"Wednesday",value:"3",selected:false},{label:"Thursday",value:"4",selected:false},{label:"Friday",value:"5",selected:false}];break;case"sv":this._defaultRow.dateRange.days=[{label:"Måndag",value:"1",selected:false},{label:"Tisdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;case"da":this._defaultRow.dateRange.days=[{label:"Mandag",value:"1",selected:false},{label:"Tirsdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;case"fi":this._defaultRow.dateRange.days=[{label:"Maanantai",value:"1",selected:false},{label:"Tiistai",value:"2",selected:false},{label:"Keskiviikko",value:"3",selected:false},{label:"Torstai",value:"4",selected:false},{label:"Perjantai",value:"5",selected:false}];break;case"no":this._defaultRow.dateRange.days=[{label:"Mandag",value:"1",selected:false},{label:"Tirsdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;default:this._defaultRow.dateRange.days=[{label:"Monday",value:"1",selected:false},{label:"Tuesday",value:"2",selected:false},{label:"Wednesday",value:"3",selected:false},{label:"Thursday",value:"4",selected:false},{label:"Friday",value:"5",selected:false}];break}}render(){return s(a,{key:"72f936b5123cca5da08001070d1ed32051eed34b"},this.rowData?.map(((e,t)=>s("div",{class:"generated-row-"+t,id:"generated-row-connected-dropdown-"+t},s("pn-multi-row-connected-dropdown-row",{"dropdown-data":this.dropdownData,"language-code":this.languageCode,label:this.label,"first-dropdown-label":this.firstDropdownLabel,"second-dropdown-label":this.secondDropdownLabel,"dropdown-placeholder":this.dropdownPlaceholder,"add-row-text":this.addRowText,"input-fild-label":this.inputFildLabel,"input-fild-placeholder":this.inputFildPlaceholder,"disabled-dates":this.disabledDates,"date-button-text":this.dateButtonText,"date-placeholder":this.datePlaceholder,"date-days-from-today":this.dateDaysFromToday,"allow-multiple-dates":this.allowMultipleDates,"start-date-label":this.startDateLabel,"end-date-label":this.endDateLabel,"multi-date-helper-text":this.multiDateHelperText,"generate-dates-button-text":this.generateDatesButtonText,"save-date-button-text":this.saveDateButtonText,"no-dates-text":this.noDatesText,index:t,"predefined-value":JSON.stringify(e),"years-to-add-to-end-date":this.yearsToAddToEndDate,"min-amount":this.minAmount,"error-message-empty":this.errorMessageEmpty,"error-message-min-amount":this.errorMessageMinAmount,"min-warning-amount":this.minWarningAmount,"warning-message-min-amount":this.warningMessageMinAmount})))),this.allowMultipleRows?s("div",{class:"connected-dropdown__row"},s("pn-button",{tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:i,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow()}},this.addRowText)):null)}};h.style=o;export{h as pn_multi_row_connected_dropdown};
+//# sourceMappingURL=p-fb580773.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnMultiRowConnectedDropdownCss","PnMultiRowConnectedDropdownStyle0","PnMultiRowConnectedDropdown","_buttonValueName","_firstDropdownValueName","_secondDropdownValueName","_inputValueName","_dateValueName","allFormValues","_defaultRow","id","this","generateUniqueId","buttons","firstDropdown","secondDropdown","input","dates","dateRange","days","startDate","endDate","componentWillLoad","setDaysArr","formValues","rowData","rowCount","length","label","firstDropdownLabel","secondDropdownLabel","inputFildLabel","dateButtonText","componentDidLoad","emitValuesIfValid","forEach","item","rowValue","row","buttonSelection","find","x","selected","buttonValue","name","value","push","firstDropdownSelection","firstDropdownValue","secondDropdownSelection","secondDropdownValue","inputValue","datestValue","valueJsonString","JSON","stringify","emit","predefinedValueChange","e","indexToUpdate","findIndex","data","detail","val","deleteRowEvent","indexToRemove","splice","uuidv4","addRow","newRow","language","languageCode","toLowerCase","render","h","Host","key","map","i","class","dropdownData","dropdownPlaceholder","addRowText","inputFildPlaceholder","disabledDates","datePlaceholder","dateDaysFromToday","allowMultipleDates","startDateLabel","endDateLabel","multiDateHelperText","generateDatesButtonText","saveDateButtonText","noDatesText","index","yearsToAddToEndDate","minAmount","errorMessageEmpty","errorMessageMinAmount","minWarningAmount","warningMessageMinAmount","allowMultipleRows","tooltip","arialabel","icon","plus","appearance","variant","onClick"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.scss?tag=pn-multi-row-connected-dropdown","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown {\n  gap: 1rem;\n\n  .connected-dropdown {\n    &__row {\n      display: flex;\n      align-items: flex-end;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      justify-content: space-between;\n\n      &__no-margin {\n        margin: 0;\n      }\n    }\n\n    &__button-right {\n      margin-left: auto;\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, PredefinedValues, Root, RowValue, SelectItem } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-multi-row-connected-dropdown',\n  styleUrl: 'pn-multi-row-connected-dropdown.scss',\n})\nexport class PnMultiRowConnectedDropdown {\n  @Element() hostElement: Element;\n\n  @Prop() dropdownData: string | Root[] = null;\n  @Prop() languageCode: string = null;\n  @Prop() label: string = null;\n  @Prop() firstDropdownLabel: string = null;\n  @Prop() secondDropdownLabel: string = null;\n  @Prop() dropdownPlaceholder: string = null;\n  @Prop() addRowText: string = null;\n  @Prop() inputFildLabel: string = null;\n  @Prop() inputFildPlaceholder: string = null;\n  @Prop() disabledDates: string = null;\n  @Prop() dateButtonText: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() dateDaysFromToday: number = null;\n  @Prop() allowMultipleRows: boolean = false;\n  @Prop() allowMultipleDates: boolean = false;\n  @Prop() startDateLabel: string = null;\n  @Prop() endDateLabel: string = null;\n  @Prop() multiDateHelperText: string = null;\n  @Prop() generateDatesButtonText: string = null;\n  @Prop() saveDateButtonText: string = null;\n  @Prop() noDatesText: string = null;\n  @Prop() yearsToAddToEndDate: number = null;\n  @Prop() minAmount: number = 1;\n  @Prop() errorMessageEmpty: string;\n  @Prop() errorMessageMinAmount: string;\n  @Prop() minWarningAmount: number = null;\n  @Prop() warningMessageMinAmount: string;\n\n  @State() rowCount: number = null;\n  @State() rowData: PredefinedValues[] = null;\n  @State() formValues: FormValue[] = null;\n\n  private _buttonValueName: string = null;\n  private _firstDropdownValueName: string = null;\n  private _secondDropdownValueName: string = null;\n  private _inputValueName: string = null;\n  private _dateValueName: string = null;\n\n  @Event() allFormValues: EventEmitter<string>;\n\n  private _defaultRow: PredefinedValues = {\n    id: this.generateUniqueId(),\n    buttons: [],\n    firstDropdown: [],\n    secondDropdown: [],\n    input: '',\n    dates: '',\n    dateRange: {\n      days: [],\n      startDate: '',\n      endDate: '',\n    },\n  };\n\n  componentWillLoad() {\n    this.setDaysArr();\n    this.formValues = [];\n    this.rowData = [this._defaultRow];\n    this.rowCount = this.rowData.length;\n\n    this._buttonValueName = this.label?.length ? this.label : 'value0';\n    this._firstDropdownValueName = this.firstDropdownLabel?.length ? this.firstDropdownLabel : 'value1';\n    this._secondDropdownValueName = this.secondDropdownLabel?.length ? this.secondDropdownLabel : 'value2';\n    this._inputValueName = this.inputFildLabel?.length ? this.inputFildLabel : 'value3';\n    this._dateValueName = this.dateButtonText?.length ? this.dateButtonText : 'value4';\n  }\n\n  componentDidLoad() {}\n\n  emitValuesIfValid() {\n    this.formValues = [];\n    this.rowData.forEach(item => {\n      const rowValue: FormValue = { row: [] };\n\n      const buttonSelection = item.buttons.find(x => x.selected === true);\n      if (buttonSelection) {\n        const buttonValue: RowValue = { name: this._buttonValueName, value: buttonSelection.label };\n        rowValue.row.push(buttonValue);\n      }\n\n      const firstDropdownSelection = item.firstDropdown.find(x => x.selected === true);\n      if (firstDropdownSelection) {\n        const firstDropdownValue: RowValue = { name: this._firstDropdownValueName, value: firstDropdownSelection.label };\n        rowValue.row.push(firstDropdownValue);\n      }\n\n      const secondDropdownSelection = item.secondDropdown.find(x => x.selected === true);\n      if (secondDropdownSelection) {\n        const secondDropdownValue: RowValue = { name: this._secondDropdownValueName, value: secondDropdownSelection.label };\n        rowValue.row.push(secondDropdownValue);\n      }\n\n      const input = item.input;\n      if (input?.length) {\n        const inputValue: RowValue = { name: this._inputValueName, value: input };\n        rowValue.row.push(inputValue);\n      }\n\n      const dates = item.dates;\n      if (dates?.length) {\n        const datestValue: RowValue = { name: this._dateValueName, value: dates };\n        rowValue.row.push(datestValue);\n      }\n\n      if (rowValue.row.length === 5) {\n        this.formValues.push(rowValue);\n      }\n    });\n\n    if (this.formValues.length === this.rowData.length) {\n      const valueJsonString = JSON.stringify(this.formValues);\n      this.allFormValues.emit(valueJsonString);\n    } else {\n      this.allFormValues.emit('');\n    }\n  }\n\n  @Listen('rowValueChange')\n  predefinedValueChange(e) {\n    const indexToUpdate = this.rowData.findIndex(data => data.id === e.detail.id);\n    const val: PredefinedValues = e.detail;\n    this.rowData[indexToUpdate] = {\n      ...this.rowData[indexToUpdate],\n      buttons: val.buttons,\n      firstDropdown: val.firstDropdown,\n      secondDropdown: val.secondDropdown,\n      input: val.input,\n      dates: val.dates,\n      dateRange: val.dateRange,\n    };\n    this.emitValuesIfValid();\n  }\n\n  @Listen('deleteRowEvent')\n  deleteRowEvent(e) {\n    const indexToRemove = this.rowData.findIndex(data => data.id === e.detail);\n    this.rowData.splice(indexToRemove, 1);\n    this.rowData = [...this.rowData];\n    this.rowCount = this.rowData.length;\n    this.emitValuesIfValid();\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  addRow() {\n    const newRow = this._defaultRow;\n    newRow.id = this.generateUniqueId();\n\n    this.rowData = [...this.rowData, newRow];\n    this.rowCount = this.rowData.length;\n  }\n\n  setDaysArr() {\n    const language = this.languageCode.toLowerCase();\n\n    switch (language) {\n      case 'en':\n        this._defaultRow.dateRange.days = [\n          { label: 'Monday', value: '1', selected: false },\n          { label: 'Tuesday', value: '2', selected: false },\n          { label: 'Wednesday', value: '3', selected: false },\n          { label: 'Thursday', value: '4', selected: false },\n          { label: 'Friday', value: '5', selected: false },\n        ];\n        break;\n\n      case 'sv':\n        this._defaultRow.dateRange.days = [\n          { label: 'Måndag', value: '1', selected: false },\n          { label: 'Tisdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      case 'da':\n        this._defaultRow.dateRange.days = [\n          { label: 'Mandag', value: '1', selected: false },\n          { label: 'Tirsdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      case 'fi':\n        this._defaultRow.dateRange.days = [\n          { label: 'Maanantai', value: '1', selected: false },\n          { label: 'Tiistai', value: '2', selected: false },\n          { label: 'Keskiviikko', value: '3', selected: false },\n          { label: 'Torstai', value: '4', selected: false },\n          { label: 'Perjantai', value: '5', selected: false },\n        ];\n        break;\n\n      case 'no':\n        this._defaultRow.dateRange.days = [\n          { label: 'Mandag', value: '1', selected: false },\n          { label: 'Tirsdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      default:\n        this._defaultRow.dateRange.days = [\n          { label: 'Monday', value: '1', selected: false },\n          { label: 'Tuesday', value: '2', selected: false },\n          { label: 'Wednesday', value: '3', selected: false },\n          { label: 'Thursday', value: '4', selected: false },\n          { label: 'Friday', value: '5', selected: false },\n        ];\n        break;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.rowData?.map((data, i) => {\n          return (\n            <div class={'generated-row-' + i} id={'generated-row-connected-dropdown-' + i}>\n              <pn-multi-row-connected-dropdown-row\n                dropdown-data={this.dropdownData}\n                language-code={this.languageCode}\n                label={this.label}\n                first-dropdown-label={this.firstDropdownLabel}\n                second-dropdown-label={this.secondDropdownLabel}\n                dropdown-placeholder={this.dropdownPlaceholder}\n                add-row-text={this.addRowText}\n                input-fild-label={this.inputFildLabel}\n                input-fild-placeholder={this.inputFildPlaceholder}\n                disabled-dates={this.disabledDates}\n                date-button-text={this.dateButtonText}\n                date-placeholder={this.datePlaceholder}\n                date-days-from-today={this.dateDaysFromToday}\n                allow-multiple-dates={this.allowMultipleDates}\n                start-date-label={this.startDateLabel}\n                end-date-label={this.endDateLabel}\n                multi-date-helper-text={this.multiDateHelperText}\n                generate-dates-button-text={this.generateDatesButtonText}\n                save-date-button-text={this.saveDateButtonText}\n                no-dates-text={this.noDatesText}\n                index={i}\n                predefined-value={JSON.stringify(data)}\n                years-to-add-to-end-date={this.yearsToAddToEndDate}\n                min-amount={this.minAmount}\n                error-message-empty={this.errorMessageEmpty}\n                error-message-min-amount={this.errorMessageMinAmount}\n                min-warning-amount={this.minWarningAmount}\n                warning-message-min-amount={this.warningMessageMinAmount}\n              ></pn-multi-row-connected-dropdown-row>\n            </div>\n          );\n        })}\n\n        {this.allowMultipleRows ? (\n          <div class=\"connected-dropdown__row\">\n            <pn-button\n              tooltip={this.addRowText ? this.addRowText : null}\n              left-icon=\"true\"\n              arialabel=\"Add\"\n              icon={plus}\n              appearance=\"light\"\n              variant=\"borderless\"\n              class=\"connected-dropdown__button-right\"\n              onClick={() => {\n                this.addRow();\n              }}\n            >\n              {this.addRowText}\n            </pn-button>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}