@postnord/pn-marketweb-components 3.0.2 → 3.0.4

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

@@ -0,0 +1 @@
+{"version":3,"names":["getLoginUrl","currentDomain","marketRegex","wwwRegex","localRegex","devAndAtRegex","match","pnMarketwebSiteheaderLoginButtonCss","PnMarketwebSiteheaderLoginButtonStyle0","PnMarketwebSiteheaderLoginButton","loginUrl","componentWillLoad","this","window","location","host","nagivateToLoginUrl","navigationUrl","href","render","h","Host","key","label","pnMarketwebSiteheaderLoginLinksCss","PnMarketwebSiteheaderLoginLinksStyle0","PnMarketwebSiteheaderLoginLinks","init","adjustLoginLinks","loginDialog","adjustLink","link","i","isLogoutLink","pageLink","indexOf","headerState","loginManager","getLogoutUrl","replace","linkType","primaryLinkApperance","loginMenuLinks","forEach","loggedInLinks","legacyLoginLinks","linkText","loginLinkText","openInNewWindow","registerUrl","createLoginLinkText","hostElementAttribute","username","loggedin","overrideLoginMenu","links","idNamespace","length","heading","loginTitle","showUnifiedLogin","pnMarketwebSiteheaderLoginMypageButtonCss","PnMarketwebSiteheaderLoginMypageButtonStyle0","PnMarketwebSiteheaderLoginMypageButton","myPageUrl","pnMarketwebSiteheaderLoginProfileselectionCss","PnMarketwebSiteheaderLoginProfileselectionStyle0","PnMarketwebSiteheaderLoginProfileselection","searchlabel","searchplaceholder","searchbuttontext","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","profileSelectionFlyoutHeading","i18n","updateUserInfo","fetchProfiles","profileoptions","apiUrl","endpoint","lastIndexOf","req","fetch","reqdata","json","fallbackData","organizations","name","customerNumber","id","selected","profiles","ssid","customerGroup","data","org","selectedProfile","filter","x","toLocaleLowerCase","substring","push","currentProfileObj","userProfileOption","userName","currentProfile","logoutLink","userInfo","getUserInfo","user","email","userEmail","given_name","family_name","filterLogoutLink","class","map","organization","icon","arrow_right","small","color","rel","onClick","clearUserData","pnMarketwebSiteheaderUnifiedLoginCss","PnMarketwebSiteheaderUnifiedLoginStyle0","PnMarketwebSiteheaderUnifiedLogin","loggedIn","myPageLabel","logInLabel"],"sources":["src/components/layout-components/pn-marketweb-siteheader/unifiedLoginHelper.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.scss?tag=pn-marketweb-siteheader-login-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.scss?tag=pn-marketweb-siteheader-login-links","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.scss?tag=pn-marketweb-siteheader-login-mypage-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.scss?tag=pn-marketweb-siteheader-login-profileselection","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.scss?tag=pn-marketweb-siteheader-unified-login","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.tsx"],"sourcesContent":["export const getLoginUrl = currentDomain => {\n  /*\nURL RULES:\n----------\n\nStep 1\nIf a user is on on a domain with these patterns / direct  urls:\n  [market]-[environments].postnord.com\n  market = ['se','dk', 'no', 'fi','com','de','tpl'];\n  environments = ['integration', 'preproduction', 'production'];\nOr matches\n  wwwurls = ['www.postnord.se','www.postnord.dk', 'www.postnord.no', 'www.postnord.fi', 'www.postnord.com', 'www.postnord.de', 'www.tpl.postnord.com']\nOr is localhost | local.posnord.*\n\nStep 2.\nIf the above is not matches, check if the domain is a portal AT domain:\n  portalAtDomains = ['devportal.postnord.com', 'atportal.postnord.com']\n  Then use the atportal endpoints to log in (this should have nothing to do with the market domains\n\nStep 3.\nIf non of the above matches, then use the production portal endpoint to log in\n\n*/\n  const marketRegex =\n    '(?:se|dk|no|fi|com|de|tpl|group)-(?:integration|preproduction|production|inte|prep|prod).(?:postnord.com)';\n  const wwwRegex = '(?:www(?:.tpl|.group)?.postnord.(?:se|dk|no|fi|com|de))';\n  const localRegex = '(?:local)(?:host|.postnord.)(?:se|dk|no|fi|com|de|)';\n  const devAndAtRegex = '(?:dev|at)(?:portal.postnord.com)';\n\n  if (currentDomain.match(marketRegex) || currentDomain.match(wwwRegex) || currentDomain.match(localRegex)) {\n    return '/login?returnUrl=';\n  } else if (currentDomain.match(devAndAtRegex)) {\n    return 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\n  } else {\n    return 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\n  }\n};\n","pn-marketweb-siteheader-login-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { getLoginUrl } from './unifiedLoginHelper';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-button',\n  styleUrl: 'pn-marketweb-siteheader-login-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginButton {\n  @Element() hostElement: HTMLElement;\n  @Prop() label: string = 'Log in';\n\n  loginUrl: string;\n\n  componentWillLoad() {\n    this.loginUrl = getLoginUrl(window.location.host);\n  }\n\n  nagivateToLoginUrl() {\n    const navigationUrl = `${this.loginUrl}${window.location.href}`;\n    return navigationUrl;\n  }\n\n  render() {\n    return (\n      <Host>\n        <pn-button href={this.nagivateToLoginUrl()}>{this.label}</pn-button>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-links {\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog } from './pn-marketweb-siteheader-types';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-links',\n  styleUrl: 'pn-marketweb-siteheader-login-links.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinks {\n  @Element() hostElement: HTMLElement;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n  @Prop() idNamespace: string = '';\n  @Prop({ reflect: true }) loggedin: boolean = false;\n  @Prop() username: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  @Watch('loginDialog')\n  async init() {\n    this.adjustLoginLinks();\n  }\n  adjustLoginLinks() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n      link.href = link.href.replace('window.location.href', window.location.href);\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n    };\n\n    if (this.loginDialog?.loginMenuLinks) {\n      this.loginDialog?.loginMenuLinks.forEach(adjustLink);\n    }\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\n\n    this.loginDialog.legacyLoginLinks = [\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.loginUrl),\n        linkText: this.loginDialog.loginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        linkType: 'primary',\n        primaryLinkApperance: true,\n      },\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),\n        linkText: this.loginDialog.createLoginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        primaryLinkApperance: false,\n      },\n    ];\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {\n      username: null,\n      loggedin: false,\n    };\n    if (this.username) {\n      hostElementAttribute.username = this.username;\n      hostElementAttribute.loggedin = this.loggedin;\n    }\n    return (\n      <Host {...hostElementAttribute}>\n        {!this.loginDialog.overrideLoginMenu ? (\n          <div data-loggedin={this.loggedin + ''}>\n            {this.loggedin ? (\n              <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loggedInLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n            ) : (\n              <div>\n                {/* Get login links from API */}\n                {this.loginDialog.loginMenuLinks?.length > 0 ? (\n                  <pn-marketweb-siteheader-login-linklist\n                    heading={this.loginDialog.loginTitle}\n                    links={this.loginDialog.loginMenuLinks}\n                    idNamespace={this.idNamespace}\n                    showUnifiedLogin={this.showUnifiedLogin}\n                  ></pn-marketweb-siteheader-login-linklist>\n                ) : (\n                  <pn-marketweb-siteheader-login-linklist links={this.loginDialog.legacyLoginLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n                )}\n              </div>\n            )}\n          </div>\n        ) : null}\n\n        {/* Override the default logic for some markets such as DK */}\n        {this.loginDialog.overrideLoginMenu ? (\n          <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loginMenuLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n        ) : null}\n      </Host>\n    );\n  }\n}\n","pn-marketweb-siteheader-login-mypage-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-mypage-button',\n  styleUrl: 'pn-marketweb-siteheader-login-mypage-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginMypageButton {\n  @Element() hostElement: HTMLElement;\n  @Prop() label: string = 'Mina sidor!';\n  @Prop() myPageUrl: string;\n\n  render() {\n    return (\n      <Host>\n        <pn-button href={this.myPageUrl}>{this.label}</pn-button>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-profileselection {\n}\n\n.pn-marketweb-siteheader-login-profileselection-heading {\n  display: block;\n  padding: 0.5rem 0 1rem;\n}\n\n.pn-marketweb-siteheader-login-profileselection-user,\n.pn-marketweb-siteheader-login-profileselection-currentprofile {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.pn-marketweb-siteheader-login-profileselection-user-name,\n.pn-marketweb-siteheader-login-profileselection-currentprofile-name {\n  line-height: 1;\n}\n\n.pn-marketweb-siteheader-login-profileselection-user-description,\n.pn-marketweb-siteheader-login-profileselection-currentprofile-description {\n  font-weight: 400;\n  white-space: normal;\n  word-break: break-all;\n  color: $gray700;\n  font-size: 0.75em;\n}\n\n.pn-marketweb-siteheader-login-profileselection-divider {\n  height: 1rem;\n  width: 100%;\n  background: $blue400;\n  position: relative;\n\n  margin-left: -1em; // Negative positioning due to nav dropdown's padding\n  margin-top: 1.6rem;\n  margin-bottom: 1.6rem;\n  border-radius: 0 0.6em 0.6em 0;\n  padding: 0;\n  &::after {\n    content: '';\n    width: 0.6em;\n    height: 0.6em;\n    border-radius: 50%;\n    position: absolute;\n    right: 0;\n    top: 0;\n    background: inherit;\n    transform: translateX(calc(100% + 0.2em));\n  }\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption {\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-link {\n  display: flex;\n  background: $white;\n  transition: background 0.15s ease-in-out;\n  // width:100%;\n  margin: 0 -1em; // Negative margin due to dropdown content padding\n  padding: 0.6rem 1.6rem;\n  text-decoration: none;\n  color: $blue700;\n  align-items: center;\n  &:hover,\n  &:focus,\n  &:active {\n    background: $gray50;\n  }\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-content {\n  flex-grow: 1;\n}\n.pn-marketweb-siteheader-login-profileselection-profileoption-name {\n  font-weight: 700;\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-description {\n  font-weight: 400;\n  white-space: normal;\n  word-break: break-all;\n  color: $gray700;\n  font-size: 0.75em;\n}\n\n.pn-marketweb-siteheader-login-profileselection-logout {\n  padding: 1.6rem;\n  text-align: center;\n  width: 100%;\n}\n\n.pn-marketweb-siteheader-login-profileselection-logout-link {\n  display: inline-block;\n  font-weight: 500;\n  color: $blue700;\n  text-decoration: none;\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: underline;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nimport { IUserInfo } from '../../../globals/MarketWebLoginManager';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N } from './pn-marketweb-siteheader-types';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-profileselection',\n  styleUrl: 'pn-marketweb-siteheader-login-profileselection.scss',\n})\nexport class PnMarketwebSiteheaderLoginProfileselection {\n  @Element() hostElement: HTMLElement;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n  @Prop() endpoint: string = '';\n  @Prop() loggedin: boolean = false;\n  @Prop() idNamespace: string = '';\n  @Prop() heading: string = null;\n  @Prop() i18n: SiteHeaderI18N = {\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n  } as SiteHeaderI18N;\n\n  @State() user: IUserInfo = null;\n\n  @State() logoutLink: LoginDialogLink = null;\n  @State() userName: string = null;\n  @State() userEmail: string = '';\n\n  @Prop({ mutable: true }) currentProfile: ProfileSelectorCustomerItem = null;\n  @Prop({ mutable: true }) profileoptions: ProfileSelectorOrganization[] = [];\n\n  componentWillLoad() {\n    if (this.heading === null && this.i18n?.profileSelectionFlyoutHeading) {\n      this.heading = this.i18n.profileSelectionFlyoutHeading;\n    }\n    this.init();\n  }\n\n  init() {\n    this.updateUserInfo();\n    this.adjustLoginLinks();\n    this.fetchProfiles();\n  }\n  async fetchProfiles() {\n    if (!this.loggedin || this.profileoptions.length > 0) {\n      return;\n    }\n    let apiUrl = `${this.endpoint}${this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? '' : '/'}api/user/parentorganizations`;\n    const req = await fetch(apiUrl);\n    const reqdata = await req.json();\n    const fallbackData = {\n      loggedin: true,\n      organizations: [\n        {\n          name: 'Forsheda Livs AB',\n          customerNumber: '5564513603',\n          id: 'dbba867d-1dff-3dbb-b420-c57b4b828b73',\n          selected: true,\n          profiles: [\n            {\n              name: 'Forsheda Livs AB',\n              customerNumber: '20685482',\n              id: 'f757ba28-9a73-15a2-f128-4b394d970f3f',\n              ssid: '',\n              selected: false,\n              customerGroup: 'Business',\n            },\n            {\n              name: 'ICA MAXI KUNGSBACKA',\n              customerNumber: '20831191',\n              id: '5aea41df-32b0-3f7e-2946-78598360177d',\n              ssid: '259686',\n              selected: true,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n        {\n          name: 'Hem Livs i Kungsbacka AB',\n          customerNumber: '5565271250',\n          id: '97ca363c-40ef-cca9-7a3c-9e7f025567c2',\n          selected: false,\n          profiles: [\n            {\n              name: 'ICA KVANTUM KUNGSBACKA',\n              customerNumber: '20831193',\n              id: 'fbd61ffd-41c6-2206-b88e-cfef91e1dc39',\n              ssid: '259691',\n              selected: false,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n        {\n          name: 'ICA SUPERMARKET TORGET',\n          customerNumber: '5568902679',\n          id: '7cb76a94-e1a5-5f57-58fd-bc563851b28e',\n          selected: false,\n          profiles: [\n            {\n              name: 'ICA SUPERMARKET TORGET',\n              customerNumber: '20831212',\n              id: '3a2db017-b68f-6fa0-fe70-542c08cd97ce',\n              ssid: '',\n              selected: false,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n      ],\n    };\n    const data = window.location.href.indexOf('localhost:6008') !== -1 ? fallbackData : reqdata;\n\n    if (!data || !data.organizations || !data.organizations.length) {\n      return;\n    }\n\n    (data.organizations as ProfileSelectorOrganization[]).forEach(org => {\n      if (org.selected === true && org.profiles) {\n        const selectedProfile = org.profiles.filter(x => x.selected === true);\n        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === 'agent' && selectedProfile[0].ssid) {\n          org.customerNumber = selectedProfile[0].ssid;\n        }\n      } else {\n        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === '55') {\n          org.customerNumber = org.customerNumber.substring(0, 6) + '-' + org.customerNumber.substring(6);\n        }\n        this.profileoptions.push(org);\n      }\n    });\n\n    let currentProfileObj = data.organizations.filter(x => x.selected === true)[0];\n    const userProfileOption = {\n      name: this.userName,\n      customerNumber: '',\n      id: '',\n      selected: !currentProfileObj,\n      profiles: [],\n    };\n    if (!currentProfileObj) {\n      currentProfileObj = userProfileOption;\n    }\n\n    if (currentProfileObj && currentProfileObj.name) {\n      this.currentProfile = currentProfileObj;\n    }\n    this.profileoptions.push(userProfileOption);\n  }\n  adjustLoginLinks() {\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n    };\n\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\n\n    this.logoutLink = this.loginDialog?.loggedInLinks.filter(x => x.isLogoutLink)[0] ?? null;\n  }\n  updateUserInfo() {\n    const userInfo: IUserInfo = headerState.loginManager.getUserInfo();\n    this.user = userInfo;\n    if (!userInfo) {\n      return;\n    }\n    if (userInfo && userInfo.email) {\n      this.userEmail = userInfo.email;\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name;\n      return;\n    }\n    if (userInfo && userInfo.family_name) {\n      this.userName = userInfo.family_name;\n      return;\n    }\n    if (userInfo && userInfo.username) {\n      this.userName = userInfo.username;\n      return;\n    }\n  }\n\n  filterLogoutLink(loggedInLinks: LoginDialogLink[]): LoginDialogLink[] {\n    return loggedInLinks.filter((link: LoginDialogLink) => !link.isLogoutLink);\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {};\n    return (\n      <Host {...hostElementAttribute}>\n        {this.heading ? <strong class=\"pn-marketweb-siteheader-login-profileselection-heading\">{this.heading}</strong> : null}\n        {this.currentProfile !== null && this.currentProfile.name ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile\">\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-name\">{this.currentProfile.name}</div>\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-description\">\n              {this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail}\n            </div>\n          </div>\n        ) : null}\n\n        <pn-marketweb-siteheader-login-linklist\n          links={this.filterLogoutLink(this.loginDialog.loggedInLinks)}\n          idNamespace={this.idNamespace}\n        ></pn-marketweb-siteheader-login-linklist>\n\n        <div class=\"pn-marketweb-siteheader-login-profileselection-divider\"></div>\n        {this.profileoptions\n          .filter(x => x.selected !== true)\n          .map(organization => {\n            let customerNumber = organization.profiles.length > 0 ? organization.profiles[0].customerNumber : organization.customerNumber;\n            return (\n              <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption\">\n                {/* /api/user/setprofile? profile=xxxxx */}\n                <a\n                  href={`${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${window.location.href}`}\n                  class=\"pn-marketweb-siteheader-login-profileselection-profileoption-link\"\n                >\n                  <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-content\">\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-name\">{organization.name}</div>\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-description\">\n                      {organization.customerNumber ? organization.customerNumber : this.userEmail}\n                    </div>\n                  </div>\n                  <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n                </a>\n              </div>\n            );\n          })}\n\n        {this.logoutLink ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-logout\">\n            {/* https://se-inte.postnord.com/UnifiedLogin/ExternalLoginCallback?returnUrl=https://se-inte.postnord.com/handla-online&profile=770e785b-702b-dc22-b1e9-4839eded4f83 */}\n            <a\n              href={this.logoutLink.href}\n              rel=\"nofollower noopener\"\n              id=\"pn-marketweb-header-logoutlink\"\n              onClick={() => headerState.loginManager.clearUserData()}\n              class=\"pn-marketweb-siteheader-login-profileselection-logout-link\"\n            >\n              {this.logoutLink.linkText}\n            </a>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n",null,"import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-unified-login',\n  styleUrl: 'pn-marketweb-siteheader-unified-login.scss',\n})\nexport class PnMarketwebSiteheaderUnifiedLogin {\n  @Element() hostElement: HTMLElement;\n  @Prop() loggedIn: boolean = false;\n  @Prop() myPageLabel: string;\n  @Prop() myPageUrl: string;\n  @Prop() logInLabel: string;\n\n  render() {\n    return (\n      <Host>\n        {this.loggedIn ? (\n          <pn-marketweb-siteheader-login-mypage-button label={this.myPageLabel} myPageUrl={this.myPageUrl} />\n        ) : (\n          <pn-marketweb-siteheader-login-button label={this.logInLabel} />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/{p-0dca82de.entry.js → p-9be27d72.entry.js}

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

package/pn-market-web-components/{p-0dca82de.entry.js.map → p-9be27d72.entry.js.map}

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

package/pn-market-web-components/{p-48f6e683.entry.js → p-a8220c88.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,d as s,g as r}from"./p-06555615.js";const o='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-bonus-progressbar-level{position:absolute;width:0.1rem;left:50%}pn-bonus-progressbar-level::after{content:"";width:0.1rem;position:absolute;left:0;border-left:1px dashed #9b1c2e;top:50%;transform:translateY(-50%);height:3rem}pn-bonus-progressbar-level:not([current]):nth-child(odd)::after{height:7rem;margin-top:0.6rem}.progressbar-level-percentage{font-size:0.75em;position:absolute;left:50%;transform:translateX(-50%);top:-3.2rem}[current]>.progressbar-level-percentage{display:none}pn-bonus-progressbar-level:not([current]):nth-child(odd) .progressbar-level-percentage{top:-4.8rem}.progressbar-level-value{font-size:0.75em;white-space:nowrap;position:absolute;left:50%;transform:translateX(-50%);top:2.3rem}[current]>.progressbar-level-value{top:-3.2rem}pn-bonus-progressbar-level:not([current]):nth-child(odd) .progressbar-level-value{top:4.2rem}';const n=o;const a=class{constructor(t){e(this,t);this.current=false;this.value=0;this.bonuspercentage="";this.visualpercentage=0;this.percentage=0;this.max=0;this.min=0;this.currency=""}componentWillLoad(){this.max=parseInt(this.hostElement.parentElement.parentElement.getAttribute("max"),10);this.min=parseInt(this.hostElement.parentElement.parentElement.getAttribute("min"),10);this.currency=this.hostElement.parentElement.parentElement.getAttribute("currency");this.percentage=this.value/this.max*100;if(this.visualpercentage>0){return}this.visualpercentage=this.value===0?0:(this.value-this.min)/(this.max-this.min)*100}formatValue(){return`${this.value.toLocaleString("sv-SE",{maximumFractionDigits:0})} ${this.currency}`}render(){return t(s,{key:"17dea66cc0b3d8ba52533a05d1879ad441dadc39",style:{left:`${this.visualpercentage}%`}},t("div",{key:"8037ab85d591c3fef10b6c54767be99e3acdc512",class:"progressbar-level-percentage"},this.bonuspercentage),t("div",{key:"fe23e4451775abe17c0c0b3dab1ba4ed66225b53",class:"progressbar-level-value"},this.formatValue()))}get hostElement(){return r(this)}};a.style=n;export{a as pn_bonus_progressbar_level};
-//# sourceMappingURL=p-48f6e683.entry.js.map
+import{r as e,g as t,h as s,d as r}from"./p-06555615.js";const o='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-bonus-progressbar-level{position:absolute;width:0.1rem;left:50%}pn-bonus-progressbar-level::after{content:"";width:0.1rem;position:absolute;left:0;border-left:1px dashed #9b1c2e;top:50%;transform:translateY(-50%);height:3rem}pn-bonus-progressbar-level:not([current]):nth-child(odd)::after{height:7rem;margin-top:0.6rem}.progressbar-level-percentage{font-size:0.75em;position:absolute;left:50%;transform:translateX(-50%);top:-3.2rem}[current]>.progressbar-level-percentage{display:none}pn-bonus-progressbar-level:not([current]):nth-child(odd) .progressbar-level-percentage{top:-4.8rem}.progressbar-level-value{font-size:0.75em;white-space:nowrap;position:absolute;left:50%;transform:translateX(-50%);top:2.3rem}[current]>.progressbar-level-value{top:-3.2rem}pn-bonus-progressbar-level:not([current]):nth-child(odd) .progressbar-level-value{top:4.2rem}';const n=o;const a=class{constructor(t){e(this,t);this.current=false;this.value=0;this.bonuspercentage="";this.visualpercentage=0;this.percentage=0;this.max=0;this.min=0;this.currency=""}get hostElement(){return t(this)}componentWillLoad(){this.max=parseInt(this.hostElement.parentElement.parentElement.getAttribute("max"),10);this.min=parseInt(this.hostElement.parentElement.parentElement.getAttribute("min"),10);this.currency=this.hostElement.parentElement.parentElement.getAttribute("currency");this.percentage=this.value/this.max*100;if(this.visualpercentage>0){return}this.visualpercentage=this.value===0?0:(this.value-this.min)/(this.max-this.min)*100}formatValue(){return`${this.value.toLocaleString("sv-SE",{maximumFractionDigits:0})} ${this.currency}`}render(){return s(r,{key:"17dea66cc0b3d8ba52533a05d1879ad441dadc39",style:{left:`${this.visualpercentage}%`}},s("div",{key:"8037ab85d591c3fef10b6c54767be99e3acdc512",class:"progressbar-level-percentage"},this.bonuspercentage),s("div",{key:"fe23e4451775abe17c0c0b3dab1ba4ed66225b53",class:"progressbar-level-value"},this.formatValue()))}};a.style=n;export{a as pn_bonus_progressbar_level};
+//# sourceMappingURL=p-a8220c88.entry.js.map

package/pn-market-web-components/{p-48f6e683.entry.js.map → p-a8220c88.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnBonusProgressbarLevelCss","PnBonusProgressbarLevelStyle0","PnBonusProgressbarLevel","componentWillLoad","this","max","parseInt","hostElement","parentElement","getAttribute","min","currency","percentage","value","visualpercentage","formatValue","toLocaleString","maximumFractionDigits","render","h","Host","key","style","left","class","bonuspercentage"],"sources":["src/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.scss?tag=pn-bonus-progressbar-level","src/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-bonus-progressbar-level {\n  position: absolute;\n  width: 0.1rem;\n  left: 50%;\n  &::after {\n    content: '';\n    width: 0.1rem;\n    position: absolute;\n    left: 0;\n    border-left: 1px dashed #9b1c2e;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 3rem;\n  }\n  &:not([current]):nth-child(odd) {\n    &::after {\n      height: 7rem;\n      margin-top: 0.6rem;\n    }\n  }\n}\n\n.progressbar-level-percentage {\n  font-size: 0.75em;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  top: -3.2rem;\n  [current] > & {\n    display: none;\n  }\n  pn-bonus-progressbar-level:not([current]):nth-child(odd) & {\n    top: -4.8rem;\n  }\n}\n\n.progressbar-level-value {\n  font-size: 0.75em;\n  white-space: nowrap;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  top: 2.3rem;\n  [current] > & {\n    top: -3.2rem;\n  }\n  pn-bonus-progressbar-level:not([current]):nth-child(odd) & {\n    top: 4.2rem;\n  }\n}\n","import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pn-bonus-progressbar-level',\n  styleUrl: 'pn-bonus-progressbar-level.scss',\n})\nexport class PnBonusProgressbarLevel {\n  @Element() hostElement: HTMLElement;\n\n  @Prop({ reflect: true }) current: boolean = false;\n  @Prop({ reflect: true, mutable: true }) value: number = 0;\n  @Prop({ reflect: true, mutable: true }) bonuspercentage: string = '';\n  @Prop({ reflect: true, mutable: true }) visualpercentage: number = 0;\n\n  @State() percentage: number = 0;\n\n  @State() max: number = 0;\n  @State() min: number = 0;\n  @State() currency: string = '';\n\n  componentWillLoad() {\n    this.max = parseInt(this.hostElement.parentElement.parentElement.getAttribute('max'), 10);\n    this.min = parseInt(this.hostElement.parentElement.parentElement.getAttribute('min'), 10);\n    this.currency = this.hostElement.parentElement.parentElement.getAttribute('currency');\n    this.percentage = (this.value / this.max) * 100;\n\n    if (this.visualpercentage > 0) {\n      // Visual percentage has been overriden\n      return;\n    }\n    this.visualpercentage = this.value === 0 ? 0 : ((this.value - this.min) / (this.max - this.min)) * 100;\n  }\n  formatValue() {\n    return `${this.value.toLocaleString('sv-SE', { maximumFractionDigits: 0 })} ${this.currency}`;\n  }\n  render() {\n    return (\n      <Host style={{ left: `${this.visualpercentage}%` }}>\n        <div class=\"progressbar-level-percentage\">{this.bonuspercentage}</div>\n        <div class=\"progressbar-level-value\">{this.formatValue()}</div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAA6B,u6BACnC,MAAAC,EAAeD,E,MCKFE,EAAuB,M,sCAGU,M,WACY,E,qBACU,G,sBACC,E,gBAErC,E,SAEP,E,SACA,E,cACK,E,CAE5B,iBAAAC,GACEC,KAAKC,IAAMC,SAASF,KAAKG,YAAYC,cAAcA,cAAcC,aAAa,OAAQ,IACtFL,KAAKM,IAAMJ,SAASF,KAAKG,YAAYC,cAAcA,cAAcC,aAAa,OAAQ,IACtFL,KAAKO,SAAWP,KAAKG,YAAYC,cAAcA,cAAcC,aAAa,YAC1EL,KAAKQ,WAAcR,KAAKS,MAAQT,KAAKC,IAAO,IAE5C,GAAID,KAAKU,iBAAmB,EAAG,CAE7B,M,CAEFV,KAAKU,iBAAmBV,KAAKS,QAAU,EAAI,GAAMT,KAAKS,MAAQT,KAAKM,MAAQN,KAAKC,IAAMD,KAAKM,KAAQ,G,CAErG,WAAAK,GACE,MAAO,GAAGX,KAAKS,MAAMG,eAAe,QAAS,CAAEC,sBAAuB,OAAQb,KAAKO,U,CAErF,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAEC,KAAM,GAAGnB,KAAKU,sBAC3BK,EAAA,OAAAE,IAAA,2CAAKG,MAAM,gCAAgCpB,KAAKqB,iBAChDN,EAAA,OAAAE,IAAA,2CAAKG,MAAM,2BAA2BpB,KAAKW,e","ignoreList":[]}
+{"version":3,"names":["pnBonusProgressbarLevelCss","PnBonusProgressbarLevelStyle0","PnBonusProgressbarLevel","componentWillLoad","this","max","parseInt","hostElement","parentElement","getAttribute","min","currency","percentage","value","visualpercentage","formatValue","toLocaleString","maximumFractionDigits","render","h","Host","key","style","left","class","bonuspercentage"],"sources":["src/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.scss?tag=pn-bonus-progressbar-level","src/components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-bonus-progressbar-level {\n  position: absolute;\n  width: 0.1rem;\n  left: 50%;\n  &::after {\n    content: '';\n    width: 0.1rem;\n    position: absolute;\n    left: 0;\n    border-left: 1px dashed #9b1c2e;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 3rem;\n  }\n  &:not([current]):nth-child(odd) {\n    &::after {\n      height: 7rem;\n      margin-top: 0.6rem;\n    }\n  }\n}\n\n.progressbar-level-percentage {\n  font-size: 0.75em;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  top: -3.2rem;\n  [current] > & {\n    display: none;\n  }\n  pn-bonus-progressbar-level:not([current]):nth-child(odd) & {\n    top: -4.8rem;\n  }\n}\n\n.progressbar-level-value {\n  font-size: 0.75em;\n  white-space: nowrap;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  top: 2.3rem;\n  [current] > & {\n    top: -3.2rem;\n  }\n  pn-bonus-progressbar-level:not([current]):nth-child(odd) & {\n    top: 4.2rem;\n  }\n}\n","import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pn-bonus-progressbar-level',\n  styleUrl: 'pn-bonus-progressbar-level.scss',\n})\nexport class PnBonusProgressbarLevel {\n  @Element() hostElement: HTMLElement;\n\n  @Prop({ reflect: true }) current: boolean = false;\n  @Prop({ reflect: true, mutable: true }) value: number = 0;\n  @Prop({ reflect: true, mutable: true }) bonuspercentage: string = '';\n  @Prop({ reflect: true, mutable: true }) visualpercentage: number = 0;\n\n  @State() percentage: number = 0;\n\n  @State() max: number = 0;\n  @State() min: number = 0;\n  @State() currency: string = '';\n\n  componentWillLoad() {\n    this.max = parseInt(this.hostElement.parentElement.parentElement.getAttribute('max'), 10);\n    this.min = parseInt(this.hostElement.parentElement.parentElement.getAttribute('min'), 10);\n    this.currency = this.hostElement.parentElement.parentElement.getAttribute('currency');\n    this.percentage = (this.value / this.max) * 100;\n\n    if (this.visualpercentage > 0) {\n      // Visual percentage has been overriden\n      return;\n    }\n    this.visualpercentage = this.value === 0 ? 0 : ((this.value - this.min) / (this.max - this.min)) * 100;\n  }\n  formatValue() {\n    return `${this.value.toLocaleString('sv-SE', { maximumFractionDigits: 0 })} ${this.currency}`;\n  }\n  render() {\n    return (\n      <Host style={{ left: `${this.visualpercentage}%` }}>\n        <div class=\"progressbar-level-percentage\">{this.bonuspercentage}</div>\n        <div class=\"progressbar-level-value\">{this.formatValue()}</div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAA6B,u6BACnC,MAAAC,EAAeD,E,MCKFE,EAAuB,M,sCAGU,M,WACY,E,qBACU,G,sBACC,E,gBAErC,E,SAEP,E,SACA,E,cACK,E,kCAE5B,iBAAAC,GACEC,KAAKC,IAAMC,SAASF,KAAKG,YAAYC,cAAcA,cAAcC,aAAa,OAAQ,IACtFL,KAAKM,IAAMJ,SAASF,KAAKG,YAAYC,cAAcA,cAAcC,aAAa,OAAQ,IACtFL,KAAKO,SAAWP,KAAKG,YAAYC,cAAcA,cAAcC,aAAa,YAC1EL,KAAKQ,WAAcR,KAAKS,MAAQT,KAAKC,IAAO,IAE5C,GAAID,KAAKU,iBAAmB,EAAG,CAE7B,M,CAEFV,KAAKU,iBAAmBV,KAAKS,QAAU,EAAI,GAAMT,KAAKS,MAAQT,KAAKM,MAAQN,KAAKC,IAAMD,KAAKM,KAAQ,G,CAErG,WAAAK,GACE,MAAO,GAAGX,KAAKS,MAAMG,eAAe,QAAS,CAAEC,sBAAuB,OAAQb,KAAKO,U,CAErF,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAEC,KAAM,GAAGnB,KAAKU,sBAC3BK,EAAA,OAAAE,IAAA,2CAAKG,MAAM,gCAAgCpB,KAAKqB,iBAChDN,EAAA,OAAAE,IAAA,2CAAKG,MAAM,2BAA2BpB,KAAKW,e","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,g as s,h as i,d as a}from"./p-06555615.js";const n='<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 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m0 8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m1 2v4.5a1 1 0 1 1-2 0V12a1 1 0 1 1 2 0" clip-rule="evenodd"/></svg>';const d=n;const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-date-and-time label{color:#5e554a;font-size:1.4rem}pn-date-and-time .time-separator{margin-top:auto;margin-bottom:auto}pn-date-and-time .date-and-time-group{margin-bottom:1rem}pn-date-and-time .date-and-time-row{display:flex;gap:1rem}pn-date-and-time .helper-text{margin-top:0.2rem;color:#5e554a;display:block}pn-date-and-time .error-message{color:#a70707}";const l=h;const o=class{constructor(s){t(this,s);this.dateandtimerange=e(this,"dateandtimerange",7);this.languageCode=null;this.dateAndTimeLabel="";this.dateDaysFromToday=0;this.validTimeRangeMinutes=0;this.errorMessage="";this.dateHelperText="";this.timeHelperText="";this.disableWeekends=false;this.datePlacehodler="";this.language=null;this.hourArr=null;this.minuteArr=null;this.formValue=null;this.invalidTimespan=false;this.selectedDate=null;this.selectedFromHour=null;this.selectedFromMin=null;this.selectedToHour=null;this.selectedToMin=null;this.firstValidDateString="";this.lastValidDateString=""}get hostElement(){return s(this)}pnDatePicker=null;pnTimeFromHourDropdown=null;pnTimeFromMinuteDropdown=null;pnTimeToHourDropdown=null;pnTimeToMinuteDropdown=null;dateandtimerange;componentWillLoad(){this.setInitialValues()}componentDidLoad(){this.setDefaultHiddenValue();this.addEventHandlers()}async setInitialValues(){this.setLangugaeCode();this.setFirstValidDate();this.hourArr=this.getNumbersAsStringArr(6,22,1);this.minuteArr=this.getNumbersAsStringArr(0,50,10)}setFirstValidDate(){const t=new Date;t.setDate(t.getDate()+this.dateDaysFromToday??0);const e=t.getFullYear();const s=(t.getMonth()+1).toString().padStart(2,"0");const i=t.getDate().toString().padStart(2,"0");const a=e+2;this.firstValidDateString=`${e.toString()}-${s}-${i}`;this.lastValidDateString=`${a.toString()}-${s}-${i}`}setLangugaeCode(){if(typeof this.languageCode==="string"&&this.languageCode.trim()===""){this.language=document.querySelector("html").lang}else{this.language=this.languageCode}}setDefaultHiddenValue(){this.selectedFromHour=parseInt(this.hourArr[8]);this.selectedFromMin=0;this.selectedToHour=parseInt(this.hourArr[12]);this.selectedToMin=0;this.updateHiddenValue()}addEventHandlers(){this.pnDatePicker.addEventListener("dateselection",this.handleChange.bind(this));this.pnTimeFromHourDropdown.addEventListener("selectchange",this.handleChange.bind(this));this.pnTimeFromMinuteDropdown.addEventListener("selectchange",this.handleChange.bind(this));this.pnTimeToHourDropdown.addEventListener("selectchange",this.handleChange.bind(this));this.pnTimeToMinuteDropdown.addEventListener("selectchange",this.handleChange.bind(this))}handleChange(t){const e=t.target;if(e===this.pnDatePicker){this.selectedDate=t.detail}if(e===this.pnTimeFromHourDropdown||e===this.pnTimeFromMinuteDropdown||e===this.pnTimeToHourDropdown||e===this.pnTimeToMinuteDropdown){this.handleTimeChange()}this.updateHiddenValue()}handleTimeChange(){const t=this.pnTimeFromHourDropdown.querySelector("[aria-selected=true]")?.textContent;const e=this.pnTimeFromMinuteDropdown.querySelector("[aria-selected=true]")?.textContent;const s=this.pnTimeToHourDropdown.querySelector("[aria-selected=true]")?.textContent;const i=this.pnTimeToMinuteDropdown.querySelector("[aria-selected=true]")?.textContent;this.selectedFromHour=parseInt(t);this.selectedFromMin=parseInt(e);this.selectedToHour=parseInt(s);this.selectedToMin=parseInt(i)}updateHiddenValue(){const t=new Date;const e=new Date(t.getFullYear(),t.getMonth(),t.getDate(),this.selectedFromHour,this.selectedFromMin,0,0);const s=new Date(t.getFullYear(),t.getMonth(),t.getDate(),this.selectedToHour,this.selectedToMin,0,0);this.validateTimeRange(e.getTime(),s.getTime());if(this.invalidTimespan||!this.selectedDate){this.formValue=""}else{const t=this.selectedFromMin.toString().padStart(2,"0");const e=this.selectedToMin.toString().padStart(2,"0");this.formValue=`${this.selectedDate}, ${this.selectedFromHour}:${t}-${this.selectedToHour}:${e}`}this.dateandtimerange.emit(this.formValue)}validateTimeRange(t,e){let s=(e-t)/1e3;s/=60;this.invalidTimespan=s<this.validTimeRangeMinutes?true:false}getNumbersAsStringArr(t,e,s){const i=Array.from({length:(e-t)/s+1},((e,i)=>t+i*s));const a=[];i.forEach((t=>{const e=t.toString().padStart(2,"0");a.push(e)}));return a}removePnOptionSelected(){const t=this.hostElement.querySelectorAll("pn-option");t.forEach((t=>{t.removeAttribute("selected")}))}render(){return i(a,{key:"6f7c0f1c403a98ceaadef017f6dfe94e4d09ab06"},i("div",{key:"c4f95d2e042277cd090fa8a8ce4dd6cd357943ad",class:"date-and-time-group"},this.dateAndTimeLabel?i("div",{class:"date-and-time-row"},i("label",null,this.dateAndTimeLabel)):null,i("div",{key:"2c772ab7b24783c634a06879cfede0eaf05952d6",class:"date-and-time-row"},i("pn-date-picker",{key:"6a427ea028bf55b067b0885e2d3b97a0349acdd3",ref:t=>this.pnDatePicker=t,range:"false","disable-weekends":this.disableWeekends,"min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.language,placeholder:this.datePlacehodler})),this.dateHelperText?i("small",{class:"date-and-time-row helper-text"},this.dateHelperText):null),i("div",{key:"7f74f041493bb4da72d070e90d24d38441c5ebb9",class:"date-and-time-group"},i("div",{key:"7b7b4b4ba67f36cf03c4ee6b80a3cdd55a5c8380",class:"date-and-time-row"},i("pn-select",{key:"d5d6fe2b881a8770fc1aec24bce38754b6a17db0",ref:t=>this.pnTimeFromHourDropdown=t,name:"date-and-time-from-houre",placeholder:this.hourArr[8],class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.hourArr?.map((t=>i("pn-option",{label:t,value:t})))),i("pn-select",{key:"bb8dafe866a95e94e0e8a1e53ccff80d0729ec48",ref:t=>this.pnTimeFromMinuteDropdown=t,name:"date-and-time-from-minute",placeholder:this.minuteArr[0],class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.minuteArr?.map((t=>i("pn-option",{label:t,value:t})))),i("div",{key:"8281bbfae49ca8ec35a1d651d61a1bd478b70c0a",class:"time-separator"},i("span",{key:"d7c895902ce3efac4816f21510444914012fca29"},"-")),i("pn-select",{key:"5fa29d4fc4d01a804427bd2119969ec0d6346df6",ref:t=>this.pnTimeToHourDropdown=t,name:"date-and-time-to-hour",placeholder:this.hourArr[12],class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.hourArr?.map((t=>i("pn-option",{label:t,value:t})))),i("pn-select",{key:"968f33b37cad6d2528a789abd63a89c163642c53",ref:t=>this.pnTimeToMinuteDropdown=t,name:"date-and-time-to-minute",placeholder:this.minuteArr[0],class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.minuteArr?.map((t=>i("pn-option",{label:t,value:t}))))),this.timeHelperText?i("small",{class:"date-and-time-row helper-text"},this.timeHelperText):null,this.invalidTimespan&&this.errorMessage?i("small",{class:"date-and-time-row error-message"},i("pn-icon",{icon:d,small:"false",color:"warning"}),this.errorMessage):null))}};o.style=l;export{o as pn_date_and_time};
+//# sourceMappingURL=p-a9d2f528.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icon","alert_info_circle","pnDateAndTimeCss","PnDateAndTimeStyle0","PnDateAndTime","pnDatePicker","pnTimeFromHourDropdown","pnTimeFromMinuteDropdown","pnTimeToHourDropdown","pnTimeToMinuteDropdown","dateandtimerange","componentWillLoad","this","setInitialValues","componentDidLoad","setDefaultHiddenValue","addEventHandlers","setLangugaeCode","setFirstValidDate","hourArr","getNumbersAsStringArr","minuteArr","date","Date","setDate","getDate","dateDaysFromToday","year","getFullYear","month","getMonth","toString","padStart","day","endYear","firstValidDateString","lastValidDateString","languageCode","trim","language","document","querySelector","lang","selectedFromHour","parseInt","selectedFromMin","selectedToHour","selectedToMin","updateHiddenValue","addEventListener","handleChange","bind","e","target","selectedDate","detail","handleTimeChange","fromHourString","textContent","fromMinString","toHourString","toMinString","dateFrom","dateTo","validateTimeRange","getTime","invalidTimespan","formValue","fromMin","toMin","emit","from","to","differenceValue","validTimeRangeMinutes","start","stop","step","arr","Array","length","_","index","result","forEach","item","itemAsString","push","removePnOptionSelected","selectOptions","hostElement","querySelectorAll","elm","removeAttribute","render","h","Host","key","class","dateAndTimeLabel","ref","el","range","disableWeekends","placeholder","datePlacehodler","dateHelperText","name","invalid","map","hour","label","value","minute","timeHelperText","errorMessage","small","color"],"sources":["node_modules/pn-design-assets/pn-assets/icons/alert_info_circle.js","src/components/input/pn-date-and-time/pn-date-and-time.scss?tag=pn-date-and-time","src/components/input/pn-date-and-time/pn-date-and-time.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=\"M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m0 8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m1 2v4.5a1 1 0 1 1-2 0V12a1 1 0 1 1 2 0\" clip-rule=\"evenodd\"/></svg>';\nexport const alert_info_circle = icon;\nexport const alertInfoCircle = icon;\n","@import '../../../globals/main.scss';\n\npn-date-and-time {\n  label {\n    color: $gray700;\n    font-size: 1.4rem;\n  }\n\n  .time-separator {\n    margin-top: auto;\n    margin-bottom: auto;\n  }\n\n  .date-and-time-group {\n    margin-bottom: 1rem;\n  }\n  .date-and-time-row {\n    display: flex;\n    gap: 1rem;\n  }\n\n  .helper-text {\n    margin-top: 0.2rem;\n    color: $gray700;\n    display: block;\n  }\n\n  .error-message {\n    color: #a70707;\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Event, EventEmitter } from '@stencil/core';\nimport { alert_info_circle } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-date-and-time',\n  styleUrl: 'pn-date-and-time.scss',\n})\nexport class PnDateAndTime {\n  @Element() hostElement: Element;\n  pnDatePicker: HTMLElement = null;\n  pnTimeFromHourDropdown: HTMLElement = null;\n  pnTimeFromMinuteDropdown: HTMLElement = null;\n  pnTimeToHourDropdown: HTMLElement = null;\n  pnTimeToMinuteDropdown: HTMLElement = null;\n\n  @Prop() languageCode: string = null;\n  @Prop() dateAndTimeLabel: string = '';\n  @Prop() dateDaysFromToday: number = 0;\n  @Prop() validTimeRangeMinutes: number = 0;\n  @Prop() errorMessage: string = '';\n  @Prop() dateHelperText: string = '';\n  @Prop() timeHelperText: string = '';\n  @Prop() disableWeekends: boolean = false;\n  @Prop() datePlacehodler: string = '';\n\n  @State() language: string = null;\n  @State() hourArr: string[] = null;\n  @State() minuteArr: string[] = null;\n  @State() formValue: string = null;\n  @State() invalidTimespan: boolean = false;\n  @State() selectedDate: string = null;\n  @State() selectedFromHour: number = null;\n  @State() selectedFromMin: number = null;\n  @State() selectedToHour: number = null;\n  @State() selectedToMin: number = null;\n  @State() firstValidDateString: string = '';\n  @State() lastValidDateString: string = '';\n\n  @Event() dateandtimerange: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.setInitialValues();\n  }\n\n  componentDidLoad() {\n    this.setDefaultHiddenValue();\n    this.addEventHandlers();\n  }\n\n  async setInitialValues() {\n    this.setLangugaeCode();\n    this.setFirstValidDate();\n\n    this.hourArr = this.getNumbersAsStringArr(6, 22, 1);\n    this.minuteArr = this.getNumbersAsStringArr(0, 50, 10);\n  }\n\n  setFirstValidDate() {\n    const date = new Date();\n    date.setDate(date.getDate() + this.dateDaysFromToday ?? 0);\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 + 2;\n\n    this.firstValidDateString = `${year.toString()}-${month}-${day}`;\n    this.lastValidDateString = `${endYear.toString()}-${month}-${day}`;\n  }\n\n  setLangugaeCode() {\n    if (typeof this.languageCode === 'string' && this.languageCode.trim() === '') {\n      this.language = document.querySelector('html').lang;\n    } else {\n      this.language = this.languageCode;\n    }\n  }\n\n  setDefaultHiddenValue() {\n    this.selectedFromHour = parseInt(this.hourArr[8]);\n    this.selectedFromMin = 0;\n    this.selectedToHour = parseInt(this.hourArr[12]);\n    this.selectedToMin = 0;\n\n    this.updateHiddenValue();\n  }\n\n  addEventHandlers() {\n    this.pnDatePicker.addEventListener('dateselection', this.handleChange.bind(this));\n\n    this.pnTimeFromHourDropdown.addEventListener('selectchange', this.handleChange.bind(this));\n    this.pnTimeFromMinuteDropdown.addEventListener('selectchange', this.handleChange.bind(this));\n    this.pnTimeToHourDropdown.addEventListener('selectchange', this.handleChange.bind(this));\n    this.pnTimeToMinuteDropdown.addEventListener('selectchange', this.handleChange.bind(this));\n  }\n\n  handleChange(e) {\n    const target = e.target;\n\n    if (target === this.pnDatePicker) {\n      this.selectedDate = e.detail;\n    }\n\n    if (target === this.pnTimeFromHourDropdown || target === this.pnTimeFromMinuteDropdown || target === this.pnTimeToHourDropdown || target === this.pnTimeToMinuteDropdown) {\n      this.handleTimeChange();\n    }\n\n    this.updateHiddenValue();\n  }\n\n  handleTimeChange() {\n    const fromHourString = this.pnTimeFromHourDropdown.querySelector('[aria-selected=true]')?.textContent;\n    const fromMinString = this.pnTimeFromMinuteDropdown.querySelector('[aria-selected=true]')?.textContent;\n    const toHourString = this.pnTimeToHourDropdown.querySelector('[aria-selected=true]')?.textContent;\n    const toMinString = this.pnTimeToMinuteDropdown.querySelector('[aria-selected=true]')?.textContent;\n\n    this.selectedFromHour = parseInt(fromHourString);\n    this.selectedFromMin = parseInt(fromMinString);\n    this.selectedToHour = parseInt(toHourString);\n    this.selectedToMin = parseInt(toMinString);\n  }\n\n  updateHiddenValue() {\n    const date = new Date();\n    const dateFrom = new Date(date.getFullYear(), date.getMonth(), date.getDate(), this.selectedFromHour, this.selectedFromMin, 0, 0);\n    const dateTo = new Date(date.getFullYear(), date.getMonth(), date.getDate(), this.selectedToHour, this.selectedToMin, 0, 0);\n    this.validateTimeRange(dateFrom.getTime(), dateTo.getTime());\n\n    if (this.invalidTimespan || !this.selectedDate) {\n      this.formValue = '';\n    } else {\n      const fromMin = this.selectedFromMin.toString().padStart(2, '0');\n      const toMin = this.selectedToMin.toString().padStart(2, '0');\n\n      this.formValue = `${this.selectedDate}, ${this.selectedFromHour}:${fromMin}-${this.selectedToHour}:${toMin}`;\n    }\n\n    this.dateandtimerange.emit(this.formValue);\n  }\n\n  validateTimeRange(from: number, to: number) {\n    let differenceValue = (to - from) / 1000;\n    differenceValue /= 60;\n    this.invalidTimespan = differenceValue < this.validTimeRangeMinutes ? true : false;\n  }\n\n  getNumbersAsStringArr(start: number, stop: number, step: number) {\n    const arr = Array.from({ length: (stop - start) / step + 1 }, (_, index: number) => start + index * step);\n    const result: string[] = [];\n\n    arr.forEach(item => {\n      const itemAsString = item.toString().padStart(2, '0');\n      result.push(itemAsString);\n    });\n\n    return result;\n  }\n\n  removePnOptionSelected() {\n    const selectOptions = this.hostElement.querySelectorAll('pn-option');\n    selectOptions.forEach(elm => {\n      elm.removeAttribute('selected');\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"date-and-time-group\">\n          {this.dateAndTimeLabel ? (\n            <div class=\"date-and-time-row\">\n              <label>{this.dateAndTimeLabel}</label>\n            </div>\n          ) : null}\n          <div class=\"date-and-time-row\">\n            <pn-date-picker\n              ref={el => (this.pnDatePicker = el as HTMLElement)}\n              range=\"false\"\n              disable-weekends={this.disableWeekends}\n              min-date={this.firstValidDateString}\n              max-date={this.lastValidDateString}\n              language={this.language}\n              placeholder={this.datePlacehodler}\n            ></pn-date-picker>\n          </div>\n\n          {this.dateHelperText ? <small class=\"date-and-time-row helper-text\">{this.dateHelperText}</small> : null}\n        </div>\n        <div class=\"date-and-time-group\">\n          <div class=\"date-and-time-row\">\n            <pn-select\n              ref={el => (this.pnTimeFromHourDropdown = el as HTMLElement)}\n              name=\"date-and-time-from-houre\"\n              placeholder={this.hourArr[8]}\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan}\n            >\n              {this.hourArr?.map((hour: string) => <pn-option label={hour} value={hour}></pn-option>)}\n            </pn-select>\n            <pn-select\n              ref={el => (this.pnTimeFromMinuteDropdown = el as HTMLElement)}\n              name=\"date-and-time-from-minute\"\n              placeholder={this.minuteArr[0]}\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan}\n            >\n              {this.minuteArr?.map((minute: string) => <pn-option label={minute} value={minute}></pn-option>)}\n            </pn-select>\n            <div class=\"time-separator\">\n              <span>-</span>\n            </div>\n            <pn-select\n              ref={el => (this.pnTimeToHourDropdown = el as HTMLElement)}\n              name=\"date-and-time-to-hour\"\n              placeholder={this.hourArr[12]}\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan}\n            >\n              {this.hourArr?.map((hour: string) => <pn-option label={hour} value={hour}></pn-option>)}\n            </pn-select>\n            <pn-select\n              ref={el => (this.pnTimeToMinuteDropdown = el as HTMLElement)}\n              name=\"date-and-time-to-minute\"\n              placeholder={this.minuteArr[0]}\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan}\n            >\n              {this.minuteArr?.map((minute: string) => <pn-option label={minute} value={minute}></pn-option>)}\n            </pn-select>\n          </div>\n          {this.timeHelperText ? <small class=\"date-and-time-row helper-text\">{this.timeHelperText}</small> : null}\n\n          {this.invalidTimespan && this.errorMessage ? (\n            <small class=\"date-and-time-row error-message\">\n              <pn-icon icon={alert_info_circle} small=\"false\" color=\"warning\" />\n              {this.errorMessage}\n            </small>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,g as s,h as e,d as l}from"./p-06555615.js";import{F as n,M as o}from"./p-73cef33c.js";import{d as h}from"./p-aed52bc1.js";const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-address-autofill pn-marketweb-input{width:50%}pn-address-autofill .input-container-row{display:flex;gap:1rem;margin-bottom:1rem}pn-address-autofill .label-container{color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end}pn-address-autofill .autocomplete-items{position:absolute;border-radius:0.8rem;border:0.1rem solid #5e554a;width:100%;max-height:30rem;overflow-y:auto}pn-address-autofill .autocomplete-items:hover,pn-address-autofill .autocomplete-items :focus{border:0.1rem solid #00a0d6}pn-address-autofill .autocomplete-items div{padding:1.6rem;cursor:pointer;background-color:#fff;border:0.1rem solid transparent}pn-address-autofill .autocomplete-items div:first-child{border-radius:0.8rem 0.8rem 0 0}pn-address-autofill .autocomplete-items div:last-child{border-radius:0 0 0.8rem 0.8rem}pn-address-autofill .autocomplete-items div:hover{background-color:#e0f8ff}pn-address-autofill .autocomplete-items .autocomplete-active{background-color:#e0f8ff}";const r=a;const u=class{constructor(s){t(this,s);this.addresscomplete=i(this,"addresscomplete",7);this.market=null;this.environment=null;this.endpoint=null;this.cache=true;this.countryCode=null;this.postalCodeProps=null;this.cityProps=null;this.streetAddressProps=null;this.streetNumberProps=null;this.streetAdressArr=null;this.streetNumberArr=null;this.city=null;this.postalCode=null;this.streetAddress=null;this.streetNumber=null;this.fullAddress=null}get hostElement(){return s(this)}pnInputPostalCode=null;pnInputCity=null;pnInputStreetAddress=null;pnInputStreetNumber=null;postalCodeInputField=null;streetAddressInputField=null;streetNumberInputField=null;pnInputHiddenValue=null;endpointPath="/api/location/get-by-location";_postalCodeProps=null;_cityProps=null;_streetAddressProps=null;_streetNumberProps=null;addresscomplete;fetchHelper=new n("PostalCodeCityAutofill");componentWillLoad(){this.setInitialValues();this._postalCodeProps=this.setProps(this.postalCodeProps);this._cityProps=this.setProps(this.cityProps);this._streetAddressProps=this.setProps(this.streetAddressProps);this._streetNumberProps=this.setProps(this.streetNumberProps)}setProps(t){if(typeof t==="string"){return JSON.parse(t)}else{return t}}componentDidLoad(){this.postalCodeInputField=this.pnInputPostalCode.querySelector("input");this.streetAddressInputField=this.pnInputStreetAddress.querySelector("input");this.streetNumberInputField=this.pnInputStreetNumber.querySelector("input");this.addEventHandlers()}async setInitialValues(t=window.location.href){const i=new o(t);if(!this.environment){this.environment=await i.getEnvironmentName()}if(!this.endpoint&&this.environment?.indexOf("local")===-1){this.endpoint=await i.getEndpoint(this.environment,this.market)}if(!this.endpoint){this.endpoint=""}}addEventHandlers(){const t=h(this.fetchData.bind(this,this.postalCodeInputField),1e3);this.postalCodeInputField.addEventListener("keyup",t);this.streetAddressInputField.addEventListener("keyup",this.handleStreetAddressDropdown.bind(this));this.streetNumberInputField.addEventListener("focus",this.handleStreetNumberDropdown.bind(this));this.addFormFieldEvent()}addFormFieldEvent(){const t=this.hostElement.querySelectorAll("input");t.forEach((t=>{["keyup","change"].forEach((i=>{const s=h(this.updateHiddenValue.bind(this),1e3);t.addEventListener(i,s)}))}))}updateHiddenValue(t){if(t.target===this.streetNumberInputField){this.streetNumber=this.streetNumberInputField.value}if(this.postalCode&&this.city&&this.streetAddress&&this.streetNumber){this.fullAddress=`${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`}else{this.fullAddress=""}this.addresscomplete.emit(this.fullAddress)}async fetchData(t,i){if(i){i.preventDefault();if(i.key==="Tab"){if(this.city){return}}}let s="";const e=i&&i.target===this.postalCodeInputField;const l=t===this.streetAddressInputField&&this.city&&this.city.length;const n=t===this.streetNumberInputField&&this.city&&this.city.length&&this.streetAddress&&this.streetAddress.length;if(e){s=this.postalCodeInputField.value;this.streetAdressArr=null;this.streetAddressInputField.value="";this.streetNumberArr=null;this.streetNumberInputField.value="";this.city=null;this.streetAddress=null;this.streetNumber=null}if(l){s=`${this.streetAddressInputField.value}, ${this.city}`;this.streetNumberArr=null;this.streetNumberInputField.value="";this.streetNumber=null}if(n){this.streetAdressArr=null;s=`${this.streetAddress}, ${this.city}`}if(s.length>0){const t=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const i=`${t}${this.endpointPath}?countryCode=${this.countryCode}&query=${s}`;const o=await this.fetchHelper.fetchJson(i,{mode:"cors"},this.cache);if(o){if(e){this.city=o.postalCodes?o.postalCodes[0]?.postalCity:null}if(l&&o.addresses){this.postalCode=this.postalCodeInputField.value;this.filterStreetNames(o)}if(n&&o.addresses){this.filterStreetNumbers(o)}}}}filterStreetNames=t=>{const i=[];this.streetAdressArr=null;t.addresses.forEach((t=>{if(t.postalCode.postalCity===this.city&&!i.includes(t.street)){i.push(t.street)}}));this.streetAdressArr=i};filterStreetNumbers=t=>{const i=[];t.addresses.forEach((t=>{if(t.postalCode.postalCode===this.postalCode){const{numberFrom:s,numberTo:e}=t;const l=parseInt(s);const n=parseInt(e);for(let t=l;t<=n;t++){const s=t.toString();if(!i.includes(s)){i.push(t.toString())}}}}));this.streetNumberArr=i};async handleStreetAddressDropdown(t){const i=t.target;if(i===this.streetAddressInputField&&i.value.length){if(!this.streetAdressArr||!this.streetAdressArr.length){await this.fetchData(this.streetAddressInputField,null)}}if(!i.value||!i.value.length){this.streetAdressArr=null}if(this.streetAdressArr&&this.streetAdressArr.length){this.autoComplete(t,this.streetAdressArr)}}async handleStreetNumberDropdown(t){t.preventDefault();const i=t.target;if(i===this.streetNumberInputField){if(!this.streetNumberArr||!this.streetNumberArr.length){await this.fetchData(this.streetNumberInputField,null)}if(this.streetNumberArr){this.autoComplete(t,this.streetNumberArr)}}}autoComplete(t,i){const s=t.target;if(i.length<1){return}let e=0;s.addEventListener("input",(()=>{const t=s.value;this.closeAllLists(s);if(!t){return}e=-1;let l=document.createElement("div");l.setAttribute("id","autocomplete-list"+s.name);l.setAttribute("class","autocomplete-items");s.parentElement.appendChild(l);for(let e=0;e<i.length;e++){if(i[e].substring(0,t.length).toUpperCase()==t.toUpperCase()){let n=document.createElement("div");n.innerHTML="<strong>"+i[e].substring(0,t.length)+"</strong>";n.innerHTML+=i[e].substring(t.length);n.innerHTML+="<input type='hidden' value='"+i[e]+"'>";n.addEventListener("click",(t=>{const i=s.closest("pn-marketweb-input");let e=t.target;if(e.nodeName==="STRONG"){e=e.parentElement}i.value=e.getElementsByTagName("input")[0].value;if(s===this.streetNumberInputField){this.streetNumber=i.value}if(s===this.streetAddressInputField){this.streetAddress=i.value}this.closeAllLists(t.target);s.focus()}));l.appendChild(n)}}}));s.addEventListener("keydown",(t=>{const i=document.getElementById("autocomplete-list"+s.name);let l;if(i){l=i.getElementsByTagName("div")}else{l=i}if(t.keyCode==40){e++;this.addActive(l,e)}if(t.keyCode==38){e--;this.addActive(l,e)}if(t.keyCode==13){t.preventDefault();if(e>-1){if(l){l[e].click()}}}}))}closeAllLists(t){const i=document.getElementsByClassName("autocomplete-items");for(let s=0;s<i.length;s++){if(t!=i[s]){i[s].parentNode.removeChild(i[s])}}}addActive(t,i){if(!t)return;this.removeActive(t);if(i>=t.length)i=0;if(i<0)i=t.length-1;t[i].classList.add("autocomplete-active")}removeActive(t){for(let i=0;i<t.length;i++){t[i].classList.remove("autocomplete-active")}}render(){return e(l,{key:"31d54cc786afb2a8b9ea3f0122fc146e837e8e97",class:"pn-address-autofill"},this._postalCodeProps?.postalCodeCityLabel?e("div",{class:"label-container"},e("label",null,`${this._postalCodeProps.postalCodeCityLabel}`)):null,e("div",{key:"b4ec3793c6895ba3b52795e80891b842973d6545",class:"input-container-row"},e("pn-marketweb-input",{key:"e1c3e2f0623a2c012c11db7d197f041dbffebcd6",type:"text",name:this._postalCodeProps?.postalCodeInputName,required:this._postalCodeProps?.postalCodeInputRequired,placeholder:this._postalCodeProps?.postalCodeInputPlaceholder,ref:t=>this.pnInputPostalCode=t,autocomplete:"off",helpertext:this._postalCodeProps?.postalCodeInputHelpertext}),e("pn-marketweb-input",{key:"3c88411b408874109fc7014b2306549d6f75cfcd",type:"text",name:this._cityProps?.cityInputName,disabled:true,value:this.city,placeholder:this._cityProps?.cityInputPlaceholder,autocomplete:"off",helpertext:this._cityProps?.cityInputHelpertext})),this._streetAddressProps?.streetAddressNumberLabel?e("div",{class:"label-container"},e("label",null,`${this._streetAddressProps.streetAddressNumberLabel}`)):null,e("div",{key:"1f3f232bebd83bff4d31b3b79a86d03117e2136d",class:"input-container-row"},e("pn-marketweb-input",{key:"3fae08f0de34286a23b145ffdf02d63ba63981ab",type:"text",name:this._streetAddressProps?.streetAddressInputName,required:this._streetAddressProps?.streetAddressInputRequired,value:this.streetAddress,placeholder:this._streetAddressProps?.streetAddressInputPlaceholder,ref:t=>this.pnInputStreetAddress=t,autocomplete:"off",helpertext:this._streetAddressProps?.streetAddressInputHelpertext}),e("pn-marketweb-input",{key:"9293d6d05fea0fb4df8bfb9a45d608efa6feb202",type:"text",name:this._streetNumberProps?.streetNumberInputName,required:this._streetNumberProps?.streetNumberInputRequired,value:this.streetNumber,placeholder:this._streetNumberProps?.streetNumberInputPlaceholder,ref:t=>this.pnInputStreetNumber=t,autocomplete:"off",helpertext:this._streetNumberProps?.streetNumberInputHelpertext})))}};u.style=r;export{u as pn_address_autofill};
+//# sourceMappingURL=p-acbe60df.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnAddressAutofillCss","PnAddressAutofillStyle0","PnAddressAutofill","pnInputPostalCode","pnInputCity","pnInputStreetAddress","pnInputStreetNumber","postalCodeInputField","streetAddressInputField","streetNumberInputField","pnInputHiddenValue","endpointPath","_postalCodeProps","_cityProps","_streetAddressProps","_streetNumberProps","addresscomplete","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","setProps","postalCodeProps","cityProps","streetAddressProps","streetNumberProps","props","JSON","parse","componentDidLoad","querySelector","addEventHandlers","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","market","postalCodeSearch","debounce","fetchData","bind","addEventListener","handleStreetAddressDropdown","handleStreetNumberDropdown","addFormFieldEvent","allInputs","hostElement","querySelectorAll","forEach","element","eventName","debounceUpdate","updateHiddenValue","e","target","streetNumber","value","postalCode","city","streetAddress","fullAddress","emit","field","preventDefault","key","query","isPostalCodeSearch","isStreetAddressSearch","length","isStreetNumberSearch","streetAdressArr","streetNumberArr","endpointBase","lastIndexOf","substring","fetchUrl","countryCode","data","fetchJson","mode","cache","postalCodes","postalCity","addresses","filterStreetNames","filterStreetNumbers","item","includes","street","push","streetNumbersResult","numberFrom","numberTo","from","parseInt","to","i","nrString","toString","autoComplete","arr","inputField","currentFocus","val","closeAllLists","list","document","createElement","setAttribute","name","parentElement","appendChild","toUpperCase","option","innerHTML","clickEvent","inputParrent","closest","eventTarget","nodeName","getElementsByTagName","focus","keydownEvent","listElement","getElementById","keyCode","addActive","click","elmnt","lists","getElementsByClassName","parentNode","removeChild","removeActive","classList","add","remove","render","h","Host","class","postalCodeCityLabel","type","postalCodeInputName","required","postalCodeInputRequired","placeholder","postalCodeInputPlaceholder","ref","el","autocomplete","helpertext","postalCodeInputHelpertext","cityInputName","disabled","cityInputPlaceholder","cityInputHelpertext","streetAddressNumberLabel","streetAddressInputName","streetAddressInputRequired","streetAddressInputPlaceholder","streetAddressInputHelpertext","streetNumberInputName","streetNumberInputRequired","streetNumberInputPlaceholder","streetNumberInputHelpertext"],"sources":["src/components/input/pn-address-autofill/pn-address-autofill.scss?tag=pn-address-autofill","src/components/input/pn-address-autofill/pn-address-autofill.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-address-autofill {\n  pn-marketweb-input {\n    width: 50%;\n  }\n\n  .input-container-row {\n    display: flex;\n    //flex-grow: 1;\n    gap: 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .label-container {\n    color: $gray700;\n    font-size: 0.875em;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n  }\n\n  .autocomplete-items {\n    position: absolute;\n    border-radius: 0.8rem;\n    border: 0.1rem solid $gray700;\n    width: 100%;\n    max-height: 30rem;\n    overflow-y: auto;\n\n    &:hover,\n    :focus {\n      border: 0.1rem solid $blue400;\n    }\n\n    div {\n      padding: 1.6rem;\n      cursor: pointer;\n      background-color: #fff;\n      border: 0.1rem solid transparent;\n\n      &:first-child {\n        border-radius: 0.8rem 0.8rem 0 0;\n      }\n\n      &:last-child {\n        border-radius: 0 0 0.8rem 0.8rem;\n      }\n\n      &:hover {\n        background-color: #e0f8ff;\n      }\n    }\n\n    .autocomplete-active {\n      background-color: #e0f8ff;\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host, EventEmitter, Event } from '@stencil/core';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { Root, PostalCodeProps, CityProps, StreetAddressProps, StreetNumberProps } from './types';\nimport debounce from 'debounce';\n\n@Component({\n  tag: 'pn-address-autofill',\n  styleUrl: 'pn-address-autofill.scss',\n})\nexport class PnAddressAutofill {\n  @Element() hostElement: Element;\n  pnInputPostalCode: HTMLElement = null;\n  pnInputCity: HTMLElement = null;\n  pnInputStreetAddress: HTMLElement = null;\n  pnInputStreetNumber: HTMLElement = null;\n  postalCodeInputField: HTMLInputElement = null;\n  streetAddressInputField: HTMLInputElement = null;\n  streetNumberInputField: HTMLInputElement = null;\n  pnInputHiddenValue: HTMLElement = null;\n  endpointPath = '/api/location/get-by-location';\n  private _postalCodeProps: PostalCodeProps = null;\n  private _cityProps: CityProps = null;\n  private _streetAddressProps: StreetAddressProps = null;\n  private _streetNumberProps: StreetNumberProps = null;\n\n  /** Specifies which market we want to show (se,dk,fi,no,com) */\n  @Prop({ mutable: true, reflect: true }) market: string = null; //se\n  /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n  @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n  @Prop() endpoint: string = null;\n  @Prop() cache: boolean = true;\n  @Prop() countryCode: string = null;\n  @Prop() postalCodeProps: string | PostalCodeProps = null;\n  @Prop() cityProps: string | CityProps = null;\n  @Prop() streetAddressProps: string | StreetAddressProps = null;\n  @Prop() streetNumberProps: string | StreetNumberProps = null;\n\n  @State() streetAdressArr: string[] = null;\n  @State() streetNumberArr: string[] = null;\n  @State() city: string = null;\n  @State() postalCode: string = null;\n  @State() streetAddress: string = null;\n  @State() streetNumber: string = null;\n  @State() fullAddress: string = null;\n\n  @Event() addresscomplete: EventEmitter<string>;\n\n  fetchHelper = new FetchHelper('PostalCodeCityAutofill');\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this._postalCodeProps = this.setProps(this.postalCodeProps);\n    this._cityProps = this.setProps(this.cityProps);\n    this._streetAddressProps = this.setProps(this.streetAddressProps);\n    this._streetNumberProps = this.setProps(this.streetNumberProps);\n  }\n\n  setProps(props) {\n    if (typeof props === 'string') {\n      return JSON.parse(props);\n    } else {\n      return props;\n    }\n  }\n\n  componentDidLoad() {\n    this.postalCodeInputField = this.pnInputPostalCode.querySelector('input');\n    this.streetAddressInputField = this.pnInputStreetAddress.querySelector('input');\n    this.streetNumberInputField = this.pnInputStreetNumber.querySelector('input');\n    this.addEventHandlers();\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    if (!this.environment) {\n      this.environment = await marketWebContextService.getEnvironmentName();\n    }\n\n    if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  addEventHandlers() {\n    const postalCodeSearch = debounce(this.fetchData.bind(this, this.postalCodeInputField), 1000);\n    this.postalCodeInputField.addEventListener('keyup', postalCodeSearch);\n    this.streetAddressInputField.addEventListener('keyup', this.handleStreetAddressDropdown.bind(this));\n    this.streetNumberInputField.addEventListener('focus', this.handleStreetNumberDropdown.bind(this));\n    this.addFormFieldEvent();\n  }\n\n  addFormFieldEvent() {\n    const allInputs = this.hostElement.querySelectorAll('input');\n    allInputs.forEach(element => {\n      ['keyup', 'change'].forEach(eventName => {\n        const debounceUpdate = debounce(this.updateHiddenValue.bind(this), 1000);\n        element.addEventListener(eventName, debounceUpdate);\n      });\n    });\n  }\n\n  updateHiddenValue(e) {\n    if (e.target === this.streetNumberInputField) {\n      this.streetNumber = this.streetNumberInputField.value;\n    }\n\n    if (this.postalCode && this.city && this.streetAddress && this.streetNumber) {\n      this.fullAddress = `${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`;\n    } else {\n      this.fullAddress = '';\n    }\n\n    this.addresscomplete.emit(this.fullAddress);\n  }\n\n  async fetchData(field, e: KeyboardEvent) {\n    if (e) {\n      e.preventDefault();\n\n      if (e.key === 'Tab') {\n        if (this.city) {\n          return;\n        }\n      }\n    }\n\n    let query = '';\n    const isPostalCodeSearch = e && e.target === this.postalCodeInputField;\n    const isStreetAddressSearch = field === this.streetAddressInputField && this.city && this.city.length;\n    const isStreetNumberSearch = field === this.streetNumberInputField && this.city && this.city.length && this.streetAddress && this.streetAddress.length;\n\n    if (isPostalCodeSearch) {\n      query = this.postalCodeInputField.value;\n      this.streetAdressArr = null;\n      this.streetAddressInputField.value = '';\n      this.streetNumberArr = null;\n      this.streetNumberInputField.value = '';\n      this.city = null;\n      this.streetAddress = null;\n      this.streetNumber = null;\n    }\n    if (isStreetAddressSearch) {\n      query = `${this.streetAddressInputField.value}, ${this.city}`;\n      this.streetNumberArr = null;\n      this.streetNumberInputField.value = '';\n      this.streetNumber = null;\n    }\n    if (isStreetNumberSearch) {\n      this.streetAdressArr = null;\n      query = `${this.streetAddress}, ${this.city}`;\n    }\n\n    if (query.length > 0) {\n      const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n      const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&query=${query}`;\n      const data = (await this.fetchHelper.fetchJson(\n        fetchUrl,\n        {\n          mode: 'cors',\n        },\n        this.cache,\n      )) as Root;\n\n      if (data) {\n        if (isPostalCodeSearch) {\n          this.city = data.postalCodes ? data.postalCodes[0]?.postalCity : null;\n        }\n\n        if (isStreetAddressSearch && data.addresses) {\n          this.postalCode = this.postalCodeInputField.value;\n          this.filterStreetNames(data);\n        }\n\n        if (isStreetNumberSearch && data.addresses) {\n          this.filterStreetNumbers(data);\n        }\n      }\n    }\n  }\n\n  filterStreetNames = (data: Root) => {\n    const addresses: string[] = [];\n    this.streetAdressArr = null;\n    data.addresses.forEach(item => {\n      if (item.postalCode.postalCity === this.city && !addresses.includes(item.street)) {\n        addresses.push(item.street);\n      }\n    });\n    this.streetAdressArr = addresses;\n  };\n\n  filterStreetNumbers = (data: Root) => {\n    const streetNumbersResult: string[] = [];\n    data.addresses.forEach(item => {\n      if (item.postalCode.postalCode === this.postalCode) {\n        const { numberFrom, numberTo } = item;\n        const from = parseInt(numberFrom);\n        const to = parseInt(numberTo);\n\n        for (let i = from; i <= to; i++) {\n          const nrString = i.toString();\n          if (!streetNumbersResult.includes(nrString)) {\n            streetNumbersResult.push(i.toString());\n          }\n        }\n      }\n    });\n    this.streetNumberArr = streetNumbersResult;\n  };\n\n  async handleStreetAddressDropdown(e) {\n    const target = e.target;\n\n    if (target === this.streetAddressInputField && target.value.length) {\n      if (!this.streetAdressArr || !this.streetAdressArr.length) {\n        await this.fetchData(this.streetAddressInputField, null);\n      }\n    }\n\n    if (!target.value || !target.value.length) {\n      this.streetAdressArr = null;\n    }\n\n    if (this.streetAdressArr && this.streetAdressArr.length) {\n      this.autoComplete(e, this.streetAdressArr);\n    }\n  }\n\n  async handleStreetNumberDropdown(e) {\n    e.preventDefault();\n    const target = e.target;\n\n    if (target === this.streetNumberInputField) {\n      if (!this.streetNumberArr || !this.streetNumberArr.length) {\n        await this.fetchData(this.streetNumberInputField, null);\n      }\n      if (this.streetNumberArr) {\n        this.autoComplete(e, this.streetNumberArr);\n      }\n    }\n  }\n\n  autoComplete(e, arr: string[]) {\n    const inputField = e.target;\n    if (arr.length < 1) {\n      return;\n    }\n\n    let currentFocus = 0;\n\n    inputField.addEventListener('input', () => {\n      const val = inputField.value;\n      this.closeAllLists(inputField);\n\n      if (!val) {\n        return;\n      }\n\n      currentFocus = -1;\n      let list = document.createElement('div');\n      list.setAttribute('id', 'autocomplete-list' + inputField.name);\n      list.setAttribute('class', 'autocomplete-items');\n      inputField.parentElement.appendChild(list);\n      for (let i = 0; i < arr.length; i++) {\n        if (arr[i].substring(0, val.length).toUpperCase() == val.toUpperCase()) {\n          let option = document.createElement('div');\n          option.innerHTML = '<strong>' + arr[i].substring(0, val.length) + '</strong>';\n          option.innerHTML += arr[i].substring(val.length);\n          option.innerHTML += \"<input type='hidden' value='\" + arr[i] + \"'>\";\n          option.addEventListener('click', clickEvent => {\n            const inputParrent = inputField.closest('pn-marketweb-input');\n            let eventTarget = clickEvent.target as HTMLElement;\n            if (eventTarget.nodeName === 'STRONG') {\n              eventTarget = eventTarget.parentElement;\n            }\n            inputParrent.value = eventTarget.getElementsByTagName('input')[0].value;\n\n            if (inputField === this.streetNumberInputField) {\n              this.streetNumber = inputParrent.value;\n            }\n            if (inputField === this.streetAddressInputField) {\n              this.streetAddress = inputParrent.value;\n            }\n\n            this.closeAllLists(clickEvent.target);\n            inputField.focus();\n          });\n\n          list.appendChild(option);\n        }\n      }\n    });\n\n    inputField.addEventListener('keydown', keydownEvent => {\n      const listElement = document.getElementById('autocomplete-list' + inputField.name);\n      let element;\n      if (listElement) {\n        element = listElement.getElementsByTagName('div');\n      } else {\n        element = listElement;\n      }\n\n      //If arrow DOWN key is pressed\n      if (keydownEvent.keyCode == 40) {\n        currentFocus++;\n        this.addActive(element, currentFocus);\n      }\n\n      //If the arrow UP key is pressed\n      if (keydownEvent.keyCode == 38) {\n        currentFocus--;\n        this.addActive(element, currentFocus);\n      }\n\n      //If the ENTER key is pressed\n      if (keydownEvent.keyCode == 13) {\n        keydownEvent.preventDefault();\n        if (currentFocus > -1) {\n          if (element) {\n            element[currentFocus].click();\n          }\n        }\n      }\n    });\n  }\n\n  //close all autocomplete lists in the document, except the one passed as an argument:\n  closeAllLists(elmnt) {\n    const lists = document.getElementsByClassName('autocomplete-items');\n    for (let i = 0; i < lists.length; i++) {\n      if (elmnt != lists[i]) {\n        lists[i].parentNode.removeChild(lists[i]);\n      }\n    }\n  }\n\n  //a function to classify an item as \"active\":\n  addActive(elmnt, currentFocus) {\n    if (!elmnt) return;\n    this.removeActive(elmnt);\n    if (currentFocus >= elmnt.length) currentFocus = 0;\n    if (currentFocus < 0) currentFocus = elmnt.length - 1;\n    elmnt[currentFocus].classList.add('autocomplete-active');\n  }\n\n  //a function to remove the \"active\" class from all autocomplete items:\n  removeActive(elmnt) {\n    for (let i = 0; i < elmnt.length; i++) {\n      elmnt[i].classList.remove('autocomplete-active');\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"pn-address-autofill\">\n        {this._postalCodeProps?.postalCodeCityLabel ? (\n          <div class=\"label-container\">\n            <label>{`${this._postalCodeProps.postalCodeCityLabel}`}</label>\n          </div>\n        ) : null}\n        <div class=\"input-container-row\">\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._postalCodeProps?.postalCodeInputName}\n            required={this._postalCodeProps?.postalCodeInputRequired}\n            placeholder={this._postalCodeProps?.postalCodeInputPlaceholder}\n            ref={el => (this.pnInputPostalCode = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._postalCodeProps?.postalCodeInputHelpertext}\n          ></pn-marketweb-input>\n\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._cityProps?.cityInputName}\n            disabled\n            value={this.city}\n            placeholder={this._cityProps?.cityInputPlaceholder}\n            autocomplete=\"off\"\n            helpertext={this._cityProps?.cityInputHelpertext}\n          ></pn-marketweb-input>\n        </div>\n\n        {this._streetAddressProps?.streetAddressNumberLabel ? (\n          <div class=\"label-container\">\n            <label>{`${this._streetAddressProps.streetAddressNumberLabel}`}</label>\n          </div>\n        ) : null}\n        <div class=\"input-container-row\">\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._streetAddressProps?.streetAddressInputName}\n            required={this._streetAddressProps?.streetAddressInputRequired}\n            value={this.streetAddress}\n            placeholder={this._streetAddressProps?.streetAddressInputPlaceholder}\n            ref={el => (this.pnInputStreetAddress = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._streetAddressProps?.streetAddressInputHelpertext}\n          ></pn-marketweb-input>\n\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._streetNumberProps?.streetNumberInputName}\n            required={this._streetNumberProps?.streetNumberInputRequired}\n            value={this.streetNumber}\n            placeholder={this._streetNumberProps?.streetNumberInputPlaceholder}\n            ref={el => (this.pnInputStreetNumber = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._streetNumberProps?.streetNumberInputHelpertext}\n          ></pn-marketweb-input>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/{p-5666f0e7.entry.js → p-ade7ffcf.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as n,d as l}from"./p-06555615.js";const t='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-link-list .link-list__header{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:0.8rem}pn-link-list .link-list__heading{margin-bottom:0.8rem}@media screen and (min-width: 1140px){pn-link-list .link-list__heading{font-size:3.2rem}}pn-link-list .link-list__preamble{max-width:85rem;text-align:center;margin-bottom:0}@media screen and (min-width: 1140px){pn-link-list .link-list__preamble{text-wrap:balance}}pn-link-list .link-list{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;margin-bottom:2.4rem;padding:0}pn-link-list .link-list__container{overflow-x:auto;text-align:center;white-space:nowrap}pn-link-list .link-list__container.link-list__active a,pn-link-list .link-list__container.link-list__active li,pn-link-list .link-list__container.link-list__active ul{cursor:grab;cursor:-webkit-grab}pn-link-list .link-list__container::-webkit-scrollbar{height:0.4rem;margin-top:2rem;-webkit-appearance:none}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar{height:0.6rem}}pn-link-list .link-list__container::-webkit-scrollbar-thumb{background:#005d92;border-radius:2rem}pn-link-list .link-list__container::-webkit-scrollbar-track{background:#d3cecb;border-radius:2rem;width:100%;margin:0 5rem}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 10rem}}@media screen and (min-width: 1140px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 15rem}}@media screen and (min-width: 1440px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 20rem}}pn-link-list .link-list__container::-webkit-resizer{display:none}pn-link-list .link-list__container::before,pn-link-list .link-list__container::after{content:"";position:absolute;top:0;bottom:0;height:85%;width:10%}pn-link-list .link-list__container::before{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);left:0}pn-link-list .link-list__container::after{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);right:0}pn-link-list .link-list__scrollable{display:inline-block;padding:2rem 0 1rem}@media screen and (min-width: 992px){pn-link-list .link-list__scrollable{padding:0.5rem 2rem 1rem}}pn-link-list [slot=linklist] ul{display:flex;list-style:none;margin:0;padding:0 1.6rem}pn-link-list [slot=linklist] li>a{display:block;color:#2d2013;font-size:1.4rem;font-weight:500;line-height:140%;text-decoration:none;cursor:pointer;background-color:#ffffff;border:0.1rem solid #d3cecb;border-radius:0.8rem;margin:0 0.8rem;padding:1rem}@media screen and (min-width: 1410px){pn-link-list [slot=linklist] li>a{font-size:1.6rem}}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:active,pn-link-list [slot=linklist] li>a:focus{color:#fff}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:focus{background-color:#005d92}pn-link-list [slot=linklist] li>a:active{background-color:#0d234b}pn-link-list [slot=linklist] li>a:focus{outline:2px solid #005d92;outline-offset:2px}pn-link-list .link-list__button{display:flex;justify-content:center}@-moz-document url-prefix(){pn-link-list .link-list__container{scrollbar-color:#005d92 #d3cecb}pn-link-list .link-list__scrollable{padding:0.5rem 2rem 2rem}}';const e=t;const s=class{constructor(n){i(this,n);this.slider=null;this.isDragging=false;this.startX=0;this.scrollLeft=0;this.handleMouseDown=i=>{var n,l,t;const e=i.target;const s=e.classList.contains("link-list__container");const r=e.tagName==="A";if(s||r){this.isDragging=true;(n=this.slider)===null||n===void 0?void 0:n.classList.add("link-list__active");this.startX=i.pageX-((l=this.slider)===null||l===void 0?void 0:l.offsetLeft);this.scrollLeft=(t=this.slider)===null||t===void 0?void 0:t.scrollLeft;if(r){i.preventDefault()}}};this.handleMouseLeave=()=>{var i;this.isDragging=false;(i=this.slider)===null||i===void 0?void 0:i.classList.remove("link-list__active")};this.handleMouseUp=()=>{var i;this.isDragging=false;(i=this.slider)===null||i===void 0?void 0:i.classList.remove("link-list__active")};this.handleMouseMove=i=>{var n;if(this.isDragging){const l=i.pageX-((n=this.slider)===null||n===void 0?void 0:n.offsetLeft);const t=(l-this.startX)*2;this.slider.scrollLeft=this.scrollLeft-t}};this.heading=null;this.label=null;this.preamble=null;this.url=null;this.showMoreLabel=null;this.showMoreUrl=null}componentDidLoad(){this.slider=document.querySelector(".link-list__container")}render(){return n(l,{key:"8f0fd9ebec39f1dccfe36bfff99edc0aef098a24"},n("div",{key:"619a149f108ef20d4929819805ee09f618af6d89",class:"link-list__header"},n("h2",{key:"7a90aa34b99dd843c10ff78c7be1a91a42750ba1",class:"link-list__heading"},this.heading),n("p",{key:"b73f73665f873b1b68261888fbccc0fd211c0316",class:"link-list__preamble"},this.preamble)),n("div",{key:"964f6e83fd0861b5c2651c9fcc27fb910be39be8",class:"link-list"},n("div",{key:"e7bcc50515f1d5d14b480f3b7fadba72c18fd557",class:"link-list__container",onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove},n("div",{key:"3f453caf064d04bf5fd403bec1d92896607b61f2",class:"link-list__scrollable"},n("slot",{key:"64db6a263d40f0dc595c308a242b1cbb8bfa4020",name:"linklist"})))),this.showMoreUrl?n("div",{class:"link-list__button"},n("pn-button",{appearance:"light",href:this.showMoreUrl},this.showMoreLabel)," "):"")}};s.style=e;export{s as pn_link_list};
-//# sourceMappingURL=p-5666f0e7.entry.js.map
+import{r as i,h as n,d as l}from"./p-06555615.js";const t='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-link-list .link-list__header{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:0.8rem}pn-link-list .link-list__heading{margin-bottom:0.8rem}@media screen and (min-width: 1140px){pn-link-list .link-list__heading{font-size:3.2rem}}pn-link-list .link-list__preamble{max-width:85rem;text-align:center;margin-bottom:0}@media screen and (min-width: 1140px){pn-link-list .link-list__preamble{text-wrap:balance}}pn-link-list .link-list{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;margin-bottom:2.4rem;padding:0}pn-link-list .link-list__container{overflow-x:auto;text-align:center;white-space:nowrap}pn-link-list .link-list__container.link-list__active a,pn-link-list .link-list__container.link-list__active li,pn-link-list .link-list__container.link-list__active ul{cursor:grab;cursor:-webkit-grab}pn-link-list .link-list__container::-webkit-scrollbar{height:0.4rem;margin-top:2rem;-webkit-appearance:none}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar{height:0.6rem}}pn-link-list .link-list__container::-webkit-scrollbar-thumb{background:#005d92;border-radius:2rem}pn-link-list .link-list__container::-webkit-scrollbar-track{background:#d3cecb;border-radius:2rem;width:100%;margin:0 5rem}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 10rem}}@media screen and (min-width: 1140px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 15rem}}@media screen and (min-width: 1440px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 20rem}}pn-link-list .link-list__container::-webkit-resizer{display:none}pn-link-list .link-list__container::before,pn-link-list .link-list__container::after{content:"";position:absolute;top:0;bottom:0;height:85%;width:10%}pn-link-list .link-list__container::before{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);left:0}pn-link-list .link-list__container::after{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);right:0}pn-link-list .link-list__scrollable{display:inline-block;padding:2rem 0 1rem}@media screen and (min-width: 992px){pn-link-list .link-list__scrollable{padding:0.5rem 2rem 1rem}}pn-link-list [slot=linklist] ul{display:flex;list-style:none;margin:0;padding:0 1.6rem}pn-link-list [slot=linklist] li>a{display:block;color:#2d2013;font-size:1.4rem;font-weight:500;line-height:140%;text-decoration:none;cursor:pointer;background-color:#ffffff;border:0.1rem solid #d3cecb;border-radius:0.8rem;margin:0 0.8rem;padding:1rem}@media screen and (min-width: 1410px){pn-link-list [slot=linklist] li>a{font-size:1.6rem}}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:active,pn-link-list [slot=linklist] li>a:focus{color:#fff}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:focus{background-color:#005d92}pn-link-list [slot=linklist] li>a:active{background-color:#0d234b}pn-link-list [slot=linklist] li>a:focus{outline:2px solid #005d92;outline-offset:2px}pn-link-list .link-list__button{display:flex;justify-content:center}@-moz-document url-prefix(){pn-link-list .link-list__container{scrollbar-color:#005d92 #d3cecb}pn-link-list .link-list__scrollable{padding:0.5rem 2rem 2rem}}';const e=t;const s=class{constructor(n){i(this,n);this.heading=null;this.label=null;this.preamble=null;this.url=null;this.showMoreLabel=null;this.showMoreUrl=null}slider=null;isDragging=false;startX=0;scrollLeft=0;componentDidLoad(){this.slider=document.querySelector(".link-list__container")}handleMouseDown=i=>{const n=i.target;const l=n.classList.contains("link-list__container");const t=n.tagName==="A";if(l||t){this.isDragging=true;this.slider?.classList.add("link-list__active");this.startX=i.pageX-this.slider?.offsetLeft;this.scrollLeft=this.slider?.scrollLeft;if(t){i.preventDefault()}}};handleMouseLeave=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseUp=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseMove=i=>{if(this.isDragging){const n=i.pageX-this.slider?.offsetLeft;const l=(n-this.startX)*2;this.slider.scrollLeft=this.scrollLeft-l}};render(){return n(l,{key:"8f0fd9ebec39f1dccfe36bfff99edc0aef098a24"},n("div",{key:"619a149f108ef20d4929819805ee09f618af6d89",class:"link-list__header"},n("h2",{key:"7a90aa34b99dd843c10ff78c7be1a91a42750ba1",class:"link-list__heading"},this.heading),n("p",{key:"b73f73665f873b1b68261888fbccc0fd211c0316",class:"link-list__preamble"},this.preamble)),n("div",{key:"964f6e83fd0861b5c2651c9fcc27fb910be39be8",class:"link-list"},n("div",{key:"e7bcc50515f1d5d14b480f3b7fadba72c18fd557",class:"link-list__container",onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove},n("div",{key:"3f453caf064d04bf5fd403bec1d92896607b61f2",class:"link-list__scrollable"},n("slot",{key:"64db6a263d40f0dc595c308a242b1cbb8bfa4020",name:"linklist"})))),this.showMoreUrl?n("div",{class:"link-list__button"},n("pn-button",{appearance:"light",href:this.showMoreUrl},this.showMoreLabel)," "):"")}};s.style=e;export{s as pn_link_list};
+//# sourceMappingURL=p-ade7ffcf.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnLinkListCss","PnLinkListStyle0","PnLinkList","slider","isDragging","startX","scrollLeft","componentDidLoad","this","document","querySelector","handleMouseDown","e","target","isContainerClick","classList","contains","isLinkClick","tagName","add","pageX","offsetLeft","preventDefault","handleMouseLeave","remove","handleMouseUp","handleMouseMove","x","move","render","h","Host","key","class","heading","preamble","onMouseDown","onMouseUp","onMouseLeave","onMouseMove","name","showMoreUrl","appearance","href","showMoreLabel"],"sources":["src/components/widgets/pn-link-list/pn-link-list.scss?tag=pn-link-list","src/components/widgets/pn-link-list/pn-link-list.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-link-list {\n  .link-list__header {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 0.8rem;\n  }\n\n  .link-list__heading {\n    margin-bottom: 0.8rem;\n\n    @media screen and (min-width: 1140px) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .link-list__preamble {\n    max-width: 85rem;\n    text-align: center;\n    margin-bottom: 0;\n\n    @media screen and (min-width: 1140px) {\n      text-wrap: balance;\n    }\n  }\n\n  .link-list {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n\n    margin: 0;\n    margin-bottom: 2.4rem;\n    padding: 0;\n  }\n\n  .link-list__container {\n    overflow-x: auto;\n    text-align: center;\n    white-space: nowrap;\n\n    &.link-list__active {\n      a,\n      li,\n      ul {\n        cursor: grab;\n        cursor: -webkit-grab;\n      }\n    }\n\n    &::-webkit-scrollbar {\n      height: 0.4rem;\n      margin-top: 2rem;\n      -webkit-appearance: none;\n\n      @media screen and (min-width: 768px) {\n        height: 0.6rem;\n      }\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: $blue700;\n      border-radius: 2rem;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: #d3cecb;\n      border-radius: 2rem;\n      width: 100%;\n      margin: 0 5rem;\n\n      @media screen and (min-width: 768px) {\n        margin: 0 10rem;\n      }\n\n      @media screen and (min-width: 1140px) {\n        margin: 0 15rem;\n      }\n\n      @media screen and (min-width: 1440px) {\n        margin: 0 20rem;\n      }\n    }\n\n    &::-webkit-resizer {\n      display: none;\n    }\n\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      height: 85%;\n      width: 10%;\n    }\n\n    &::before {\n      background: linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n      left: 0;\n    }\n\n    &::after {\n      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n      right: 0;\n    }\n  }\n\n  .link-list__scrollable {\n    display: inline-block;\n    padding: 2rem 0 1rem;\n\n    @media screen and (min-width: 992px) {\n      padding: 0.5rem 2rem 1rem;\n    }\n  }\n\n  [slot='linklist'] {\n    ul {\n      display: flex;\n      list-style: none;\n      margin: 0;\n      padding: 0 1.6rem;\n    }\n\n    li {\n      & > a {\n        display: block;\n        color: $gray900;\n        font-size: 1.4rem;\n        font-weight: 500;\n        line-height: 140%;\n        text-decoration: none;\n        cursor: pointer;\n\n        background-color: $white;\n        border: 0.1rem solid $gray200;\n        border-radius: 0.8rem;\n        margin: 0 0.8rem;\n        padding: 1rem;\n\n        @media screen and (min-width: 1410px) {\n          font-size: 1.6rem;\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          color: #fff;\n        }\n\n        &:hover,\n        &:focus {\n          background-color: $blue700;\n        }\n\n        &:active {\n          background-color: $blue900;\n        }\n\n        &:focus {\n          outline: 2px solid $blue700;\n          outline-offset: 2px;\n        }\n      }\n    }\n  }\n\n  .link-list__button {\n    display: flex;\n    justify-content: center;\n  }\n\n  @-moz-document url-prefix() {\n    .link-list__container {\n      scrollbar-color: $blue700 #d3cecb;\n    }\n\n    .link-list__scrollable {\n      padding: 0.5rem 2rem 2rem;\n    }\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'pn-link-list',\n  styleUrl: 'pn-link-list.scss',\n})\nexport class PnLinkList {\n  @Prop() heading: string = null;\n  @Prop() label: string = null;\n  @Prop() preamble: string = null;\n  @Prop() url: string = null;\n  @Prop() showMoreLabel: string = null;\n  @Prop() showMoreUrl: string = null;\n\n  private slider: HTMLElement = null;\n  private isDragging = false;\n  private startX = 0;\n  private scrollLeft = 0;\n\n  componentDidLoad() {\n    this.slider = document.querySelector('.link-list__container') as HTMLElement;\n  }\n\n  private handleMouseDown = (e: MouseEvent) => {\n    const target = e.target as HTMLElement;\n\n    const isContainerClick = target.classList.contains('link-list__container');\n    const isLinkClick = target.tagName === 'A';\n\n    if (isContainerClick || isLinkClick) {\n      this.isDragging = true;\n      this.slider?.classList.add('link-list__active');\n      this.startX = e.pageX - this.slider?.offsetLeft;\n      this.scrollLeft = this.slider?.scrollLeft;\n\n      if (isLinkClick) {\n        e.preventDefault();\n      }\n    }\n  };\n\n  private handleMouseLeave = () => {\n    this.isDragging = false;\n    this.slider?.classList.remove('link-list__active');\n  };\n\n  private handleMouseUp = () => {\n    this.isDragging = false;\n    this.slider?.classList.remove('link-list__active');\n  };\n\n  private handleMouseMove = (e: MouseEvent) => {\n    if (this.isDragging) {\n      const x = e.pageX - this.slider?.offsetLeft;\n      const move = (x - this.startX) * 2;\n      this.slider.scrollLeft = this.scrollLeft - move;\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"link-list__header\">\n          <h2 class=\"link-list__heading\">{this.heading}</h2>\n          <p class=\"link-list__preamble\">{this.preamble}</p>\n        </div>\n        <div class=\"link-list\">\n          <div\n            class=\"link-list__container\"\n            onMouseDown={this.handleMouseDown}\n            onMouseUp={this.handleMouseUp}\n            onMouseLeave={this.handleMouseLeave}\n            onMouseMove={this.handleMouseMove}\n          >\n            <div class=\"link-list__scrollable\">\n              <slot name=\"linklist\" />\n            </div>\n          </div>\n        </div>\n        {this.showMoreUrl ? (\n          <div class=\"link-list__button\">\n            <pn-button appearance=\"light\" href={this.showMoreUrl}>\n              {this.showMoreLabel}\n            </pn-button>{' '}\n          </div>\n        ) : (\n          ''\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,+1GACtB,MAAAC,EAAeD,E,MCKFE,EAAU,M,sCACK,K,WACF,K,cACG,K,SACL,K,mBACU,K,iBACF,I,CAEtBC,OAAsB,KACtBC,WAAa,MACbC,OAAS,EACTC,WAAa,EAErB,gBAAAC,GACEC,KAAKL,OAASM,SAASC,cAAc,wB,CAG/BC,gBAAmBC,IACzB,MAAMC,EAASD,EAAEC,OAEjB,MAAMC,EAAmBD,EAAOE,UAAUC,SAAS,wBACnD,MAAMC,EAAcJ,EAAOK,UAAY,IAEvC,GAAIJ,GAAoBG,EAAa,CACnCT,KAAKJ,WAAa,KAClBI,KAAKL,QAAQY,UAAUI,IAAI,qBAC3BX,KAAKH,OAASO,EAAEQ,MAAQZ,KAAKL,QAAQkB,WACrCb,KAAKF,WAAaE,KAAKL,QAAQG,WAE/B,GAAIW,EAAa,CACfL,EAAEU,gB,IAKAC,iBAAmB,KACzBf,KAAKJ,WAAa,MAClBI,KAAKL,QAAQY,UAAUS,OAAO,oBAAoB,EAG5CC,cAAgB,KACtBjB,KAAKJ,WAAa,MAClBI,KAAKL,QAAQY,UAAUS,OAAO,oBAAoB,EAG5CE,gBAAmBd,IACzB,GAAIJ,KAAKJ,WAAY,CACnB,MAAMuB,EAAIf,EAAEQ,MAAQZ,KAAKL,QAAQkB,WACjC,MAAMO,GAAQD,EAAInB,KAAKH,QAAU,EACjCG,KAAKL,OAAOG,WAAaE,KAAKF,WAAasB,C,GAI/C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,sBAAsBzB,KAAK0B,SACrCJ,EAAA,KAAAE,IAAA,2CAAGC,MAAM,uBAAuBzB,KAAK2B,WAEvCL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACTH,EAAA,OAAAE,IAAA,2CACEC,MAAM,uBACNG,YAAa5B,KAAKG,gBAClB0B,UAAW7B,KAAKiB,cAChBa,aAAc9B,KAAKe,iBACnBgB,YAAa/B,KAAKkB,iBAElBI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACTH,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,gBAIhBhC,KAAKiC,YACJX,EAAA,OAAKG,MAAM,qBACTH,EAAA,aAAWY,WAAW,QAAQC,KAAMnC,KAAKiC,aACtCjC,KAAKoC,eACK,KACT,G","ignoreList":[]}

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

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

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

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