@postnord/pn-marketweb-components 4.0.4-test2 → 4.0.5

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

@@ -0,0 +1 @@
+{"version":3,"names":["getLoginUrl","useMarketwebLogin","environment","environment_Production","devAuthUrl","prodAuthUrl","marketwebLoginUrl","toUpperCase","pnMarketwebSiteheaderLoginButtonCss","PnMarketwebSiteheaderLoginButtonStyle0","PnMarketwebSiteheaderLoginButton","loginUrl","componentWillLoad","this","nagivateToLoginUrl","navigationUrl","encodeURIComponent","window","location","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","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","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-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 = (useMarketwebLogin:boolean, environment:string) => {\n\nconst environment_Production = \"PRODUCTION\";\n\nconst devAuthUrl = 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\nconst prodAuthUrl = 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\nconst marketwebLoginUrl = '/login?returnUrl=';\n\nif(useMarketwebLogin)\n  {\n    return marketwebLoginUrl;\n  }\n   else if (environment.toUpperCase() !== environment_Production) {\n      return devAuthUrl;\n    } else {\n        return prodAuthUrl;\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  @Prop() useMarketwebLogin: boolean = false;\n  @Prop() environment: string = 'local';\n  \n  loginUrl: string;\n\n  componentWillLoad() {\n    this.loginUrl = getLoginUrl(this.useMarketwebLogin, this.environment);\n  }\n\n  nagivateToLoginUrl() {\n    const navigationUrl = `${this.loginUrl}${encodeURIComponent(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","@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      this.heading = \"\"; //this is to not get \"logged in as\" text when its private account\n      return;\n    }\n\n    (data.organizations as ProfileSelectorOrganization[]).forEach(org => {\n      if (org.selected === true && org.profiles) {\n        const selectedProfile = org.profiles.filter(x => x.selected === true);\n        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === 'agent' && selectedProfile[0].ssid) {\n          org.customerNumber = selectedProfile[0].ssid;\n        }\n      } else {\n        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === '55') {\n          org.customerNumber = org.customerNumber.substring(0, 6) + '-' + org.customerNumber.substring(6);\n        }\n        this.profileoptions.push(org);\n      }\n    });\n\n    let currentProfileObj = data.organizations.filter(x => x.selected === true)[0];\n    const userProfileOption = {\n      name: this.userName,\n      customerNumber: '',\n      id: '',\n      selected: !currentProfileObj,\n      profiles: [],\n    };\n    if (!currentProfileObj) {\n      currentProfileObj = userProfileOption;\n    }\n\n    if (currentProfileObj && currentProfileObj.name) {\n      this.currentProfile = currentProfileObj;\n    }\n    this.profileoptions.push(userProfileOption);\n  }\n  adjustLoginLinks() {\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n    };\n\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\n\n    this.logoutLink = this.loginDialog?.loggedInLinks.filter(x => x.isLogoutLink)[0] ?? null;\n  }\n  updateUserInfo() {\n    const userInfo: IUserInfo = headerState.loginManager.getUserInfo();\n    this.user = userInfo;\n    if (!userInfo) {\n      return;\n    }\n    if (userInfo && userInfo.email) {\n      this.userEmail = userInfo.email;\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name;\n      return;\n    }\n    if (userInfo && userInfo.family_name) {\n      this.userName = userInfo.family_name;\n      return;\n    }\n    if (userInfo && userInfo.username) {\n      this.userName = userInfo.username;\n      return;\n    }\n  }\n\n  filterLogoutLink(loggedInLinks: LoginDialogLink[]): LoginDialogLink[] {\n    return loggedInLinks.filter((link: LoginDialogLink) => !link.isLogoutLink);\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {};\n    return (\n      <Host {...hostElementAttribute}>\n        {this.heading ? <strong class=\"pn-marketweb-siteheader-login-profileselection-heading\">{this.heading}</strong> : null}\n        {this.currentProfile !== null && this.currentProfile.name ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile\">\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-name\">{this.currentProfile.name}</div>\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-description\">\n              {this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail}\n            </div>\n          </div>\n        ) : null}\n\n        <pn-marketweb-siteheader-login-linklist\n          links={this.filterLogoutLink(this.loginDialog.loggedInLinks)}\n          idNamespace={this.idNamespace}\n        ></pn-marketweb-siteheader-login-linklist>\n\n        <div class=\"pn-marketweb-siteheader-login-profileselection-divider\"></div>\n        {this.profileoptions\n          .filter(x => x.selected !== true)\n          .map(organization => {\n            let customerNumber = organization.profiles.length > 0 ? organization.profiles[0].customerNumber : organization.customerNumber;\n            return (\n              <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption\">\n                {/* /api/user/setprofile? profile=xxxxx */}\n                <a\n                  href={`${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${encodeURIComponent(window.location.href)}`}\n                  class=\"pn-marketweb-siteheader-login-profileselection-profileoption-link\"\n                >\n                  <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-content\">\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-name\">{organization.name}</div>\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-description\">\n                      {organization.customerNumber ? organization.customerNumber : this.userEmail}\n                    </div>\n                  </div>\n                  <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n                </a>\n              </div>\n            );\n          })}\n\n        {this.logoutLink ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-logout\">\n            {/* https://se-inte.postnord.com/UnifiedLogin/ExternalLoginCallback?returnUrl=https://se-inte.postnord.com/handla-online&profile=770e785b-702b-dc22-b1e9-4839eded4f83 */}\n            <a\n              href={this.logoutLink.href}\n              rel=\"nofollower noopener\"\n              id=\"pn-marketweb-header-logoutlink\"\n              onClick={() => headerState.loginManager.clearUserData()}\n              class=\"pn-marketweb-siteheader-login-profileselection-logout-link\"\n            >\n              {this.logoutLink.linkText}\n            </a>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n",null,"import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-unified-login',\n  styleUrl: 'pn-marketweb-siteheader-unified-login.scss',\n})\nexport class PnMarketwebSiteheaderUnifiedLogin {\n  @Element() hostElement: HTMLElement;\n  @Prop() loggedIn: boolean = false;\n  @Prop() logInLabel: string;\n  @Prop() useMarketwebLogin: boolean;\n  @Prop() environment: string;\n\n  render() {\n    return (\n      <Host>\n          <pn-marketweb-siteheader-login-button \n              label={this.logInLabel} \n              useMarketwebLogin={this.useMarketwebLogin} \n              environment={this.environment}\n              />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-28d2f7fa.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i,d as t}from"./p-82546a44.js";import{H as n}from"./p-0b920554.js";import{P as l}from"./p-cf8a1fb9.js";import{L as s}from"./p-8d78b631.js";import"./p-3478f368.js";const a='<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="M23.591 9.136c.93-5.875-2.801-8.22-8.152-8.22H9.531L8.744 5.91h1.003c.55 0 1.07-.252 1.293-.616a.6.6 0 0 0 .104-.319c0-.207-.141-.363-.283-.467-.386-.29-.468-.593-.468-.809q-.002-.064.008-.118c.082-.527.795-1.098 1.739-1.098.564 0 .995.133 1.256.378.23.215.32.52.252.838-.082.379-.46.69-.676.846-.572.4-.498.75-.46.853.118.312.572.512.92.512h1.524v.007c2.08.015 3.195.972 2.846 3.198-.327 2.07-1.917 2.96-3.812 2.974l-.75 4.778h1.107c4.674 0 8.494-2.997 9.244-7.73M7.666 12.489l.981-6.172H7.6c-.49 0-1.122-.274-1.307-.779-.06-.17-.201-.757.609-1.328.29-.2.475-.423.513-.593a.46.46 0 0 0-.134-.453c-.178-.17-.528-.267-.974-.267-.75 0-1.278.43-1.33.742-.037.23.141.415.297.534.469.349.58.853.29 1.328-.297.49-.943.809-1.635.816h-1.07c-.05.343-.547 3.494-.985 6.27v.002c-.329 2.085-.624 3.958-.672 4.27h5.804l.103-.664c.12-.77.327-2.103.58-3.706zM.89 18.988h2.37c1.011 0 1.256.511 1.182.979-.06.378-.32.66-.765.846.564.215.787.548.706 1.075-.104.66-.677 1.15-1.427 1.15H.257zm1.568 1.676c.46 0 .676-.245.72-.534.045-.312-.096-.527-.557-.527h-.408l-.164 1.061zm-.253 1.75c.476 0 .75-.192.818-.585.052-.341-.141-.542-.602-.542h-.468l-.179 1.135h.431zm4.437.364c.148.267.446.334 1.062.29l.357-.831c-.35-.008-.364-.104-.312-.416l.141-.89c.12-.786-.52-1.083-1.24-1.083-.566 0-1.056.17-1.561.534l-.142.92c.588-.4.93-.534 1.338-.534.35 0 .46.104.431.386-.167.113-.452.185-.75.26-.364.09-.747.187-.96.37a.9.9 0 0 0-.319.534c-.067.4.179.764.877.764.387 0 .75-.104 1.078-.304m-.411-.949c.145-.042.291-.085.403-.156l-.067.445c-.022.141-.03.215-.014.29a1.17 1.17 0 0 1-.625.214c-.2 0-.327-.148-.297-.348.044-.283.322-.364.6-.445M8.855 19.9h1.234l-.067.408c.394-.334.69-.46 1.077-.46.691 0 1.011.423.9 1.113l-.32 2.07h-1.234l.268-1.714c.052-.312-.045-.46-.282-.46-.194 0-.372.104-.543.334l-.282 1.832H8.372zm5.336-.912h-1.234l-.631 4.043h1.233l.223-1.447h.015l.936 1.447h1.553l-1.218-1.796 1.516-1.335H15.06l-1.181 1.076zm3.135 0h1.42l-.624 4.043h-1.42zm4.14 0h-2.029l-.631 4.043h2.288c1.375 0 2.104-1.046 2.245-1.966.148-.942-.305-2.078-1.873-2.078m.468 2.017c-.111.72-.49 1.061-1.181 1.061h-.372l.327-2.121h.379c.765 0 .929.526.847 1.06" clip-rule="evenodd"/></svg>';const p=a;const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}:root{--usp-preamble-margin:clamp(1.5rem, 3vw, 1.8rem)}pn-level-up .pn-level-up{background:linear-gradient(90deg, #ffffff 0%, #effbff 17.44%);color:#2d2013;display:flex;flex-direction:column-reverse;max-width:100%;padding:clamp(2rem, 5vw, 5rem)}pn-level-up .pn-level-up .heading{font-size:clamp(2rem, 4vw, 3rem);font-weight:700;margin-bottom:1rem}pn-level-up .pn-level-up .preamble{font-size:clamp(1rem, 4vw, 1.6rem);margin-top:var(--usp-preamble-margin);margin-bottom:var(--usp-preamble-margin)}pn-level-up .pn-level-up .cta{display:flex;font-size:clamp(1rem, 4vw, 1.6rem);flex-direction:column;gap:clamp(1rem, 4vw, 1.2rem)}pn-level-up .pn-level-up .image-container{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}pn-level-up .pn-level-up .image-container .graphics{--pn-width:12rem !important;--pn-height:12rem !important}pn-level-up .pn-level-up .image-container .image{border-radius:50%;width:20rem;height:20rem;object-fit:cover}@media (min-width: 768px){pn-level-up .pn-level-up{flex-direction:row;align-items:center;justify-content:space-between}pn-level-up .pn-level-up .content{max-width:70%}pn-level-up .pn-level-up .cta{flex-direction:row;gap:clamp(2rem, 3vw, 3rem);padding:0}pn-level-up .pn-level-up .image-container{margin-bottom:0}pn-level-up .pn-level-up .image-container .graphics{--pn-width:15rem;--pn-height:15rem}}@media (min-width: 1200px){pn-level-up .pn-level-up{max-width:1140px;margin:0 auto}pn-level-up .pn-level-up .image-container .graphics{--pn-width:18rem;--pn-height:18rem}}@media (min-width: 1640px){pn-level-up .pn-level-up{max-width:1440px}pn-level-up .pn-level-up .image-container .graphics{--pn-width:20rem;--pn-height:20rem}}";const o=h;const r=class{constructor(i){e(this,i);this.heading=undefined;this.headingLevel="h2";this.preamble=undefined;this.imageUrl=undefined;this.imageAltText=undefined;this.endpoint=undefined;this.webModalContinueOtherDeviceLabel=undefined;this.webModalContinueThisDeviceLabel=undefined;this.mobileModalContinueThisDeviceLabel=undefined;this.mobileModalContinueOtherDeviceLabel=undefined;this.modalInstructionPhoneLineOne=undefined;this.modalInstructionPhoneLineTwo=undefined;this.modalInstructionPhoneLineThree=undefined;this.modalHeadingText=undefined;this.modalOutdatedQRMessage=undefined;this.modalExpiresInMessage=undefined;this.qrAriaLabel=undefined;this.leveledupMessage=undefined;this.isLeveledUp=false;this.isLoading=false;this.isRecentLeveledUp=false;this.errorMessage=undefined}_android="android";_ios="ios";_web="web";levelupLocalStorageKey="levelup";_system;_levelupService;_storage=new s;componentWillLoad(){if(!this.isLeveledUp){this.checkRecentLevelUp()}this._levelupService=new l(this.endpoint);this._system=this.getDeviceType()}getDeviceType(){const e=navigator.userAgent;if(/android/i.test(e)){return this._android}if(/iPad|iPhone|iPod/.test(e)&&!window.MSStream){return this._ios}return this._web}openLocalApp=async()=>{this.isLoading=true;let e=await this._levelupService.levelupAuthorize(this._system,null);window.location.href=e.url;this.isLoading=false;await this._levelupService.levelupTokenGrant(e.id,"30",null).then((e=>{if(e.code===200){this._levelupService.newLevelupUser();this.isRecentLeveledUp=true;this.errorMessage=null}else{this.errorMessage=e.customMessage}}))};openModal(){let e=document.getElementsByTagName("pn-level-up-modal")[0];let i=e.getAttribute("open");if(i==="open"){e.setAttribute("open","close")}e.setAttribute("open","open")}renderWebButtonOptions(){return i("div",{class:"cta",role:"group"},this.webModalContinueOtherDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"default",label:this.webModalContinueOtherDeviceLabel,onClick:()=>this.openModal()}),this.webModalContinueThisDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"light",variant:"outlined",label:this.webModalContinueThisDeviceLabel,onClick:()=>this.openLocalApp(),loading:this.isLoading}))}renderMobileButtonOptions(){return i("div",{class:"cta",role:"group"},this.mobileModalContinueThisDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"default",label:this.mobileModalContinueThisDeviceLabel,onClick:()=>this.openLocalApp(),loading:this.isLoading}),this.mobileModalContinueOtherDeviceLabel&&i("pn-button",{icon:p,"left-icon":"true",appearance:"light",variant:"outlined",label:this.mobileModalContinueOtherDeviceLabel,onClick:()=>this.openModal()}))}presentResult(){if(this.isLeveledUp){return null}return i("pn-toast",{text:this.leveledupMessage,appearance:"success"})}checkRecentLevelUp(){let e=this._storage.get(this.levelupLocalStorageKey);if(e===null){this.isRecentLeveledUp=false}else if(e.expire>Date.now()){this.isRecentLeveledUp=true}else{this._storage.remove(this.levelupLocalStorageKey);this.isRecentLeveledUp=false}}get hasButtonTexts(){if(this._system===this._web){return Boolean(this.webModalContinueOtherDeviceLabel)&&Boolean(this.webModalContinueThisDeviceLabel)}else{return Boolean(this.mobileModalContinueOtherDeviceLabel)&&Boolean(this.mobileModalContinueThisDeviceLabel)}}render(){const e="pn-level-up-heading";return i(t,{key:"f48ec4a1e559a8967176b29c1229f0e9db250ee0"},this.isLeveledUp||this.isRecentLeveledUp?this.presentResult():i("div",{class:"pn-level-up",role:"region","aria-labelledby":this.heading?e:undefined},i("div",{class:"content"},this.heading&&i(n,{id:e,level:this.headingLevel,cssClass:"heading"},this.heading),this.preamble&&i("div",{class:"preamble"},this.preamble),this.hasButtonTexts&&this._system===this._web&&this.renderWebButtonOptions(),this.hasButtonTexts&&this._system!==this._web&&this.renderMobileButtonOptions()),i("div",{class:"image-container","aria-hidden":!this.imageAltText},this.imageUrl&&i("img",{class:"image graphics",src:this.imageUrl,alt:this.imageAltText||"",loading:"lazy"}))),this.errorMessage&&i("pn-toast",{key:"a6f9a66b2a8d9007a8aed5e7f07a34f19f3c31b5",text:this.errorMessage,appearance:"warning"}),i("pn-level-up-modal",{key:"73cafdd318db53a36a048b6b237234c443466a91",open:"close",endpoint:this.endpoint,"instruction-phone-line-one":this.modalInstructionPhoneLineOne,"instruction-phone-line-two":this.modalInstructionPhoneLineTwo,"instruction-phone-line-three":this.modalInstructionPhoneLineThree,"heading-text":this.modalHeadingText,"outdated-q-r-message":this.modalOutdatedQRMessage,"expires-in-message":this.modalExpiresInMessage,"qr-aria-label":this.qrAriaLabel,system:this._android}))}};r.style=o;export{r as pn_level_up};
+//# sourceMappingURL=p-28d2f7fa.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icon","bankid","pnLevelUpCss","PnLevelUpStyle0","PnLevelUp","_android","_ios","_web","levelupLocalStorageKey","_system","_levelupService","_storage","LocalStorageService","componentWillLoad","this","isLeveledUp","checkRecentLevelUp","PnLevelUpService","endpoint","getDeviceType","userAgent","navigator","test","window","MSStream","openLocalApp","async","isLoading","authResponse","levelupAuthorize","location","href","url","levelupTokenGrant","id","then","response","code","newLevelupUser","isRecentLeveledUp","errorMessage","customMessage","openModal","levelUpModal","document","getElementsByTagName","openAttributeValue","getAttribute","setAttribute","renderWebButtonOptions","h","class","role","webModalContinueOtherDeviceLabel","appearance","label","onClick","webModalContinueThisDeviceLabel","variant","loading","renderMobileButtonOptions","mobileModalContinueThisDeviceLabel","mobileModalContinueOtherDeviceLabel","presentResult","text","leveledupMessage","levelupStorage","get","expire","Date","now","remove","hasButtonTexts","Boolean","render","headingId","Host","key","heading","undefined","HeadingTag","level","headingLevel","cssClass","preamble","imageAltText","imageUrl","src","alt","open","modalInstructionPhoneLineOne","modalInstructionPhoneLineTwo","modalInstructionPhoneLineThree","modalHeadingText","modalOutdatedQRMessage","modalExpiresInMessage","qrAriaLabel","system"],"sources":["node_modules/pn-design-assets/pn-assets/icons/bankid.js","src/components/widgets/pn-level-up/pn-level-up.scss?tag=pn-level-up","src/components/widgets/pn-level-up/pn-level-up.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=\"M23.591 9.136c.93-5.875-2.801-8.22-8.152-8.22H9.531L8.744 5.91h1.003c.55 0 1.07-.252 1.293-.616a.6.6 0 0 0 .104-.319c0-.207-.141-.363-.283-.467-.386-.29-.468-.593-.468-.809q-.002-.064.008-.118c.082-.527.795-1.098 1.739-1.098.564 0 .995.133 1.256.378.23.215.32.52.252.838-.082.379-.46.69-.676.846-.572.4-.498.75-.46.853.118.312.572.512.92.512h1.524v.007c2.08.015 3.195.972 2.846 3.198-.327 2.07-1.917 2.96-3.812 2.974l-.75 4.778h1.107c4.674 0 8.494-2.997 9.244-7.73M7.666 12.489l.981-6.172H7.6c-.49 0-1.122-.274-1.307-.779-.06-.17-.201-.757.609-1.328.29-.2.475-.423.513-.593a.46.46 0 0 0-.134-.453c-.178-.17-.528-.267-.974-.267-.75 0-1.278.43-1.33.742-.037.23.141.415.297.534.469.349.58.853.29 1.328-.297.49-.943.809-1.635.816h-1.07c-.05.343-.547 3.494-.985 6.27v.002c-.329 2.085-.624 3.958-.672 4.27h5.804l.103-.664c.12-.77.327-2.103.58-3.706zM.89 18.988h2.37c1.011 0 1.256.511 1.182.979-.06.378-.32.66-.765.846.564.215.787.548.706 1.075-.104.66-.677 1.15-1.427 1.15H.257zm1.568 1.676c.46 0 .676-.245.72-.534.045-.312-.096-.527-.557-.527h-.408l-.164 1.061zm-.253 1.75c.476 0 .75-.192.818-.585.052-.341-.141-.542-.602-.542h-.468l-.179 1.135h.431zm4.437.364c.148.267.446.334 1.062.29l.357-.831c-.35-.008-.364-.104-.312-.416l.141-.89c.12-.786-.52-1.083-1.24-1.083-.566 0-1.056.17-1.561.534l-.142.92c.588-.4.93-.534 1.338-.534.35 0 .46.104.431.386-.167.113-.452.185-.75.26-.364.09-.747.187-.96.37a.9.9 0 0 0-.319.534c-.067.4.179.764.877.764.387 0 .75-.104 1.078-.304m-.411-.949c.145-.042.291-.085.403-.156l-.067.445c-.022.141-.03.215-.014.29a1.17 1.17 0 0 1-.625.214c-.2 0-.327-.148-.297-.348.044-.283.322-.364.6-.445M8.855 19.9h1.234l-.067.408c.394-.334.69-.46 1.077-.46.691 0 1.011.423.9 1.113l-.32 2.07h-1.234l.268-1.714c.052-.312-.045-.46-.282-.46-.194 0-.372.104-.543.334l-.282 1.832H8.372zm5.336-.912h-1.234l-.631 4.043h1.233l.223-1.447h.015l.936 1.447h1.553l-1.218-1.796 1.516-1.335H15.06l-1.181 1.076zm3.135 0h1.42l-.624 4.043h-1.42zm4.14 0h-2.029l-.631 4.043h2.288c1.375 0 2.104-1.046 2.245-1.966.148-.942-.305-2.078-1.873-2.078m.468 2.017c-.111.72-.49 1.061-1.181 1.061h-.372l.327-2.121h.379c.765 0 .929.526.847 1.06\" clip-rule=\"evenodd\"/></svg>';\nexport const bankid = icon;\n","@import '../../../globals/main.scss';\n\n:root {\n    --usp-preamble-margin: clamp(1.5rem, 3vw, 1.8rem);\n}\n\npn-level-up {\n    .pn-level-up {\n        background: linear-gradient(90deg, $white 0%, $blue25 17.44%);\n        color: $gray900;\n        display: flex;\n        flex-direction: column-reverse;\n        max-width: 100%;\n        padding: clamp(2rem, 5vw, 5rem);\n\n        .heading {\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 700;\n            margin-bottom: 1rem;\n        }\n\n        .preamble {\n            font-size: clamp(1rem, 4vw, 1.6rem);\n            margin-top: var(--usp-preamble-margin);\n            margin-bottom: var(--usp-preamble-margin);\n        }\n\n        .cta {\n            display: flex;\n            font-size: clamp(1rem, 4vw, 1.6rem);\n            flex-direction: column;\n            gap: clamp(1rem, 4vw, 1.2rem);\n        }\n\n        .image-container {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 2rem;\n\n            .graphics {\n                --pn-width: #{$graphicsWidth} !important;\n                --pn-height: #{$graphicsWidth} !important;\n            }\n\n            .image {\n                border-radius: 50%;\n                width: 20rem;\n                height: 20rem;\n                object-fit: cover;\n            }\n        }\n\n        @media (min-width: $min-width-md) {\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n\n            .content {\n                max-width: 70%;\n            }\n\n            .cta {\n                flex-direction: row;\n                gap: clamp(2rem, 3vw, 3rem);\n                padding: 0;\n            }\n\n            .image-container {\n                margin-bottom: 0;\n\n                .graphics {\n                    --pn-width: #{$graphicsWidthMd};\n                    --pn-height: #{$graphicsWidthMd};\n                }\n            }\n        }\n\n        @media (min-width: $min-width-xl) {\n            max-width: $max-width-xl;\n            margin: 0 auto;\n\n            .image-container {\n                .graphics {\n                    --pn-width: #{$graphicsWidthXl};\n                    --pn-height: #{$graphicsWidthXl};\n                }\n            }\n        }\n\n        @media (min-width: $min-width-xxl) {\n            max-width: $max-width-xxl;\n\n            .image-container {\n                .graphics {\n                    --pn-width: #{$graphicsWidthXxl};\n                    --pn-height: #{$graphicsWidthXxl};\n                }\n            }\n        }\n    }\n}","import { HeadingLevel } from '@/components';\nimport { HeadingTag } from '@/globals/HeadingTag';\nimport { Component, Host, Prop, h, State } from '@stencil/core';\nimport { bankid } from 'pn-design-assets/pn-assets/icons.js';\nimport { DeviceType } from './types';\nimport { PnLevelUpService } from './pn-level-up.service';\nimport { LocalStorageService } from '@/globals/LocalStorageService';\n\n@Component({\n  tag: 'pn-level-up',\n  styleUrl: 'pn-level-up.scss'\n})\nexport class PnLevelUp {\n  @Prop() heading?: string;\n  @Prop() headingLevel: HeadingLevel = 'h2';\n  @Prop() preamble?: string;\n  @Prop() imageUrl?: string;\n  @Prop() imageAltText?: string;\n  @Prop() endpoint: string;\n  @Prop() webModalContinueOtherDeviceLabel: string;\n  @Prop() webModalContinueThisDeviceLabel: string;\n  @Prop() mobileModalContinueThisDeviceLabel: string;\n  @Prop() mobileModalContinueOtherDeviceLabel: string;\n  @Prop() modalInstructionPhoneLineOne: string;\n  @Prop() modalInstructionPhoneLineTwo: string;\n  @Prop() modalInstructionPhoneLineThree: string;\n  @Prop() modalHeadingText: string;\n  @Prop() modalOutdatedQRMessage: string;\n  @Prop() modalExpiresInMessage: string;\n  @Prop() qrAriaLabel: string;\n  @Prop() leveledupMessage: string;\n  @Prop() isLeveledUp: boolean = false;\n\n  @State() private isLoading: boolean = false;\n  @State() private isRecentLeveledUp: boolean = false;\n  @State() private errorMessage: string;\n\n  private readonly _android: DeviceType = 'android';\n  private readonly _ios: DeviceType = 'ios';\n  private readonly _web: DeviceType = 'web';\n  private readonly levelupLocalStorageKey = 'levelup';\n\n  private _system: DeviceType;\n  private _levelupService: PnLevelUpService;\n  private _storage: LocalStorageService = new LocalStorageService();\n\n  componentWillLoad() {\n    if (!this.isLeveledUp) {\n      this.checkRecentLevelUp();\n    }\n\n    this._levelupService = new PnLevelUpService(this.endpoint);\n    this._system = this.getDeviceType();\n  }\n\n  getDeviceType(): DeviceType {\n    const userAgent = navigator.userAgent;\n    \n    if (/android/i.test(userAgent)) {\n      return this._android;\n    }\n    \n    if (/iPad|iPhone|iPod/.test(userAgent) && !(window as any).MSStream) {\n      return this._ios;\n    }\n    \n    return this._web;\n  }\n\n  private openLocalApp = async () => {\n    this.isLoading = true;\n    let authResponse = await this._levelupService.levelupAuthorize(this._system, null)\n    window.location.href = authResponse.url;\n    this.isLoading = false;\n    await this._levelupService.levelupTokenGrant(authResponse.id, '30', null).then((response) => {\n      if (response.code === 200) {\n        this._levelupService.newLevelupUser();\n        this.isRecentLeveledUp = true;\n        this.errorMessage = null;\n      }\n      else {\n        this.errorMessage = response.customMessage;\n      }\n    });\n  }\n\n  private openModal() {\n    let levelUpModal = document.getElementsByTagName('pn-level-up-modal')[0];\n    let openAttributeValue = levelUpModal.getAttribute('open');\n\n    if (openAttributeValue === 'open') {\n      levelUpModal.setAttribute('open', 'close');\n    }\n\n    levelUpModal.setAttribute('open', 'open');\n  }\n\n  private renderWebButtonOptions() {\n    return ( \n      <div class=\"cta\" role=\"group\">\n        {this.webModalContinueOtherDeviceLabel &&\n        <pn-button\n          icon={bankid}\n          left-icon='true'\n          appearance='default'\n          label={this.webModalContinueOtherDeviceLabel}\n          onClick={() => this.openModal()}>\n        </pn-button>}\n        {this.webModalContinueThisDeviceLabel &&\n        <pn-button\n          icon={bankid}\n          left-icon='true'\n          appearance='light'\n          variant='outlined'\n          label={this.webModalContinueThisDeviceLabel}\n          onClick={() => this.openLocalApp()}\n          loading={this.isLoading}>\n        </pn-button>}\n      </div>);\n  }\n\n  private renderMobileButtonOptions() {\n    return (\n      <div class=\"cta\" role=\"group\">\n        {this.mobileModalContinueThisDeviceLabel &&\n        <pn-button\n          icon={bankid}\n          left-icon='true'\n          appearance='default'\n          label={this.mobileModalContinueThisDeviceLabel}\n          onClick={() => this.openLocalApp()}\n          loading={this.isLoading}>\n        </pn-button>}\n        {this.mobileModalContinueOtherDeviceLabel &&\n        <pn-button\n          icon={bankid}\n          left-icon='true'\n          appearance='light'\n          variant='outlined'\n          label={this.mobileModalContinueOtherDeviceLabel}\n          onClick={() => this.openModal()}>\n        </pn-button>}\n      </div>);\n  }\n\n  private presentResult() {\n    if (this.isLeveledUp) {\n      return null;\n    }\n\n    return (<pn-toast text={this.leveledupMessage} appearance='success'></pn-toast>);\n  }\n\n  private checkRecentLevelUp() {\n    let levelupStorage = this._storage.get(this.levelupLocalStorageKey);\n    if (levelupStorage === null) {\n      this.isRecentLeveledUp = false;\n    }\n    else if (levelupStorage.expire > Date.now()) {\n      this.isRecentLeveledUp = true;\n    }\n    else {\n      this._storage.remove(this.levelupLocalStorageKey);\n      this.isRecentLeveledUp = false;\n    }\n  }\n\n  private get hasButtonTexts(): boolean {\n    if (this._system === this._web) {\n      return Boolean(this.webModalContinueOtherDeviceLabel) && Boolean(this.webModalContinueThisDeviceLabel);\n    }\n    else {\n      return Boolean(this.mobileModalContinueOtherDeviceLabel) && Boolean(this.mobileModalContinueThisDeviceLabel);\n    }\n  }\n\n  render() {\n    const headingId = 'pn-level-up-heading';\n    return (\n      <Host>\n        {this.isLeveledUp || this.isRecentLeveledUp \n        ? (this.presentResult()) \n        : (<div class=\"pn-level-up\" role=\"region\" aria-labelledby={this.heading ? headingId : undefined}>\n            <div class=\"content\">\n              {this.heading && (\n                <HeadingTag id={headingId} level={this.headingLevel} cssClass=\"heading\">\n                  {this.heading}\n                </HeadingTag>\n              )}\n              {this.preamble && (\n                <div class=\"preamble\">\n                  {this.preamble}\n                </div>\n              )}\n              {this.hasButtonTexts && this._system === this._web && this.renderWebButtonOptions()}\n              {this.hasButtonTexts && this._system !== this._web && this.renderMobileButtonOptions()}\n            </div>\n            <div class=\"image-container\" aria-hidden={!this.imageAltText}>\n              {this.imageUrl && <img class=\"image graphics\" src={this.imageUrl} alt={this.imageAltText || ''} loading=\"lazy\" />}\n            </div>\n          </div>\n        )}\n        {this.errorMessage && <pn-toast text={this.errorMessage} appearance='warning'></pn-toast>}\n        <pn-level-up-modal\n          open='close'\n          endpoint={this.endpoint}\n          instruction-phone-line-one={this.modalInstructionPhoneLineOne}\n          instruction-phone-line-two={this.modalInstructionPhoneLineTwo}\n          instruction-phone-line-three={this.modalInstructionPhoneLineThree}\n          heading-text={this.modalHeadingText}\n          outdated-q-r-message={this.modalOutdatedQRMessage}\n          expires-in-message={this.modalExpiresInMessage}\n          qr-aria-label={this.qrAriaLabel}\n          system={this._android}>\n        </pn-level-up-modal>\n      </Host>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-292db484.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as n,d as o}from"./p-82546a44.js";import{s as i}from"./p-72828265.js";import{b as a}from"./p-7e3afa8c.js";import{c as s}from"./p-cfaf2eec.js";import"./p-8836de82.js";const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#effbff}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";const p=d;const r=class{constructor(t){e(this,t);this.label="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return t(this)}onClick(){i.openMenu=!i.openMenu;const e=document.querySelector("body");e.setAttribute("data-siteheader-sidemenuopen",i.openMenu+"")}render(){return n(o,{key:"5b12dccee3851386ed82a2266a73e8be0979bb28"},n("pn-button",{key:"919a87ac282aae97c3bf79ac058be48b516ddc31",appearance:"light",icon:i.openMenu?s:a,"left-icon":true,small:true,onclick:this.onClick.bind(this),label:this.label},n("slot",{key:"2a28d5e852b331a581609ef617fbb0e691b9f1c1"})))}};r.style=p;export{r as pn_sidenav_togglebutton};
+//# sourceMappingURL=p-292db484.entry.js.map

package/pn-market-web-components/{p-76e6708b.entry.js.map → p-292db484.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnSidenavTogglebuttonCss","PnSidenavTogglebuttonStyle0","PnSidenavTogglebutton","open","close","navLabel","onClick","state","openMenu","body","document","querySelector","setAttribute","render","h","Host","key","appearance","icon","close_small","bars","small","onclick","this","bind","label"],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.scss?tag=pn-sidenav-togglebutton","src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-togglebutton {\n  display: block;\n  width: 100%;\n  padding: 0.8rem 1.6rem;\n  background: $blue25;\n  @media screen and (min-width: $sidenav-media-abovemobilemode) {\n    display: none;\n  }\n}\n","import { Component, Prop, h, Host, Listen, Element, State } from '@stencil/core';\nimport { translations } from './translations';\nimport { SideMenui18n } from './types';\nimport state from './pn-sidenav-store';\nimport { close_small, bars } from \"pn-design-assets/pn-assets/icons\";\n\n@Component({\n  tag: 'pn-sidenav-togglebutton',\n  styleUrl: 'pn-sidenav-togglebutton.scss',\n  shadow: false,\n})\nexport class PnSidenavTogglebutton {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n  @Prop() label: string = '';\n\n  @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n  onClick() {\n    state.openMenu = !state.openMenu;\n    const body = document.querySelector('body');\n    body.setAttribute('data-siteheader-sidemenuopen', state.openMenu + '');\n  }\n  render() {\n    return (\n      <Host>\n        <pn-button appearance=\"light\" icon={state.openMenu ? close_small : bars} left-icon={true} small={true} onclick={this.onClick.bind(this)} label={this.label}>\n          <slot />\n        </pn-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wLAAA,MAAMA,EAA2B,sPACjC,MAAAC,EAAeD,E,MCUFE,EAAqB,M,oCAGR,G,UAEM,CAAEC,KAAM,GAAIC,MAAO,GAAIC,SAAU,G,kCAE/D,OAAAC,GACEC,EAAMC,UAAYD,EAAMC,SACxB,MAAMC,EAAOC,SAASC,cAAc,QACpCF,EAAKG,aAAa,+BAAgCL,EAAMC,SAAW,G,CAErE,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,aAAAE,IAAA,2CAAWC,WAAW,QAAQC,KAAMX,EAAMC,SAAWW,EAAcC,EAAI,YAAa,KAAMC,MAAO,KAAMC,QAASC,KAAKjB,QAAQkB,KAAKD,MAAOE,MAAOF,KAAKE,OACnJX,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["pnSidenavTogglebuttonCss","PnSidenavTogglebuttonStyle0","PnSidenavTogglebutton","open","close","navLabel","onClick","state","openMenu","body","document","querySelector","setAttribute","render","h","Host","key","appearance","icon","close_small","bars","small","onclick","this","bind","label"],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.scss?tag=pn-sidenav-togglebutton","src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-togglebutton {\n  display: block;\n  width: 100%;\n  padding: 0.8rem 1.6rem;\n  background: $blue25;\n  @media screen and (min-width: $sidenav-media-abovemobilemode) {\n    display: none;\n  }\n}\n","import { Component, Prop, h, Host, Listen, Element, State } from '@stencil/core';\nimport { translations } from './translations';\nimport { SideMenui18n } from './types';\nimport state from './pn-sidenav-store';\nimport { close_small, bars } from \"pn-design-assets/pn-assets/icons\";\n\n@Component({\n  tag: 'pn-sidenav-togglebutton',\n  styleUrl: 'pn-sidenav-togglebutton.scss',\n  shadow: false,\n})\nexport class PnSidenavTogglebutton {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n  @Prop() label: string = '';\n\n  @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n  onClick() {\n    state.openMenu = !state.openMenu;\n    const body = document.querySelector('body');\n    body.setAttribute('data-siteheader-sidemenuopen', state.openMenu + '');\n  }\n  render() {\n    return (\n      <Host>\n        <pn-button appearance=\"light\" icon={state.openMenu ? close_small : bars} left-icon={true} small={true} onclick={this.onClick.bind(this)} label={this.label}>\n          <slot />\n        </pn-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6LAAA,MAAMA,EAA2B,+jBACjC,MAAAC,EAAeD,E,MCUFE,EAAqB,M,oCAGR,G,UAEM,CAAEC,KAAM,GAAIC,MAAO,GAAIC,SAAU,G,kCAE/D,OAAAC,GACEC,EAAMC,UAAYD,EAAMC,SACxB,MAAMC,EAAOC,SAASC,cAAc,QACpCF,EAAKG,aAAa,+BAAgCL,EAAMC,SAAW,G,CAErE,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,aAAAE,IAAA,2CAAWC,WAAW,QAAQC,KAAMX,EAAMC,SAAWW,EAAcC,EAAI,YAAa,KAAMC,MAAO,KAAMC,QAASC,KAAKjB,QAAQkB,KAAKD,MAAOE,MAAOF,KAAKE,OACnJX,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/pn-market-web-components/p-2a58d83b.entry.js

@@ -0,0 +1,2 @@
+import{r as n,g as i,h as e,d as o}from"./p-82546a44.js";import{s as t}from"./p-72828265.js";import{a as s}from"./p-3fdca5bd.js";import"./p-8836de82.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="M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';const a=r;const l='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:"";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}';const d=l;const p=class{constructor(i){n(this,i);this.name="";this.href="";this.target=null;this.linkid=null;this.icon="";this.currentSelection=false;this.levelId="";this.open=false;this.hasChildren=false}get hostElement(){return i(this)}componentWillLoad(){this.hasChildren=this.hostElement.querySelectorAll("pn-sidenav-level").length>0;const n=this.name.toLowerCase().replace(/\W/gi,"_");if(this.hasChildren&&this.name){this.levelId=`sidenav-lvl${2}-${n}`}if(!this.linkid&&this.name){this.linkid=`sidenav-link-${n}`}}onExpandClick(){t.openLevel=t.openLevel+""===this.levelId+""?"":this.levelId}getTagName(){return this.href?"a":"button"}render(){const n=this.getTagName();const i={href:this.href,target:this.target,id:this.linkid,class:"pn-sidenav-link"};let r={"aria-controls":this.levelId,"aria-label":(this.open?t.i18n.close:t.i18n.open)+" "+this.name,"aria-expanded":(t.openLevel+""===this.levelId+"")+"",onClick:this.onExpandClick.bind(this)};return e(o,{key:"cecdb17a715ca8cb8655b5c835d3529000fc134b",role:"listitem",name:this.name,href:this.href,linkid:this.linkid,current:this.currentSelection},e(n,{key:"0e433674d160c0caed9d03fbac912c28ab31dbed",...i,...n==="button"&&{...r}},this.icon?e("pn-icon",{icon:this.icon,color:"blue700"}):null,e("span",{key:"d23891e675b357f9abd978a3687f3b91ee3b53b3"},this.name),this.hasChildren&&n==="button"?e("div",{class:"pn-sidenav-link-expand"},this.open?e("pn-icon",{class:"first-level_icon",icon:a,color:"blue700"}):e("pn-icon",{class:"first-level_icon",icon:s,color:"blue700"})):null),this.hasChildren&&n==="a"?e("button",{...r,class:"pn-sidenav-link-expand"},this.open?e("pn-icon",{class:"first-level_icon",icon:a,color:"blue700"}):e("pn-icon",{class:"first-level_icon",icon:s,color:"blue700"})):null,e("slot",{key:"91c389f2c5364503f291ae68386752bf7efef97a"}))}};p.style=d;export{p as pn_sidenav_link};
+//# sourceMappingURL=p-2a58d83b.entry.js.map

package/pn-market-web-components/{p-55643d76.entry.js.map → p-2a58d83b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icon","angle_small_up","pnSidenavLinkCss","PnSidenavLinkStyle0","PnSidenavLink","componentWillLoad","this","hasChildren","hostElement","querySelectorAll","length","safeLevelName","name","toLowerCase","replace","levelId","linkid","onExpandClick","state","openLevel","getTagName","href","render","TagName","linkAttributes","target","id","class","buttonAttributes","open","i18n","close","onClick","bind","h","Host","key","role","current","currentSelection","color","angle_small_down"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_small_up.js","src/components/navigation/pn-sidenav/pn-sidenav-link.scss?tag=pn-sidenav-link","src/components/navigation/pn-sidenav/pn-sidenav-link.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=\"M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_small_up = icon;\nexport const angleSmallUp = icon;\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-link {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.pn-sidenav-link {\n  font-weight: normal;\n  position: relative;\n  border: 0 none;\n  display: flex;\n  align-items: center;\n  background-color: transparent;\n  color: $blue700;\n  font-size: 1em;\n  padding: 1.1rem 1.5rem 1.1rem;\n  overflow: hidden;\n  text-decoration: none;\n  cursor: pointer;\n  flex-grow: 1;\n\n  &::before {\n    content: '';\n    display: block;\n    width: 0.4rem;\n    border-top-right-radius: 0.3rem;\n    border-bottom-right-radius: 0.3rem;\n    height: 100%;\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    transform: translateX(-0.4rem);\n    background: $blue700;\n    transition: transform linear 0.35s;\n  }\n  &:hover,\n  &:focus,\n  [current='true'] > & {\n    background-color: $blue50;\n    color: $blue700;\n    outline: 0;\n    box-shadow: none;\n    &::before {\n      transform: none;\n    }\n  }\n  &:active {\n    background-color: $gray50;\n    color: $blue400;\n    box-shadow: none;\n  }\n\n  > pn-icon {\n    padding-right: 1em;\n  }\n}\n\n.pn-sidenav-link-expand {\n  margin-left: auto;\n  border: 0;\n  font-size: 1em;\n  background: transparent;\n  outline: 0;\n  padding: 0 1em 0 0.5em;\n  cursor: pointer;\n\n  &:hover,\n  &:focus,\n  [current='true'] > & {\n    background-color: $blue50;\n    color: $blue700;\n    outline: 0;\n    box-shadow: none;\n    &::before {\n      transform: none;\n    }\n  }\n\n  button > & {\n    padding-right: 0;\n  }\n  pn-icon {\n    width: 14px;\n  }\n}\n","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-sidenav-store';\nimport { angle_small_down, angle_small_up } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-sidenav-link',\n  styleUrl: 'pn-sidenav-link.scss',\n  shadow: false,\n})\nexport class PnSidenavLink {\n  @Element() hostElement: HTMLElement;\n\n  /** Name */\n  @Prop() name: string = '';\n  /** Href */\n  @Prop() href: string = '';\n  /** Target */\n  @Prop() target: string = null;\n  /** Link id */\n  @Prop() linkid: string = null;\n  /** Icon */\n  @Prop() icon: string = '';\n  /** Currently selected */\n  @Prop() currentSelection: boolean = false;\n\n  /** Level ID that we control toggle on */\n  @State() levelId: string = '';\n  /** Menu item is open */\n  @State() open: boolean = false;\n  @State() hasChildren: boolean = false;\n\n  componentWillLoad() {\n    this.hasChildren = this.hostElement.querySelectorAll('pn-sidenav-level').length > 0;\n    const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n    if (this.hasChildren && this.name) {\n      this.levelId = `sidenav-lvl${2}-${safeLevelName}`;\n    }\n    if (!this.linkid && this.name) {\n      this.linkid = `sidenav-link-${safeLevelName}`;\n    }\n  }\n  // onClick={this.setOpenMenuLevel.bind(this)}\n  onExpandClick() {\n    state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n  }\n\n  getTagName() {\n    return this.href ? 'a' : 'button';\n  }\n\n  render() {\n    const TagName = this.getTagName();\n    const linkAttributes = {\n      href: this.href,\n      target: this.target,\n      id: this.linkid,\n      class: 'pn-sidenav-link',\n    };\n\n    let buttonAttributes = {\n      'aria-controls': this.levelId,\n      'aria-label': (this.open ? state.i18n.close : state.i18n.open) + ' ' + this.name,\n      'aria-expanded': (state.openLevel + '' === this.levelId + '') + '',\n      'onClick': this.onExpandClick.bind(this),\n    };\n\n    return (\n      <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid} current={this.currentSelection}>\n        <TagName {...linkAttributes} {...(TagName === 'button' && { ...buttonAttributes })}>\n          {this.icon ? <pn-icon icon={this.icon} color=\"blue700\"></pn-icon> : null}\n\n          <span>{this.name}</span>\n\n          {this.hasChildren && TagName === 'button' ? (\n            <div class=\"pn-sidenav-link-expand\">\n              {this.open ? (\n                <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" />\n              ) : (\n                <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n              )}\n            </div>\n          ) : null}\n        </TagName>\n        {this.hasChildren && TagName === 'a' ? (\n          <button {...buttonAttributes} class=\"pn-sidenav-link-expand\">\n            {this.open ? <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" /> : <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />}\n          </button>\n        ) : null}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAO,4QACN,MAAMC,EAAiBD,ECD9B,MAAME,EAAmB,2gDACzB,MAAAC,EAAeD,E,MCQFE,EAAa,M,mCAID,G,UAEA,G,YAEE,K,YAEA,K,UAEF,G,sBAEa,M,aAGT,G,UAEF,M,iBACO,K,kCAEhC,iBAAAC,GACEC,KAAKC,YAAcD,KAAKE,YAAYC,iBAAiB,oBAAoBC,OAAS,EAClF,MAAMC,EAAgBL,KAAKM,KAAKC,cAAcC,QAAQ,OAAQ,KAC9D,GAAIR,KAAKC,aAAeD,KAAKM,KAAM,CACjCN,KAAKS,QAAU,cAAc,KAAKJ,G,CAEpC,IAAKL,KAAKU,QAAUV,KAAKM,KAAM,CAC7BN,KAAKU,OAAS,gBAAgBL,G,EAIlC,aAAAM,GACEC,EAAMC,UAAYD,EAAMC,UAAY,KAAOb,KAAKS,QAAU,GAAK,GAAKT,KAAKS,O,CAG3E,UAAAK,GACE,OAAOd,KAAKe,KAAO,IAAM,Q,CAG3B,MAAAC,GACE,MAAMC,EAAUjB,KAAKc,aACrB,MAAMI,EAAiB,CACrBH,KAAMf,KAAKe,KACXI,OAAQnB,KAAKmB,OACbC,GAAIpB,KAAKU,OACTW,MAAO,mBAGT,IAAIC,EAAmB,CACrB,gBAAiBtB,KAAKS,QACtB,cAAeT,KAAKuB,KAAOX,EAAMY,KAAKC,MAAQb,EAAMY,KAAKD,MAAQ,IAAMvB,KAAKM,KAC5E,iBAAkBM,EAAMC,UAAY,KAAOb,KAAKS,QAAU,IAAM,GAChEiB,QAAW1B,KAAKW,cAAcgB,KAAK3B,OAGrC,OACE4B,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAWzB,KAAMN,KAAKM,KAAMS,KAAMf,KAAKe,KAAML,OAAQV,KAAKU,OAAQsB,QAAShC,KAAKiC,kBACzFL,EAACX,EAAO,CAAAa,IAAA,8CAAKZ,KAAqBD,IAAY,UAAY,IAAKK,IAC5DtB,KAAKN,KAAOkC,EAAA,WAASlC,KAAMM,KAAKN,KAAMwC,MAAM,YAAuB,KAEpEN,EAAA,QAAAE,IAAA,4CAAO9B,KAAKM,MAEXN,KAAKC,aAAegB,IAAY,SAC/BW,EAAA,OAAKP,MAAM,0BACRrB,KAAKuB,KACJK,EAAA,WAASP,MAAM,mBAAmB3B,KAAMC,EAAgBuC,MAAM,YAE9DN,EAAA,WAASP,MAAM,mBAAmB3B,KAAMyC,EAAkBD,MAAM,aAGlE,MAELlC,KAAKC,aAAegB,IAAY,IAC/BW,EAAA,aAAYN,EAAkBD,MAAM,0BACjCrB,KAAKuB,KAAOK,EAAA,WAASP,MAAM,mBAAmB3B,KAAMC,EAAgBuC,MAAM,YAAeN,EAAA,WAASP,MAAM,mBAAmB3B,KAAMyC,EAAkBD,MAAM,aAE1J,KACJN,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["icon","angle_small_up","pnSidenavLinkCss","PnSidenavLinkStyle0","PnSidenavLink","componentWillLoad","this","hasChildren","hostElement","querySelectorAll","length","safeLevelName","name","toLowerCase","replace","levelId","linkid","onExpandClick","state","openLevel","getTagName","href","render","TagName","linkAttributes","target","id","class","buttonAttributes","open","i18n","close","onClick","bind","h","Host","key","role","current","currentSelection","color","angle_small_down"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_small_up.js","src/components/navigation/pn-sidenav/pn-sidenav-link.scss?tag=pn-sidenav-link","src/components/navigation/pn-sidenav/pn-sidenav-link.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=\"M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_small_up = icon;\nexport const angleSmallUp = icon;\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-link {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.pn-sidenav-link {\n  font-weight: normal;\n  position: relative;\n  border: 0 none;\n  display: flex;\n  align-items: center;\n  background-color: transparent;\n  color: $blue700;\n  font-size: 1em;\n  padding: 1.1rem 1.5rem 1.1rem;\n  overflow: hidden;\n  text-decoration: none;\n  cursor: pointer;\n  flex-grow: 1;\n\n  &::before {\n    content: '';\n    display: block;\n    width: 0.4rem;\n    border-top-right-radius: 0.3rem;\n    border-bottom-right-radius: 0.3rem;\n    height: 100%;\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    transform: translateX(-0.4rem);\n    background: $blue700;\n    transition: transform linear 0.35s;\n  }\n  &:hover,\n  &:focus,\n  [current='true'] > & {\n    background-color: $blue50;\n    color: $blue700;\n    outline: 0;\n    box-shadow: none;\n    &::before {\n      transform: none;\n    }\n  }\n  &:active {\n    background-color: $gray50;\n    color: $blue400;\n    box-shadow: none;\n  }\n\n  > pn-icon {\n    padding-right: 1em;\n  }\n}\n\n.pn-sidenav-link-expand {\n  margin-left: auto;\n  border: 0;\n  font-size: 1em;\n  background: transparent;\n  outline: 0;\n  padding: 0 1em 0 0.5em;\n  cursor: pointer;\n\n  &:hover,\n  &:focus,\n  [current='true'] > & {\n    background-color: $blue50;\n    color: $blue700;\n    outline: 0;\n    box-shadow: none;\n    &::before {\n      transform: none;\n    }\n  }\n\n  button > & {\n    padding-right: 0;\n  }\n  pn-icon {\n    width: 14px;\n  }\n}\n","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-sidenav-store';\nimport { angle_small_down, angle_small_up } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-sidenav-link',\n  styleUrl: 'pn-sidenav-link.scss',\n  shadow: false,\n})\nexport class PnSidenavLink {\n  @Element() hostElement: HTMLElement;\n\n  /** Name */\n  @Prop() name: string = '';\n  /** Href */\n  @Prop() href: string = '';\n  /** Target */\n  @Prop() target: string = null;\n  /** Link id */\n  @Prop() linkid: string = null;\n  /** Icon */\n  @Prop() icon: string = '';\n  /** Currently selected */\n  @Prop() currentSelection: boolean = false;\n\n  /** Level ID that we control toggle on */\n  @State() levelId: string = '';\n  /** Menu item is open */\n  @State() open: boolean = false;\n  @State() hasChildren: boolean = false;\n\n  componentWillLoad() {\n    this.hasChildren = this.hostElement.querySelectorAll('pn-sidenav-level').length > 0;\n    const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n    if (this.hasChildren && this.name) {\n      this.levelId = `sidenav-lvl${2}-${safeLevelName}`;\n    }\n    if (!this.linkid && this.name) {\n      this.linkid = `sidenav-link-${safeLevelName}`;\n    }\n  }\n  // onClick={this.setOpenMenuLevel.bind(this)}\n  onExpandClick() {\n    state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n  }\n\n  getTagName() {\n    return this.href ? 'a' : 'button';\n  }\n\n  render() {\n    const TagName = this.getTagName();\n    const linkAttributes = {\n      href: this.href,\n      target: this.target,\n      id: this.linkid,\n      class: 'pn-sidenav-link',\n    };\n\n    let buttonAttributes = {\n      'aria-controls': this.levelId,\n      'aria-label': (this.open ? state.i18n.close : state.i18n.open) + ' ' + this.name,\n      'aria-expanded': (state.openLevel + '' === this.levelId + '') + '',\n      'onClick': this.onExpandClick.bind(this),\n    };\n\n    return (\n      <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid} current={this.currentSelection}>\n        <TagName {...linkAttributes} {...(TagName === 'button' && { ...buttonAttributes })}>\n          {this.icon ? <pn-icon icon={this.icon} color=\"blue700\"></pn-icon> : null}\n\n          <span>{this.name}</span>\n\n          {this.hasChildren && TagName === 'button' ? (\n            <div class=\"pn-sidenav-link-expand\">\n              {this.open ? (\n                <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" />\n              ) : (\n                <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n              )}\n            </div>\n          ) : null}\n        </TagName>\n        {this.hasChildren && TagName === 'a' ? (\n          <button {...buttonAttributes} class=\"pn-sidenav-link-expand\">\n            {this.open ? <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" /> : <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />}\n          </button>\n        ) : null}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAO,4QACN,MAAMC,EAAiBD,ECD9B,MAAME,EAAmB,o1DACzB,MAAAC,EAAeD,E,MCQFE,EAAa,M,mCAID,G,UAEA,G,YAEE,K,YAEA,K,UAEF,G,sBAEa,M,aAGT,G,UAEF,M,iBACO,K,kCAEhC,iBAAAC,GACEC,KAAKC,YAAcD,KAAKE,YAAYC,iBAAiB,oBAAoBC,OAAS,EAClF,MAAMC,EAAgBL,KAAKM,KAAKC,cAAcC,QAAQ,OAAQ,KAC9D,GAAIR,KAAKC,aAAeD,KAAKM,KAAM,CACjCN,KAAKS,QAAU,cAAc,KAAKJ,G,CAEpC,IAAKL,KAAKU,QAAUV,KAAKM,KAAM,CAC7BN,KAAKU,OAAS,gBAAgBL,G,EAIlC,aAAAM,GACEC,EAAMC,UAAYD,EAAMC,UAAY,KAAOb,KAAKS,QAAU,GAAK,GAAKT,KAAKS,O,CAG3E,UAAAK,GACE,OAAOd,KAAKe,KAAO,IAAM,Q,CAG3B,MAAAC,GACE,MAAMC,EAAUjB,KAAKc,aACrB,MAAMI,EAAiB,CACrBH,KAAMf,KAAKe,KACXI,OAAQnB,KAAKmB,OACbC,GAAIpB,KAAKU,OACTW,MAAO,mBAGT,IAAIC,EAAmB,CACrB,gBAAiBtB,KAAKS,QACtB,cAAeT,KAAKuB,KAAOX,EAAMY,KAAKC,MAAQb,EAAMY,KAAKD,MAAQ,IAAMvB,KAAKM,KAC5E,iBAAkBM,EAAMC,UAAY,KAAOb,KAAKS,QAAU,IAAM,GAChEiB,QAAW1B,KAAKW,cAAcgB,KAAK3B,OAGrC,OACE4B,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAWzB,KAAMN,KAAKM,KAAMS,KAAMf,KAAKe,KAAML,OAAQV,KAAKU,OAAQsB,QAAShC,KAAKiC,kBACzFL,EAACX,EAAO,CAAAa,IAAA,8CAAKZ,KAAqBD,IAAY,UAAY,IAAKK,IAC5DtB,KAAKN,KAAOkC,EAAA,WAASlC,KAAMM,KAAKN,KAAMwC,MAAM,YAAuB,KAEpEN,EAAA,QAAAE,IAAA,4CAAO9B,KAAKM,MAEXN,KAAKC,aAAegB,IAAY,SAC/BW,EAAA,OAAKP,MAAM,0BACRrB,KAAKuB,KACJK,EAAA,WAASP,MAAM,mBAAmB3B,KAAMC,EAAgBuC,MAAM,YAE9DN,EAAA,WAASP,MAAM,mBAAmB3B,KAAMyC,EAAkBD,MAAM,aAGlE,MAELlC,KAAKC,aAAegB,IAAY,IAC/BW,EAAA,aAAYN,EAAkBD,MAAM,0BACjCrB,KAAKuB,KAAOK,EAAA,WAASP,MAAM,mBAAmB3B,KAAMC,EAAgBuC,MAAM,YAAeN,EAAA,WAASP,MAAM,mBAAmB3B,KAAMyC,EAAkBD,MAAM,aAE1J,KACJN,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/pn-market-web-components/p-2c19edca.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,g as i,h as s,d as a}from"./p-82546a44.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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-date-and-time pn-date-picker .pn-date-picker{container-type:normal}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(i){t(this,i);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.disabledDates=null;this.datePlaceholder="";this.minFromHour=undefined;this.maxToHour=undefined;this.language=null;this.hourArr=null;this.minuteArr=null;this.formValue=null;this.invalidTimespan=false;this.selectedDate=null;this.selectedFromHour=undefined;this.selectedFromMin=undefined;this.selectedToHour=undefined;this.selectedToMin=undefined;this.firstValidDateString="";this.lastValidDateString=""}get hostElement(){return i(this)}pnDatePicker=null;pnTimeFromHourDropdown=null;pnTimeFromMinuteDropdown=null;pnTimeToHourDropdown=null;pnTimeToMinuteDropdown=null;dateandtimerange;componentWillLoad(){this.setInitialValues()}componentDidLoad(){this.setDefaultHiddenValue();this.addEventHandlers()}setInitialValues(){this.setLanguageCode();this.setFirstValidDate();if(!this.minFromHour){this.minFromHour=14}if(!this.maxToHour){this.maxToHour=17}this.hourArr=this.getNumbersAsStringArr(this.minFromHour,this.maxToHour,1);this.minuteArr=this.getNumbersAsStringArr(0,50,10)}setFirstValidDate(){const t=new Date;t.setDate(t.getDate()+this.dateDaysFromToday);const e=t.getFullYear();const i=(t.getMonth()+1).toString().padStart(2,"0");const s=t.getDate().toString().padStart(2,"0");const a=e+2;this.firstValidDateString=`${e.toString()}-${i}-${s}`;this.lastValidDateString=`${a.toString()}-${i}-${s}`}setLanguageCode(){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[0]);this.selectedFromMin=parseInt(this.minuteArr[0]);this.selectedToHour=parseInt(this.hourArr[this.hourArr.length-1]);this.selectedToMin=parseInt(this.minuteArr[this.minuteArr.length-1]);this.updateHiddenValue()}addEventHandlers(){const t=this.handleChange.bind(this);this.pnDatePicker.addEventListener("dateselection",t);this.pnTimeFromHourDropdown.addEventListener("change",t);this.pnTimeFromMinuteDropdown.addEventListener("change",t);this.pnTimeToHourDropdown.addEventListener("change",t);this.pnTimeToMinuteDropdown.addEventListener("change",t)}handleChange(t){if(t.target===this.pnDatePicker){this.selectedDate=t.detail.start}const e=t.target;const i=e.value;if(e.name===this.pnTimeFromHourDropdown.name){this.selectedFromHour=parseInt(i)}else if(e.name===this.pnTimeFromMinuteDropdown.name){this.selectedFromMin=parseInt(i)}else if(e.name===this.pnTimeToHourDropdown.name){this.selectedToHour=parseInt(i)}else if(e.name===this.pnTimeToMinuteDropdown.name){this.selectedToMin=parseInt(i)}this.updateHiddenValue()}updateHiddenValue(){const t=new Date;const e=new Date(t.getFullYear(),t.getMonth(),t.getDate(),this.selectedFromHour,this.selectedFromMin,0,0);const i=new Date(t.getFullYear(),t.getMonth(),t.getDate(),this.selectedToHour,this.selectedToMin,0,0);this.validateTimeRange(e.getTime(),i.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 i=(e-t)/1e3;i/=60;this.invalidTimespan=i<this.validTimeRangeMinutes?true:false}getNumbersAsStringArr(t,e,i){const s=Array.from({length:(e-t)/i+1},((e,s)=>t+s*i));const a=[];s.forEach((t=>{const e=t.toString().padStart(2,"0");a.push(e)}));return a}removePnOptionSelected(){const t=this.hostElement.querySelectorAll("option");t.forEach((t=>{t.removeAttribute("selected")}))}render(){return s(a,{key:"f1be759de557ea60e4c12f708e91632ec1f0bf90"},s("div",{key:"709ee33d526aab6fd3b3aed63d185687eca9854b",class:"date-and-time-group"},this.dateAndTimeLabel?s("div",{class:"date-and-time-row"},s("label",null,this.dateAndTimeLabel)):null,s("div",{key:"ad997d2dd694e93844aed03e837790291651199b",class:"date-and-time-row"},s("pn-date-picker",{key:"e12a0e6951f48b1c2b6a031448bdcb593101eb3b",ref:t=>this.pnDatePicker=t,range:"false","disable-weekends":this.disableWeekends,"min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.language,placeholder:this.datePlaceholder,"disabled-dates":this.disabledDates})),this.dateHelperText?s("small",{class:"date-and-time-row helper-text"},this.dateHelperText):null),s("div",{key:"8f808ff0023f395811b39e13764b1a1ff38c05bb",class:"date-and-time-group"},s("div",{key:"d3736f13abc974023db9a6aab202f8359441f47a",class:"date-and-time-row"},s("pn-select",{key:"9e5cf94ed805415387f99e4e5da82fa02d8fd885",ref:t=>this.pnTimeFromHourDropdown=t,name:"date-and-time-from-hour",class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.hourArr?.map(((t,e)=>s("option",{label:t,value:t,selected:e===0},t)))),s("pn-select",{key:"3a3e9751cae061bcb787a7a08267a98cca54cf0f",ref:t=>this.pnTimeFromMinuteDropdown=t,name:"date-and-time-from-minute",class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.minuteArr?.map(((t,e)=>s("option",{label:t,value:t,selected:e===0},t)))),s("div",{key:"5dcd5f72bf5c7f60f264a956565fab3604fe89b0",class:"time-separator"},s("span",{key:"812361dbb911f67eda1491cc51dceabded0ed839"},"-")),s("pn-select",{key:"ddf1b5fc4cf7ac47d9d748488d0676b81aaf43cb",ref:t=>this.pnTimeToHourDropdown=t,name:"date-and-time-to-hour",class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.hourArr?.map(((t,e)=>s("option",{label:t,value:t,selected:e===this.hourArr.length-1},t)))),s("pn-select",{key:"aa8e5c80f06343c13bc5f3b838f3d424e676778d",ref:t=>this.pnTimeToMinuteDropdown=t,name:"date-and-time-to-minute",class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.minuteArr?.map(((t,e)=>s("option",{label:t,value:t,selected:e===this.minuteArr.length-1},t))))),this.timeHelperText?s("small",{class:"date-and-time-row helper-text"},this.timeHelperText):null,this.invalidTimespan&&this.errorMessage?s("small",{class:"date-and-time-row error-message"},s("pn-icon",{icon:d,small:"false",color:"warning"}),this.errorMessage):null))}};o.style=l;export{o as pn_date_and_time};
+//# sourceMappingURL=p-2c19edca.entry.js.map

package/pn-market-web-components/{p-72dbca40.entry.js.map → p-2c19edca.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icon","alert_info_circle","pnDateAndTimeCss","PnDateAndTimeStyle0","PnDateAndTime","pnDatePicker","pnTimeFromHourDropdown","pnTimeFromMinuteDropdown","pnTimeToHourDropdown","pnTimeToMinuteDropdown","dateandtimerange","componentWillLoad","this","setInitialValues","componentDidLoad","setDefaultHiddenValue","addEventHandlers","setLanguageCode","setFirstValidDate","minFromHour","maxToHour","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","length","selectedToMin","updateHiddenValue","boundHandleChange","handleChange","bind","addEventListener","e","target","selectedDate","detail","start","value","name","dateFrom","dateTo","validateTimeRange","getTime","invalidTimespan","formValue","fromMin","toMin","emit","from","to","differenceValue","validTimeRangeMinutes","stop","step","arr","Array","_","index","result","forEach","item","itemAsString","push","removePnOptionSelected","selectOptions","hostElement","querySelectorAll","elm","removeAttribute","render","h","Host","key","class","dateAndTimeLabel","ref","el","range","disableWeekends","placeholder","datePlaceholder","disabledDates","dateHelperText","invalid","map","hour","label","selected","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  pn-date-picker .pn-date-picker {\n    container-type: normal;\n  }\n\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\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}","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: HTMLSelectElement = null;\n  pnTimeFromMinuteDropdown: HTMLSelectElement = null;\n  pnTimeToHourDropdown: HTMLSelectElement = null;\n  pnTimeToMinuteDropdown: HTMLSelectElement = 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() disabledDates: string = null;\n  @Prop() datePlaceholder: string = '';\n  @Prop() minFromHour: number;\n  @Prop() maxToHour: number;\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;\n  @State() selectedFromMin: number;\n  @State() selectedToHour: number;\n  @State() selectedToMin: number;\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  setInitialValues() {\n    this.setLanguageCode();\n    this.setFirstValidDate();\n\n    if (!this.minFromHour) {\n      this.minFromHour = 14;\n    }\n\n    if (!this.maxToHour) {\n      this.maxToHour = 17;\n    }\n\n    this.hourArr = this.getNumbersAsStringArr(this.minFromHour, this.maxToHour, 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);\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  setLanguageCode() {\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[0]);\n    this.selectedFromMin = parseInt(this.minuteArr[0]);\n    this.selectedToHour = parseInt(this.hourArr[this.hourArr.length -1]);\n    this.selectedToMin = parseInt(this.minuteArr[this.minuteArr.length -1 ]);\n\n    this.updateHiddenValue();\n  }\n\naddEventHandlers() {\n  const boundHandleChange = this.handleChange.bind(this);\n\n  this.pnDatePicker.addEventListener('dateselection', boundHandleChange);\n  this.pnTimeFromHourDropdown.addEventListener('change', boundHandleChange);\n  this.pnTimeFromMinuteDropdown.addEventListener('change', boundHandleChange);\n  this.pnTimeToHourDropdown.addEventListener('change', boundHandleChange);\n  this.pnTimeToMinuteDropdown.addEventListener('change', boundHandleChange);\n}\n\n\nhandleChange(e: CustomEvent) {\n\n  if (e.target === this.pnDatePicker) {\n    this.selectedDate = e.detail.start;\n  }\n\n  const target = e.target as HTMLSelectElement;\n\n  const value = target.value;\n\n  if (target.name === this.pnTimeFromHourDropdown.name) {\n    this.selectedFromHour = parseInt(value);\n  } else if (target.name === this.pnTimeFromMinuteDropdown.name) {\n    this.selectedFromMin = parseInt(value);\n  } else if (target.name === this.pnTimeToHourDropdown.name) {\n    this.selectedToHour = parseInt(value);\n  } else if (target.name === this.pnTimeToMinuteDropdown.name) {\n    this.selectedToMin = parseInt(value);\n  }\n\n  this.updateHiddenValue();\n}\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    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('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 HTMLInputElement)}\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.datePlaceholder}\n              disabled-dates={this.disabledDates}\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 HTMLSelectElement)}\n              name=\"date-and-time-from-hour\"\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan} >\n              {this.hourArr?.map((hour: string, index: number) => <option label={hour} value={hour} selected={index === 0}>{hour}</option>)}\n            </pn-select>\n            <pn-select\n              ref={el => (this.pnTimeFromMinuteDropdown = el as HTMLSelectElement)}\n              name=\"date-and-time-from-minute\"\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan} >\n              {this.minuteArr?.map((minute: string, index: number) => <option label={minute} value={minute} selected={index === 0}>{minute}</option>)}\n            </pn-select>\n            <div class=\"time-separator\">\n              <span>-</span>\n            </div>\n            <pn-select\n              ref={el => (this.pnTimeToHourDropdown = el as HTMLSelectElement)}\n              name=\"date-and-time-to-hour\"\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan} >\n              {this.hourArr?.map((hour: string, index: number) => <option label={hour} value={hour} selected={index === this.hourArr.length -1}>{hour}</option>)}\n            </pn-select>\n            <pn-select\n              ref={el => (this.pnTimeToMinuteDropdown = el as HTMLSelectElement)}\n              name=\"date-and-time-to-minute\"\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan} >\n              {this.minuteArr?.map((minute: string, index: number) => <option label={minute} value={minute} selected={index === this.minuteArr.length -1}>{minute}</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":[]}
+{"version":3,"names":["icon","alert_info_circle","pnDateAndTimeCss","PnDateAndTimeStyle0","PnDateAndTime","pnDatePicker","pnTimeFromHourDropdown","pnTimeFromMinuteDropdown","pnTimeToHourDropdown","pnTimeToMinuteDropdown","dateandtimerange","componentWillLoad","this","setInitialValues","componentDidLoad","setDefaultHiddenValue","addEventHandlers","setLanguageCode","setFirstValidDate","minFromHour","maxToHour","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","length","selectedToMin","updateHiddenValue","boundHandleChange","handleChange","bind","addEventListener","e","target","selectedDate","detail","start","value","name","dateFrom","dateTo","validateTimeRange","getTime","invalidTimespan","formValue","fromMin","toMin","emit","from","to","differenceValue","validTimeRangeMinutes","stop","step","arr","Array","_","index","result","forEach","item","itemAsString","push","removePnOptionSelected","selectOptions","hostElement","querySelectorAll","elm","removeAttribute","render","h","Host","key","class","dateAndTimeLabel","ref","el","range","disableWeekends","placeholder","datePlaceholder","disabledDates","dateHelperText","invalid","map","hour","label","selected","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  pn-date-picker .pn-date-picker {\n    container-type: normal;\n  }\n\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\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}","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: HTMLSelectElement = null;\n  pnTimeFromMinuteDropdown: HTMLSelectElement = null;\n  pnTimeToHourDropdown: HTMLSelectElement = null;\n  pnTimeToMinuteDropdown: HTMLSelectElement = 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() disabledDates: string = null;\n  @Prop() datePlaceholder: string = '';\n  @Prop() minFromHour: number;\n  @Prop() maxToHour: number;\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;\n  @State() selectedFromMin: number;\n  @State() selectedToHour: number;\n  @State() selectedToMin: number;\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  setInitialValues() {\n    this.setLanguageCode();\n    this.setFirstValidDate();\n\n    if (!this.minFromHour) {\n      this.minFromHour = 14;\n    }\n\n    if (!this.maxToHour) {\n      this.maxToHour = 17;\n    }\n\n    this.hourArr = this.getNumbersAsStringArr(this.minFromHour, this.maxToHour, 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);\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  setLanguageCode() {\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[0]);\n    this.selectedFromMin = parseInt(this.minuteArr[0]);\n    this.selectedToHour = parseInt(this.hourArr[this.hourArr.length -1]);\n    this.selectedToMin = parseInt(this.minuteArr[this.minuteArr.length -1 ]);\n\n    this.updateHiddenValue();\n  }\n\naddEventHandlers() {\n  const boundHandleChange = this.handleChange.bind(this);\n\n  this.pnDatePicker.addEventListener('dateselection', boundHandleChange);\n  this.pnTimeFromHourDropdown.addEventListener('change', boundHandleChange);\n  this.pnTimeFromMinuteDropdown.addEventListener('change', boundHandleChange);\n  this.pnTimeToHourDropdown.addEventListener('change', boundHandleChange);\n  this.pnTimeToMinuteDropdown.addEventListener('change', boundHandleChange);\n}\n\n\nhandleChange(e: CustomEvent) {\n\n  if (e.target === this.pnDatePicker) {\n    this.selectedDate = e.detail.start;\n  }\n\n  const target = e.target as HTMLSelectElement;\n\n  const value = target.value;\n\n  if (target.name === this.pnTimeFromHourDropdown.name) {\n    this.selectedFromHour = parseInt(value);\n  } else if (target.name === this.pnTimeFromMinuteDropdown.name) {\n    this.selectedFromMin = parseInt(value);\n  } else if (target.name === this.pnTimeToHourDropdown.name) {\n    this.selectedToHour = parseInt(value);\n  } else if (target.name === this.pnTimeToMinuteDropdown.name) {\n    this.selectedToMin = parseInt(value);\n  }\n\n  this.updateHiddenValue();\n}\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    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('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 HTMLInputElement)}\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.datePlaceholder}\n              disabled-dates={this.disabledDates}\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 HTMLSelectElement)}\n              name=\"date-and-time-from-hour\"\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan} >\n              {this.hourArr?.map((hour: string, index: number) => <option label={hour} value={hour} selected={index === 0}>{hour}</option>)}\n            </pn-select>\n            <pn-select\n              ref={el => (this.pnTimeFromMinuteDropdown = el as HTMLSelectElement)}\n              name=\"date-and-time-from-minute\"\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan} >\n              {this.minuteArr?.map((minute: string, index: number) => <option label={minute} value={minute} selected={index === 0}>{minute}</option>)}\n            </pn-select>\n            <div class=\"time-separator\">\n              <span>-</span>\n            </div>\n            <pn-select\n              ref={el => (this.pnTimeToHourDropdown = el as HTMLSelectElement)}\n              name=\"date-and-time-to-hour\"\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan} >\n              {this.hourArr?.map((hour: string, index: number) => <option label={hour} value={hour} selected={index === this.hourArr.length -1}>{hour}</option>)}\n            </pn-select>\n            <pn-select\n              ref={el => (this.pnTimeToMinuteDropdown = el as HTMLSelectElement)}\n              name=\"date-and-time-to-minute\"\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan} >\n              {this.minuteArr?.map((minute: string, index: number) => <option label={minute} value={minute} selected={index === this.minuteArr.length -1}>{minute}</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-3478f368.js

@@ -0,0 +1,2 @@
+class t{storagePrefix="";constructor(t=""){this.storagePrefix=t}async fetchJson(t,e={},n=false,s=null){const i=typeof t==="string"?t:t.url;const r=i;let o=null;let f=null;if(n){f=this.store.get(r);if(f&&!f.permanent){if(f.data){return f.data}}}try{const i=await fetch(t,e);o=await i.json();if(n){if(typeof s==="function"&&f!=null){s(o)}this.store.set(r,this.wrapJson(o,true),true);this.store.set(r,this.wrapJson(o,false),false)}return o}catch(t){console.error(t);return null}}wrapJson(t,e=false){const n=new Date;return{timestamp:n.getTime(),time:n.toISOString(),data:t,permanent:e}}store={get:(t,e=false)=>{const n=e?window.localStorage:window.sessionStorage;const s=e?window.sessionStorage:window.localStorage;let i=n.getItem(`${this.storagePrefix}-${t}`);if(!i){i=s.getItem(`${this.storagePrefix}-${t}`)}if(!i){return i}if(i.indexOf("{")===0){try{return JSON.parse(i)}catch(t){}}if(i.indexOf(",")!==-1){return i.split(",")}return i},set:(t,e,n=false)=>{const s=n?window.localStorage:window.sessionStorage;if(typeof e==="object"&&typeof e.length==="undefined"){s.setItem(`${this.storagePrefix}-${t}`,JSON.stringify(e));return}s.setItem(`${this.storagePrefix}-${t}`,e)},remove:t=>{window.sessionStorage.removeItem(`${this.storagePrefix}-${t}`)}}}export{t as F};
+//# sourceMappingURL=p-3478f368.js.map

package/pn-market-web-components/p-3478f368.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FetchHelper","storagePrefix","constructor","namespace","this","fetchJson","input","init","useCache","onCacheUpdated","url","cacheKey","jsonData","cachedData","store","get","permanent","data","response","fetch","json","set","wrapJson","error","console","now","Date","timestamp","getTime","time","toISOString","key","permanentStorageFirst","firstProfider","window","localStorage","sessionStorage","secondProvider","value","getItem","indexOf","JSON","parse","e","split","provider","length","setItem","stringify","remove","removeItem"],"sources":["src/globals/FetchHelper.ts"],"sourcesContent":["class FetchHelper {\n  storagePrefix = '';\n  constructor(namespace = '') {\n    this.storagePrefix = namespace;\n  }\n\nasync fetchJson(input: RequestInfo, init: RequestInit = {}, useCache = false, onCacheUpdated: Function = null) {\n  const url = typeof input === 'string' ? input : (input as Request).url;\n  const cacheKey = url;\n  let jsonData = null;\n  let cachedData = null;\n\n  if (useCache) {\n    cachedData = this.store.get(cacheKey);\n    if (cachedData && !cachedData.permanent) {\n      if (cachedData.data) {\n        return cachedData.data;\n      }\n    }\n  }\n\n  try {\n    const response = await fetch(input, init);\n    jsonData = await response.json();\n\n    if (useCache) {\n      if (typeof onCacheUpdated === 'function' && cachedData != null) {\n        onCacheUpdated(jsonData);\n      }\n      this.store.set(cacheKey, this.wrapJson(jsonData, true), true);\n      this.store.set(cacheKey, this.wrapJson(jsonData, false), false);\n    }\n\n    return jsonData;\n  } catch (error) {\n    console.error(error);\n    return null;\n  }\n}\n\n  wrapJson(data: any, permanent = false) {\n    const now = new Date();\n    return {\n      timestamp: now.getTime(),\n      time: now.toISOString(),\n      data: data,\n      permanent: permanent,\n    };\n  }\n\n  store = {\n    get: (key: string, permanentStorageFirst = false) => {\n      const firstProfider = permanentStorageFirst ? window.localStorage : window.sessionStorage;\n      const secondProvider = permanentStorageFirst ? window.sessionStorage : window.localStorage;\n      let value = firstProfider.getItem(`${this.storagePrefix}-${key}`);\n      if (!value) {\n        value = secondProvider.getItem(`${this.storagePrefix}-${key}`);\n      }\n      if (!value) {\n        return value;\n      }\n      if (value.indexOf('{') === 0) {\n        try {\n          return JSON.parse(value);\n        } catch (e) {}\n      }\n      if (value.indexOf(',') !== -1) {\n        return value.split(',');\n      }\n      return value;\n    },\n    set: (key: string, value: any, permanent = false) => {\n      const provider = permanent ? window.localStorage : window.sessionStorage;\n      if (typeof value === 'object' && typeof value.length === 'undefined') {\n        provider.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));\n        return;\n      }\n      provider.setItem(`${this.storagePrefix}-${key}`, value);\n    },\n    remove: (key: string) => {\n      window.sessionStorage.removeItem(`${this.storagePrefix}-${key}`);\n    },\n  };\n}\n\nexport { FetchHelper };\n"],"mappings":"AAAA,MAAMA,EACJC,cAAgB,GAChB,WAAAC,CAAYC,EAAY,IACtBC,KAAKH,cAAgBE,C,CAGzB,eAAME,CAAUC,EAAoBC,EAAoB,GAAIC,EAAW,MAAOC,EAA2B,MACvG,MAAMC,SAAaJ,IAAU,SAAWA,EAASA,EAAkBI,IACnE,MAAMC,EAAWD,EACjB,IAAIE,EAAW,KACf,IAAIC,EAAa,KAEjB,GAAIL,EAAU,CACZK,EAAaT,KAAKU,MAAMC,IAAIJ,GAC5B,GAAIE,IAAeA,EAAWG,UAAW,CACvC,GAAIH,EAAWI,KAAM,CACnB,OAAOJ,EAAWI,I,GAKxB,IACE,MAAMC,QAAiBC,MAAMb,EAAOC,GACpCK,QAAiBM,EAASE,OAE1B,GAAIZ,EAAU,CACZ,UAAWC,IAAmB,YAAcI,GAAc,KAAM,CAC9DJ,EAAeG,E,CAEjBR,KAAKU,MAAMO,IAAIV,EAAUP,KAAKkB,SAASV,EAAU,MAAO,MACxDR,KAAKU,MAAMO,IAAIV,EAAUP,KAAKkB,SAASV,EAAU,OAAQ,M,CAG3D,OAAOA,C,CACP,MAAOW,GACPC,QAAQD,MAAMA,GACd,OAAO,I,EAIT,QAAAD,CAASL,EAAWD,EAAY,OAC9B,MAAMS,EAAM,IAAIC,KAChB,MAAO,CACLC,UAAWF,EAAIG,UACfC,KAAMJ,EAAIK,cACVb,KAAMA,EACND,UAAWA,E,CAIfF,MAAQ,CACNC,IAAK,CAACgB,EAAaC,EAAwB,SACzC,MAAMC,EAAgBD,EAAwBE,OAAOC,aAAeD,OAAOE,eAC3E,MAAMC,EAAiBL,EAAwBE,OAAOE,eAAiBF,OAAOC,aAC9E,IAAIG,EAAQL,EAAcM,QAAQ,GAAGnC,KAAKH,iBAAiB8B,KAC3D,IAAKO,EAAO,CACVA,EAAQD,EAAeE,QAAQ,GAAGnC,KAAKH,iBAAiB8B,I,CAE1D,IAAKO,EAAO,CACV,OAAOA,C,CAET,GAAIA,EAAME,QAAQ,OAAS,EAAG,CAC5B,IACE,OAAOC,KAAKC,MAAMJ,E,CAClB,MAAOK,GAAG,C,CAEd,GAAIL,EAAME,QAAQ,QAAU,EAAG,CAC7B,OAAOF,EAAMM,MAAM,I,CAErB,OAAON,CAAK,EAEdjB,IAAK,CAACU,EAAaO,EAAYtB,EAAY,SACzC,MAAM6B,EAAW7B,EAAYkB,OAAOC,aAAeD,OAAOE,eAC1D,UAAWE,IAAU,iBAAmBA,EAAMQ,SAAW,YAAa,CACpED,EAASE,QAAQ,GAAG3C,KAAKH,iBAAiB8B,IAAOU,KAAKO,UAAUV,IAChE,M,CAEFO,EAASE,QAAQ,GAAG3C,KAAKH,iBAAiB8B,IAAOO,EAAM,EAEzDW,OAASlB,IACPG,OAAOE,eAAec,WAAW,GAAG9C,KAAKH,iBAAiB8B,IAAM,U","ignoreList":[]}

package/pn-market-web-components/p-34a98554.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as o,h as n,d as t}from"./p-82546a44.js";const r='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-breakpoints{width:100%}pn-breakpoints .breakpoints--dotcom{width:100%;background-color:aliceblue;text-align:center;margin-bottom:2.4rem;background-color:aliceblue}pn-breakpoints .breakpoints--dotcom .reference::before{content:"less than 321"}@media screen and (min-width: 321px){pn-breakpoints .breakpoints--dotcom{background-color:yellow}pn-breakpoints .breakpoints--dotcom .reference::before{content:"321 (xs)"}}@media screen and (min-width: 576px){pn-breakpoints .breakpoints--dotcom{background-color:aqua}pn-breakpoints .breakpoints--dotcom .reference::before{content:"576 (sm)"}}@media screen and (min-width: 768px){pn-breakpoints .breakpoints--dotcom{background-color:red;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:"768 (md)"}}@media screen and (min-width: 992px){pn-breakpoints .breakpoints--dotcom{background-color:green;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:"992 (lg)"}}@media screen and (min-width: 1200px){pn-breakpoints .breakpoints--dotcom{background-color:blue;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:"1200 (xl)"}}@media screen and (min-width: 1640px){pn-breakpoints .breakpoints--dotcom{background-color:pink}pn-breakpoints .breakpoints--dotcom .reference::before{content:"1640 (xxl)"}}@media screen and (min-width: 1920px){pn-breakpoints .breakpoints--dotcom{background-color:orange}pn-breakpoints .breakpoints--dotcom .reference::before{content:"1920 (fhd)"}}';const i=r;const a=class{constructor(o){e(this,o);this.currentWidth=window.innerWidth;this.breakPointClass="dotcom"}get hostElement(){return o(this)}handleViewportSizeChange(e){this.currentWidth=e.target.innerWidth}createBreakpointClass(){return`breakpoints--${this.breakPointClass}`}render(){return n(t,{key:"4e8d9d6c9a4f5b87fbe8c6a9b81daa1a289fae2a"},n("div",{key:"3933fb359e312456aa5604fd24358fea69834048",class:`breakpoints ${this.createBreakpointClass()} `},`${this.currentWidth} px`," min-width: ",n("span",{key:"608792f6cd68b21ce5e14c9114ce47188e68c181",class:"reference"}," px")))}};a.style=i;export{a as pn_breakpoints};
+//# sourceMappingURL=p-34a98554.entry.js.map

package/pn-market-web-components/{p-cf39491b.entry.js.map → p-34a98554.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnBreakpointsCss","PnBreakpointsStyle0","PnBreakpoints","window","innerWidth","handleViewportSizeChange","event","this","currentWidth","target","createBreakpointClass","breakPointClass","render","h","Host","key","class"],"sources":["src/components/utilities/pn-breakpoints/pn-breakpoints.scss?tag=pn-breakpoints","src/components/utilities/pn-breakpoints/pn-breakpoints.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\npn-breakpoints {\n  width: 100%;\n  .breakpoints {\n    &--dotcom {\n      width: 100%;\n      background-color: aliceblue;\n      text-align: center;\n      margin-bottom: 2.4rem;\n\n      background-color: aliceblue;\n      .reference::before {\n        content: 'less than 321';\n      }\n\n      @media screen and (min-width: 321px) {\n        background-color: yellow;\n        .reference::before {\n          content: '321 (xs)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-sm) {\n        background-color: aqua;\n        .reference::before {\n          content: '576 (sm)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-md) {\n        background-color: red;\n        color: #fff;\n        .reference::before {\n          content: '768 (md)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-lg) {\n        background-color: green;\n        color: #fff;\n        .reference::before {\n          content: '992 (lg)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        background-color: blue;\n        color: #fff;\n        .reference::before {\n          content: '1200 (xl)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        background-color: pink;\n        .reference::before {\n          content: '1640 (xxl)';\n        }\n      }\n\n      @media screen and (min-width: 1920px) {\n        background-color: orange;\n        .reference::before {\n          content: '1920 (fhd)';\n        }\n      }\n    }\n\n    &--tpl {\n      //define breakpoints here\n    }\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-breakpoints',\n  styleUrl: 'pn-breakpoints.scss',\n})\nexport class PnBreakpoints {\n  @Element() hostElement: HTMLElement;\n  @State() currentWidth: number = window.innerWidth;\n  @Prop() breakPointClass: string = 'dotcom';\n\n  @Listen('resize', { target: 'window' })\n  handleViewportSizeChange(event: any) {\n    this.currentWidth = event.target.innerWidth;\n  }\n\n  createBreakpointClass() {\n    return `breakpoints--${this.breakPointClass}`;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`breakpoints ${this.createBreakpointClass()} `}>\n          {`${this.currentWidth} px`}\n          {' min-width: '}\n          <span class=\"reference\">{' px'}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,0hDACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,2CAEQC,OAAOC,W,qBACL,Q,kCAGlC,wBAAAC,CAAyBC,GACvBC,KAAKC,aAAeF,EAAMG,OAAOL,U,CAGnC,qBAAAM,GACE,MAAO,gBAAgBH,KAAKI,iB,CAG9B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,eAAeT,KAAKG,4BAC7B,GAAGH,KAAKC,kBACR,eACDK,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAa,Q","ignoreList":[]}
+{"version":3,"names":["pnBreakpointsCss","PnBreakpointsStyle0","PnBreakpoints","window","innerWidth","handleViewportSizeChange","event","this","currentWidth","target","createBreakpointClass","breakPointClass","render","h","Host","key","class"],"sources":["src/components/utilities/pn-breakpoints/pn-breakpoints.scss?tag=pn-breakpoints","src/components/utilities/pn-breakpoints/pn-breakpoints.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\npn-breakpoints {\n  width: 100%;\n  .breakpoints {\n    &--dotcom {\n      width: 100%;\n      background-color: aliceblue;\n      text-align: center;\n      margin-bottom: 2.4rem;\n\n      background-color: aliceblue;\n      .reference::before {\n        content: 'less than 321';\n      }\n\n      @media screen and (min-width: 321px) {\n        background-color: yellow;\n        .reference::before {\n          content: '321 (xs)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-sm) {\n        background-color: aqua;\n        .reference::before {\n          content: '576 (sm)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-md) {\n        background-color: red;\n        color: #fff;\n        .reference::before {\n          content: '768 (md)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-lg) {\n        background-color: green;\n        color: #fff;\n        .reference::before {\n          content: '992 (lg)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        background-color: blue;\n        color: #fff;\n        .reference::before {\n          content: '1200 (xl)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        background-color: pink;\n        .reference::before {\n          content: '1640 (xxl)';\n        }\n      }\n\n      @media screen and (min-width: 1920px) {\n        background-color: orange;\n        .reference::before {\n          content: '1920 (fhd)';\n        }\n      }\n    }\n\n    &--tpl {\n      //define breakpoints here\n    }\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-breakpoints',\n  styleUrl: 'pn-breakpoints.scss',\n})\nexport class PnBreakpoints {\n  @Element() hostElement: HTMLElement;\n  @State() currentWidth: number = window.innerWidth;\n  @Prop() breakPointClass: string = 'dotcom';\n\n  @Listen('resize', { target: 'window' })\n  handleViewportSizeChange(event: any) {\n    this.currentWidth = event.target.innerWidth;\n  }\n\n  createBreakpointClass() {\n    return `breakpoints--${this.breakPointClass}`;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`breakpoints ${this.createBreakpointClass()} `}>\n          {`${this.currentWidth} px`}\n          {' min-width: '}\n          <span class=\"reference\">{' px'}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,m2DACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,2CAEQC,OAAOC,W,qBACL,Q,kCAGlC,wBAAAC,CAAyBC,GACvBC,KAAKC,aAAeF,EAAMG,OAAOL,U,CAGnC,qBAAAM,GACE,MAAO,gBAAgBH,KAAKI,iB,CAG9B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,eAAeT,KAAKG,4BAC7B,GAAGH,KAAKC,kBACR,eACDK,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAa,Q","ignoreList":[]}

package/pn-market-web-components/p-35847eda.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as n,h as i,d as r}from"./p-82546a44.js";const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-line-shape .pn-line-shape__container{display:flex}pn-line-shape .pn-line-shape__line{border-style:solid;border-width:0.4rem;border-radius:1.6rem;border-color:#00a0d6}pn-line-shape .pn-line-shape__dot{width:0.8rem;border-style:solid;border-width:0.4rem;border-radius:1.6rem;height:0.8rem;border-color:#00a0d6}pn-line-shape[slot=horizontal-line] .pn-line-shape__container{flex-direction:row;flex-wrap:nowrap;width:100%;gap:0.8rem;padding:2.4rem 0}pn-line-shape[slot=horizontal-line] .pn-line-shape__line{height:0.8rem;width:100%}pn-line-shape[slot=vertical-line] .pn-line-shape__container{height:100%;flex-direction:column;gap:0.8rem;padding:0.8rem 0.5rem}pn-line-shape[slot=vertical-line] .pn-line-shape__line{height:100%;width:0.8rem}";const p=a;const o=class{constructor(n){e(this,n)}get hostElement(){return n(this)}render(){return i(r,{key:"6f7804eed509b1f396fabdcd82154bbc0ff35a7c"},i("div",{key:"63fb1b9e18eb96f7618dfe8bda1731c8c8e1aa0f",class:"pn-line-shape__container"},i("canvas",{key:"88bc355c48871838e141fccddab97203bb020edc",class:"pn-line-shape__line"}),i("canvas",{key:"b1836cc1f1520d7e780d82568028caeb47d0dd1b",class:"pn-line-shape__dot"})))}};o.style=p;export{o as pn_line_shape};
+//# sourceMappingURL=p-35847eda.entry.js.map

package/pn-market-web-components/{p-e6e012fb.entry.js.map → p-35847eda.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnLineShapeCss","PnLineShapeStyle0","PnLineShape","render","h","Host","key","class"],"sources":["src/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.scss?tag=pn-line-shape","src/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.tsx"],"sourcesContent":["@import '../../../../globals/main';\n\npn-line-shape {\n  .pn-line-shape__container {\n    display: flex;\n  }\n\n  .pn-line-shape__line {\n    border-style: solid;\n    border-width: 0.4rem;\n    border-radius: 1.6rem;\n\n    border-color: $blue400;\n  }\n\n  .pn-line-shape__dot {\n    width: 0.8rem;\n    border-style: solid;\n    border-width: 0.4rem;\n    border-radius: 1.6rem;\n    height: 0.8rem;\n    border-color: $blue400;\n  }\n}\n\npn-line-shape[slot='horizontal-line'] {\n  .pn-line-shape__container {\n    flex-direction: row;\n    flex-wrap: nowrap;\n    width: 100%;\n    gap: 0.8rem;\n    padding: 2.4rem 0;\n  }\n\n  .pn-line-shape__line {\n    height: 0.8rem;\n    width: 100%;\n  }\n  .pn-line-shape__dot {\n  }\n}\n\npn-line-shape[slot='vertical-line'] {\n  .pn-line-shape__container {\n    height: 100%;\n    flex-direction: column;\n    gap: 0.8rem;\n    padding: 0.8rem 0.5rem;\n  }\n\n  .pn-line-shape__line {\n    height: 100%;\n    width: 0.8rem;\n  }\n}\n","import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-line-shape',\n  styleUrl: 'pn-line-shape.scss',\n})\nexport class PnLineShape {\n  @Element() hostElement: HTMLElement;\n  //props\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-line-shape__container\">\n          <canvas class=\"pn-line-shape__line\"></canvas>\n          <canvas class=\"pn-line-shape__dot\"></canvas>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,mzBACvB,MAAAC,EAAeD,E,MCKFE,EAAW,M,0DAItB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wBACdH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wB","ignoreList":[]}
+{"version":3,"names":["pnLineShapeCss","PnLineShapeStyle0","PnLineShape","render","h","Host","key","class"],"sources":["src/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.scss?tag=pn-line-shape","src/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.tsx"],"sourcesContent":["@import '../../../../globals/main';\n\npn-line-shape {\n  .pn-line-shape__container {\n    display: flex;\n  }\n\n  .pn-line-shape__line {\n    border-style: solid;\n    border-width: 0.4rem;\n    border-radius: 1.6rem;\n\n    border-color: $blue400;\n  }\n\n  .pn-line-shape__dot {\n    width: 0.8rem;\n    border-style: solid;\n    border-width: 0.4rem;\n    border-radius: 1.6rem;\n    height: 0.8rem;\n    border-color: $blue400;\n  }\n}\n\npn-line-shape[slot='horizontal-line'] {\n  .pn-line-shape__container {\n    flex-direction: row;\n    flex-wrap: nowrap;\n    width: 100%;\n    gap: 0.8rem;\n    padding: 2.4rem 0;\n  }\n\n  .pn-line-shape__line {\n    height: 0.8rem;\n    width: 100%;\n  }\n  .pn-line-shape__dot {\n  }\n}\n\npn-line-shape[slot='vertical-line'] {\n  .pn-line-shape__container {\n    height: 100%;\n    flex-direction: column;\n    gap: 0.8rem;\n    padding: 0.8rem 0.5rem;\n  }\n\n  .pn-line-shape__line {\n    height: 100%;\n    width: 0.8rem;\n  }\n}\n","import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-line-shape',\n  styleUrl: 'pn-line-shape.scss',\n})\nexport class PnLineShape {\n  @Element() hostElement: HTMLElement;\n  //props\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-line-shape__container\">\n          <canvas class=\"pn-line-shape__line\"></canvas>\n          <canvas class=\"pn-line-shape__dot\"></canvas>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,4nCACvB,MAAAC,EAAeD,E,MCKFE,EAAW,M,0DAItB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wBACdH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wB","ignoreList":[]}

package/pn-market-web-components/p-366fd15a.js

@@ -0,0 +1,2 @@
+const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4.293 4.293a1 1 0 0 1 1.414 0L12 10.586l6.293-6.293a1 1 0 1 1 1.414 1.414L13.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414L12 13.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L10.586 12 4.293 5.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>';const s=l;export{s as c};
+//# sourceMappingURL=p-366fd15a.js.map

package/pn-market-web-components/p-366fd15a.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","close"],"sources":["node_modules/pn-design-assets/pn-assets/icons/close.js"],"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.293 4.293a1 1 0 0 1 1.414 0L12 10.586l6.293-6.293a1 1 0 1 1 1.414 1.414L13.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414L12 13.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L10.586 12 4.293 5.707a1 1 0 0 1 0-1.414\" clip-rule=\"evenodd\"/></svg>';\nexport const close = icon;\n"],"mappings":"AAAA,MAAMA,EAAO,gXACD,MAACC,EAAQD,S","ignoreList":[]}

package/pn-market-web-components/p-389a94e7.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t,d as o}from"./p-82546a44.js";import{F as r}from"./p-3478f368.js";import{M as e}from"./p-6b1d045c.js";import{t as n}from"./p-6e056c20.js";import{a}from"./p-575f557a.js";import{a as s}from"./p-36b39340.js";const p='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightvaluecontainer pn-button button::before{display:none}pn-proxio-pricegroup div.weightradios{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#005d92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:flex;flex-direction:column;align-items:center;align-content:center;flex-wrap:wrap;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position="0"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position="2"],pn-proxio-pricegroup div.weightdata[data-carousel-position="-2"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005d92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;box-shadow:0 0 0 0.3rem #ffffff, 0 0 0 0.4rem #005d92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#f3f2f2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#ffffff}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{box-shadow:none}';const d=p;const l=class{constructor(t){i(this,t);this.endpoint=null;this.language="sv";this.market="se";this.tariffid="";this.cache=true;this.activeWeightIndex=0;this.data=null;this.i18n=n["sv"]}fetchHelper=new r("proxiopricegroup");componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(i=window.location.href){const t=new e(i);const o=await t.getEnvironmentName();if(!this.endpoint&&o?.indexOf("local")===-1){const i=await t.getMarket();this.endpoint=await t.getEndpoint(o,i)}if(!this.endpoint){this.endpoint=""}}init(){this.setLanguage();this.fetchData()}async fetchData(){if(!this.market||!this.language||!this.tariffid){return}const i=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const t=`${i}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;const o=await this.fetchHelper.fetchJson(t,{mode:"cors"},this.cache,this.onFetchData.bind(this));if(o?.proxioProduct){this.data=o}}onFetchData(i){this.data=i}setActiveWeightIndex(i){let t=0;let o=this.data.proxioProduct?.weightAndPriceList?.length-1??t;i=i>o?o:i;i=i<t?t:i;this.activeWeightIndex=i}setLanguage(){if(n[this.language]){this.i18n=n[this.language]}}getPriceString(i){let t=i.weightAndPriceList?i?.weightAndPriceList[this.activeWeightIndex]?.item2:"";return t?this.i18n.from+t:""}getProductLink(i,t){let o=t[this.activeWeightIndex]?.item2;let r=i.productLink?i?.productLink:"";return r?r+(o?"?productId="+o:""):""}isActive(i){return i===this.activeWeightIndex}getCarouselPosition(i){switch(i){case this.activeWeightIndex-2:{return-2}case this.activeWeightIndex-1:{return-1}case this.activeWeightIndex:{return 0}case this.activeWeightIndex+1:{return 1}case this.activeWeightIndex+2:{return 2}default:return"outside"}}getContainerPosition(){let i=this.data.proxioProduct.weightAndPriceList.length-1;switch(this.activeWeightIndex){case 0:{return"end50"}case 1:{return"end75"}case i-1:{return"start75"}case i:{return"start50"}default:{return"default"}}}render(){return t(o,{key:"cd8aab4df77702b958bbc70d723f2b2d6b4f473e"},this.data?.proxioProduct?t("div",{class:"proxio-pricegroup-container"},t("div",{class:"weightcontainer"},this.data.proxioProduct.weightAndPriceList?t("div",{class:"weightvaluecontainer"},t("pn-button",{disabled:this.activeWeightIndex===0?"disabled":null,icon:a,appearance:"light",small:"true",onClick:()=>this.setActiveWeightIndex(this.activeWeightIndex-1)}),t("div",{class:"weightradios ","data-carousel-container-position":this.getContainerPosition()},t("div",{class:"weightline"}),this.data.proxioProduct.weightAndPriceList.map(((i,o)=>this.getCarouselPosition(o)!==null?t("div",{class:"weightdata","data-carousel-position":this.getCarouselPosition(o),onClick:()=>this.setActiveWeightIndex(o)},t("input",{type:"radio",id:"weightradio"+o,name:"weightradio",value:o,checked:this.isActive(o)}),t("label",{htmlFor:"weightradio"+o},i.item1)):null))),t("pn-button",{disabled:this.activeWeightIndex===this.data.proxioProduct?.weightAndPriceList?.length-1?"disabled":null,icon:s,appearance:"light",small:"true",onClick:()=>this.setActiveWeightIndex(this.activeWeightIndex+1)})):null),t("pn-proxio-productcard",null,t("pn-illustration",{slot:"illustrationmobile",illustration:this.data.proxioProduct.productIcon}),t("h2",{slot:"title"},this.data.proxioProduct.productTitle),t("pn-proxio-productcard-description",{slot:"description",heading:this.data.proxioProduct.productPreamble,highlight:this.data.proxioProduct.deliveryDateInformation,list:this.data.proxioProduct.productDescriptionBulletListItems}),t("div",{slot:"information"},t("pn-proxio-productcard-information",{label:this.i18n.labelMaxDimensions,information:this.data.proxioProduct.productPackageDimensionsList}),t("pn-proxio-productcard-information",{label:this.i18n.labelMaxDimensionsRoll,information:this.data.proxioProduct.productRollDimensionsList})),t("div",{slot:"bottomtags"},this.data.proxioProduct.usp1?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp1):null,this.data.proxioProduct.usp2?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp2):null,this.data.proxioProduct.usp3?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp3):null),t("pn-illustration",{slot:"illustration",illustration:this.data.proxioProduct.productIcon}),t("div",{slot:"pricelink"},t("pn-proxio-productcard-pricelink",{price:this.getPriceString(this.data.proxioProduct),link:this.getProductLink(this.data.proxioProduct,this.data.proxioProduct.productWeightGroupList),linktext:this.data.proxioProduct.productLinkText}),this.data.relatedProxioProducts?this.data.relatedProxioProducts.map((i=>t("pn-proxio-productcard-pricelink",{price:this.getPriceString(i),link:i.productLink,linktext:i.productLinkText}))):null))):null)}};l.style=d;export{l as pn_proxio_pricegroup};
+//# sourceMappingURL=p-389a94e7.entry.js.map

package/pn-market-web-components/{p-190c6938.entry.js.map → p-389a94e7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProxioPricegroupCss","PnProxioPricegroupStyle0","PnProxioPricegroup","translations","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","market","getMarket","getEndpoint","setLanguage","fetchData","language","tariffid","lastIndexOf","length","substring","fetchUrl","cache","data","fetchJson","mode","onFetchData","bind","proxioProduct","setActiveWeightIndex","weightIndex","minIndex","maxIndex","weightAndPriceList","activeWeightIndex","i18n","getPriceString","product","price","item2","from","getProductLink","productWeightGroupList","productId","productLink","isActive","index","getCarouselPosition","getContainerPosition","render","h","Host","key","class","disabled","icon","arrow_left","appearance","small","onClick","map","weightItem","type","id","name","value","checked","htmlFor","item1","arrow_right","slot","illustration","productIcon","productTitle","heading","productPreamble","highlight","deliveryDateInformation","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts"],"sources":["src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.scss?tag=pn-proxio-pricegroup","src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-pricegroup-common.scss';\n\npn-proxio-pricegroup {\n  div.proxio-pricegroup-container {\n    max-width: 99.4rem;\n  }\n\n  div.weightcontainer {\n    margin: 2.8rem 0;\n  }\n\n  div.weightvaluecontainer {\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    pn-button {\n      transform: translateY(-0.4rem);\n\n      button::before {\n        display: none;\n      }\n    }\n  }\n\n  div.weightradios {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    color: $blue700;\n    width: 80%;\n    margin: 0 3.6rem;\n    position: relative;\n    width: 0%;\n\n    &[data-carousel-container-position='end50'] {\n      width: 45%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='end75'] {\n      width: 65%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-right: auto;\n      }\n    }\n\n    &[data-carousel-container-position='start50'] {\n      width: 45%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='start75'] {\n      width: 65%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-left: auto;\n      }\n    }\n\n    &[data-carousel-container-position='default'] {\n      flex: 0 0 auto;\n      width: 80%;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 65%;\n      }\n    }\n  }\n\n  div.weightdata {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    align-content: center;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 1.2rem;\n    min-width: 4rem;\n    cursor: pointer;\n\n    label {\n      font-size: 1.4rem;\n      cursor: pointer;\n    }\n\n    &[data-carousel-position='0'] {\n      font-size: 2rem;\n      font-weight: 700;\n    }\n\n    &[data-carousel-position='2'],\n    &[data-carousel-position='-2'] {\n      @media screen and (max-width: $productcard-media-tablet) {\n        display: none;\n      }\n    }\n\n    &[data-carousel-position='outside'] {\n      display: none;\n    }\n\n    input[type='radio'] {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      width: 1.2rem;\n      height: 1.2rem;\n      background-color: $blue700;\n      border-radius: 50%;\n      margin: 0;\n      cursor: pointer;\n    }\n\n    input[type='radio']:checked {\n      z-index: 1;\n      transform: translateY(-0.1rem);\n      height: 1.4rem;\n      width: 1.4rem;\n      box-shadow:\n        0 0 0 0.3rem $white,\n        0 0 0 0.4rem $blue700;\n    }\n  }\n\n  div.weightline {\n    width: 100%;\n    background-color: $gray50;\n    z-index: -1;\n    height: 0.8rem;\n    -webkit-transform: translateX(2.1rem) translateY(1.32rem);\n    transform: translateX(2.1rem) translateY(1rem);\n    border-radius: 2rem;\n    margin-right: 3.5rem;\n  }\n\n  pn-button {\n    &[disabled='disabled'] {\n      opacity: 0.2;\n\n      button {\n        cursor: default;\n\n        &.pn-button-light .pn-button-bg:after {\n          background-color: $white;\n        }\n\n        &[data-tooltip-open]:before {\n          display: none;\n        }\n      }\n    }\n\n    button div.button-tooltip {\n      display: none;\n    }\n\n    button:focus .pn-button-bg {\n      box-shadow: none;\n    }\n  }\n}\n","import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { translations } from './translations';\nimport { ProductGenericItem, ProxioPriceGroupi18n, ProxioPriceListGroupResponse, ProxioProduct, ProductWeightGroupListItem } from './types';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-proxio-pricegroup',\n  styleUrl: 'pn-proxio-pricegroup.scss',\n})\nexport class PnProxioPricegroup {\n  /** Specifies which endpoint domain we should load from */\n  @Prop({ mutable: true }) endpoint: string = null;\n  //@Prop() culture: string = \"sv-SE\";\n  @Prop() language: string = 'sv';\n  @Prop() market: string = 'se';\n  @Prop() tariffid: string = '';\n  @Prop() cache: boolean = true;\n\n  @State() activeWeightIndex: number = 0;\n  @State() data: ProxioPriceListGroupResponse = null;\n  @State() i18n: ProxioPriceGroupi18n = translations['sv'];\n\n  fetchHelper = new FetchHelper('proxiopricegroup');\n\n  componentWillLoad() {\n    this.setInitialValues().then(() => {\n      this.init();\n    });\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    const environment = await marketWebContextService.getEnvironmentName();\n\n    if (!this.endpoint && environment?.indexOf('local') === -1) {\n      const market = await marketWebContextService.getMarket();\n      this.endpoint = await marketWebContextService.getEndpoint(environment, market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  init() {\n    this.setLanguage();\n    this.fetchData();\n  }\n\n  async fetchData() {\n    if (!this.market || !this.language || !this.tariffid) {\n      return;\n    }\n    const endpoint = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = `${endpoint}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    //const fetchUrl = `https://localhost:51547/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n      this.onFetchData.bind(this),\n    )) as any;\n\n    if (data?.proxioProduct) {\n      this.data = data;\n    }\n  }\n\n  onFetchData(data) {\n    this.data = data;\n  }\n\n  @Listen('activeWeightIndex')\n  setActiveWeightIndex(weightIndex: number) {\n    let minIndex = 0;\n    let maxIndex = this.data.proxioProduct?.weightAndPriceList?.length - 1 ?? minIndex;\n    weightIndex = weightIndex > maxIndex ? maxIndex : weightIndex;\n    weightIndex = weightIndex < minIndex ? minIndex : weightIndex;\n    this.activeWeightIndex = weightIndex;\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as ProxioPriceGroupi18n;\n    }\n  }\n\n  getPriceString(product: ProxioProduct) {\n    let price = product.weightAndPriceList ? product?.weightAndPriceList[this.activeWeightIndex]?.item2 : '';\n    return price ? this.i18n.from + price : '';\n  }\n\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    let productId = productWeightGroupList[this.activeWeightIndex]?.item2;\n    let productLink = product.productLink ? product?.productLink : '';\n    return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n  }\n\n  isActive(index: number) {\n    return index === this.activeWeightIndex;\n  }\n\n  getCarouselPosition(index: number) {\n    switch (index) {\n      case this.activeWeightIndex - 2: {\n        return -2;\n      }\n      case this.activeWeightIndex - 1: {\n        return -1;\n      }\n      case this.activeWeightIndex: {\n        return 0;\n      }\n      case this.activeWeightIndex + 1: {\n        return 1;\n      }\n      case this.activeWeightIndex + 2: {\n        return 2;\n      }\n      default:\n        return 'outside';\n    }\n  }\n\n  getContainerPosition() {\n    let maxIndex = this.data.proxioProduct.weightAndPriceList.length - 1;\n    switch (this.activeWeightIndex) {\n      case 0: {\n        return 'end50';\n      }\n      case 1: {\n        return 'end75';\n      }\n      case maxIndex - 1: {\n        return 'start75';\n      }\n      case maxIndex: {\n        return 'start50';\n      }\n      default: {\n        return 'default';\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.data?.proxioProduct ? (\n          <div class=\"proxio-pricegroup-container\">\n            <div class=\"weightcontainer\">\n              {this.data.proxioProduct.weightAndPriceList ? (\n                <div class=\"weightvaluecontainer\">\n                  <pn-button\n                    disabled={this.activeWeightIndex === 0 ? 'disabled' : null}\n                    icon={arrow_left}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex - 1)}\n                  ></pn-button>\n                  <div class=\"weightradios \" data-carousel-container-position={this.getContainerPosition()}>\n                    <div class=\"weightline\"></div>\n                    {this.data.proxioProduct.weightAndPriceList.map((weightItem, index) =>\n                      this.getCarouselPosition(index) !== null ? (\n                        <div class=\"weightdata\" data-carousel-position={this.getCarouselPosition(index)} onClick={() => this.setActiveWeightIndex(index)}>\n                          <input type=\"radio\" id={'weightradio' + index} name=\"weightradio\" value={index} checked={this.isActive(index)} />\n                          <label htmlFor={'weightradio' + index}>{weightItem.item1}</label>\n                        </div>\n                      ) : null,\n                    )}\n                  </div>\n                  <pn-button\n                    disabled={this.activeWeightIndex === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null}\n                    icon={arrow_right}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex + 1)}\n                  ></pn-button>\n                </div>\n              ) : null}\n            </div>\n            <pn-proxio-productcard>\n              <pn-illustration slot=\"illustrationmobile\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <h2 slot=\"title\">{this.data.proxioProduct.productTitle}</h2>\n              <pn-proxio-productcard-description\n                slot=\"description\"\n                heading={this.data.proxioProduct.productPreamble}\n                highlight={this.data.proxioProduct.deliveryDateInformation}\n                list={this.data.proxioProduct.productDescriptionBulletListItems}\n              ></pn-proxio-productcard-description>\n              <div slot=\"information\">\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensions}\n                  information={this.data.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensionsRoll}\n                  information={this.data.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n              </div>\n              <div slot=\"bottomtags\">\n                {this.data.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp1}</pn-titletag> : null}\n                {this.data.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp2}</pn-titletag> : null}\n                {this.data.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp3}</pn-titletag> : null}\n              </div>\n              <pn-illustration slot=\"illustration\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <div slot=\"pricelink\">\n                <pn-proxio-productcard-pricelink\n                  price={this.getPriceString(this.data.proxioProduct)}\n                  link={this.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList)}\n                  linktext={this.data.proxioProduct.productLinkText}\n                ></pn-proxio-productcard-pricelink>\n                {this.data.relatedProxioProducts\n                  ? this.data.relatedProxioProducts.map(product => (\n                      <pn-proxio-productcard-pricelink\n                        price={this.getPriceString(product)}\n                        link={product.productLink}\n                        linktext={product.productLinkText}\n                      ></pn-proxio-productcard-pricelink>\n                    ))\n                  : null}\n              </div>\n            </pn-proxio-productcard>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pnProxioPricegroupCss","PnProxioPricegroupStyle0","PnProxioPricegroup","translations","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","market","getMarket","getEndpoint","setLanguage","fetchData","language","tariffid","lastIndexOf","length","substring","fetchUrl","cache","data","fetchJson","mode","onFetchData","bind","proxioProduct","setActiveWeightIndex","weightIndex","minIndex","maxIndex","weightAndPriceList","activeWeightIndex","i18n","getPriceString","product","price","item2","from","getProductLink","productWeightGroupList","productId","productLink","isActive","index","getCarouselPosition","getContainerPosition","render","h","Host","key","class","disabled","icon","arrow_left","appearance","small","onClick","map","weightItem","type","id","name","value","checked","htmlFor","item1","arrow_right","slot","illustration","productIcon","productTitle","heading","productPreamble","highlight","deliveryDateInformation","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts"],"sources":["src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.scss?tag=pn-proxio-pricegroup","src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-pricegroup-common.scss';\n\npn-proxio-pricegroup {\n  div.proxio-pricegroup-container {\n    max-width: 99.4rem;\n  }\n\n  div.weightcontainer {\n    margin: 2.8rem 0;\n  }\n\n  div.weightvaluecontainer {\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    pn-button {\n      transform: translateY(-0.4rem);\n\n      button::before {\n        display: none;\n      }\n    }\n  }\n\n  div.weightradios {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    color: $blue700;\n    width: 80%;\n    margin: 0 3.6rem;\n    position: relative;\n    width: 0%;\n\n    &[data-carousel-container-position='end50'] {\n      width: 45%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='end75'] {\n      width: 65%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-right: auto;\n      }\n    }\n\n    &[data-carousel-container-position='start50'] {\n      width: 45%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='start75'] {\n      width: 65%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-left: auto;\n      }\n    }\n\n    &[data-carousel-container-position='default'] {\n      flex: 0 0 auto;\n      width: 80%;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 65%;\n      }\n    }\n  }\n\n  div.weightdata {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    align-content: center;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 1.2rem;\n    min-width: 4rem;\n    cursor: pointer;\n\n    label {\n      font-size: 1.4rem;\n      cursor: pointer;\n    }\n\n    &[data-carousel-position='0'] {\n      font-size: 2rem;\n      font-weight: 700;\n    }\n\n    &[data-carousel-position='2'],\n    &[data-carousel-position='-2'] {\n      @media screen and (max-width: $productcard-media-tablet) {\n        display: none;\n      }\n    }\n\n    &[data-carousel-position='outside'] {\n      display: none;\n    }\n\n    input[type='radio'] {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      width: 1.2rem;\n      height: 1.2rem;\n      background-color: $blue700;\n      border-radius: 50%;\n      margin: 0;\n      cursor: pointer;\n    }\n\n    input[type='radio']:checked {\n      z-index: 1;\n      transform: translateY(-0.1rem);\n      height: 1.4rem;\n      width: 1.4rem;\n      box-shadow:\n        0 0 0 0.3rem $white,\n        0 0 0 0.4rem $blue700;\n    }\n  }\n\n  div.weightline {\n    width: 100%;\n    background-color: $gray50;\n    z-index: -1;\n    height: 0.8rem;\n    -webkit-transform: translateX(2.1rem) translateY(1.32rem);\n    transform: translateX(2.1rem) translateY(1rem);\n    border-radius: 2rem;\n    margin-right: 3.5rem;\n  }\n\n  pn-button {\n    &[disabled='disabled'] {\n      opacity: 0.2;\n\n      button {\n        cursor: default;\n\n        &.pn-button-light .pn-button-bg:after {\n          background-color: $white;\n        }\n\n        &[data-tooltip-open]:before {\n          display: none;\n        }\n      }\n    }\n\n    button div.button-tooltip {\n      display: none;\n    }\n\n    button:focus .pn-button-bg {\n      box-shadow: none;\n    }\n  }\n}\n","import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { translations } from './translations';\nimport { ProductGenericItem, ProxioPriceGroupi18n, ProxioPriceListGroupResponse, ProxioProduct, ProductWeightGroupListItem } from './types';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-proxio-pricegroup',\n  styleUrl: 'pn-proxio-pricegroup.scss',\n})\nexport class PnProxioPricegroup {\n  /** Specifies which endpoint domain we should load from */\n  @Prop({ mutable: true }) endpoint: string = null;\n  //@Prop() culture: string = \"sv-SE\";\n  @Prop() language: string = 'sv';\n  @Prop() market: string = 'se';\n  @Prop() tariffid: string = '';\n  @Prop() cache: boolean = true;\n\n  @State() activeWeightIndex: number = 0;\n  @State() data: ProxioPriceListGroupResponse = null;\n  @State() i18n: ProxioPriceGroupi18n = translations['sv'];\n\n  fetchHelper = new FetchHelper('proxiopricegroup');\n\n  componentWillLoad() {\n    this.setInitialValues().then(() => {\n      this.init();\n    });\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    const environment = await marketWebContextService.getEnvironmentName();\n\n    if (!this.endpoint && environment?.indexOf('local') === -1) {\n      const market = await marketWebContextService.getMarket();\n      this.endpoint = await marketWebContextService.getEndpoint(environment, market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  init() {\n    this.setLanguage();\n    this.fetchData();\n  }\n\n  async fetchData() {\n    if (!this.market || !this.language || !this.tariffid) {\n      return;\n    }\n    const endpoint = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = `${endpoint}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    //const fetchUrl = `https://localhost:51547/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n      this.onFetchData.bind(this),\n    )) as any;\n\n    if (data?.proxioProduct) {\n      this.data = data;\n    }\n  }\n\n  onFetchData(data) {\n    this.data = data;\n  }\n\n  @Listen('activeWeightIndex')\n  setActiveWeightIndex(weightIndex: number) {\n    let minIndex = 0;\n    let maxIndex = this.data.proxioProduct?.weightAndPriceList?.length - 1 ?? minIndex;\n    weightIndex = weightIndex > maxIndex ? maxIndex : weightIndex;\n    weightIndex = weightIndex < minIndex ? minIndex : weightIndex;\n    this.activeWeightIndex = weightIndex;\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as ProxioPriceGroupi18n;\n    }\n  }\n\n  getPriceString(product: ProxioProduct) {\n    let price = product.weightAndPriceList ? product?.weightAndPriceList[this.activeWeightIndex]?.item2 : '';\n    return price ? this.i18n.from + price : '';\n  }\n\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    let productId = productWeightGroupList[this.activeWeightIndex]?.item2;\n    let productLink = product.productLink ? product?.productLink : '';\n    return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n  }\n\n  isActive(index: number) {\n    return index === this.activeWeightIndex;\n  }\n\n  getCarouselPosition(index: number) {\n    switch (index) {\n      case this.activeWeightIndex - 2: {\n        return -2;\n      }\n      case this.activeWeightIndex - 1: {\n        return -1;\n      }\n      case this.activeWeightIndex: {\n        return 0;\n      }\n      case this.activeWeightIndex + 1: {\n        return 1;\n      }\n      case this.activeWeightIndex + 2: {\n        return 2;\n      }\n      default:\n        return 'outside';\n    }\n  }\n\n  getContainerPosition() {\n    let maxIndex = this.data.proxioProduct.weightAndPriceList.length - 1;\n    switch (this.activeWeightIndex) {\n      case 0: {\n        return 'end50';\n      }\n      case 1: {\n        return 'end75';\n      }\n      case maxIndex - 1: {\n        return 'start75';\n      }\n      case maxIndex: {\n        return 'start50';\n      }\n      default: {\n        return 'default';\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.data?.proxioProduct ? (\n          <div class=\"proxio-pricegroup-container\">\n            <div class=\"weightcontainer\">\n              {this.data.proxioProduct.weightAndPriceList ? (\n                <div class=\"weightvaluecontainer\">\n                  <pn-button\n                    disabled={this.activeWeightIndex === 0 ? 'disabled' : null}\n                    icon={arrow_left}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex - 1)}\n                  ></pn-button>\n                  <div class=\"weightradios \" data-carousel-container-position={this.getContainerPosition()}>\n                    <div class=\"weightline\"></div>\n                    {this.data.proxioProduct.weightAndPriceList.map((weightItem, index) =>\n                      this.getCarouselPosition(index) !== null ? (\n                        <div class=\"weightdata\" data-carousel-position={this.getCarouselPosition(index)} onClick={() => this.setActiveWeightIndex(index)}>\n                          <input type=\"radio\" id={'weightradio' + index} name=\"weightradio\" value={index} checked={this.isActive(index)} />\n                          <label htmlFor={'weightradio' + index}>{weightItem.item1}</label>\n                        </div>\n                      ) : null,\n                    )}\n                  </div>\n                  <pn-button\n                    disabled={this.activeWeightIndex === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null}\n                    icon={arrow_right}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex + 1)}\n                  ></pn-button>\n                </div>\n              ) : null}\n            </div>\n            <pn-proxio-productcard>\n              <pn-illustration slot=\"illustrationmobile\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <h2 slot=\"title\">{this.data.proxioProduct.productTitle}</h2>\n              <pn-proxio-productcard-description\n                slot=\"description\"\n                heading={this.data.proxioProduct.productPreamble}\n                highlight={this.data.proxioProduct.deliveryDateInformation}\n                list={this.data.proxioProduct.productDescriptionBulletListItems}\n              ></pn-proxio-productcard-description>\n              <div slot=\"information\">\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensions}\n                  information={this.data.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensionsRoll}\n                  information={this.data.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n              </div>\n              <div slot=\"bottomtags\">\n                {this.data.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp1}</pn-titletag> : null}\n                {this.data.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp2}</pn-titletag> : null}\n                {this.data.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp3}</pn-titletag> : null}\n              </div>\n              <pn-illustration slot=\"illustration\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <div slot=\"pricelink\">\n                <pn-proxio-productcard-pricelink\n                  price={this.getPriceString(this.data.proxioProduct)}\n                  link={this.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList)}\n                  linktext={this.data.proxioProduct.productLinkText}\n                ></pn-proxio-productcard-pricelink>\n                {this.data.relatedProxioProducts\n                  ? this.data.relatedProxioProducts.map(product => (\n                      <pn-proxio-productcard-pricelink\n                        price={this.getPriceString(product)}\n                        link={product.productLink}\n                        linktext={product.productLinkText}\n                      ></pn-proxio-productcard-pricelink>\n                    ))\n                  : null}\n              </div>\n            </pn-proxio-productcard>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-39b75c62.entry.js

@@ -0,0 +1,2 @@
+import{h as n,r as i,d as t}from"./p-82546a44.js";import{a as e}from"./p-aca71066.js";import{a as o}from"./p-36b39340.js";const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-tile-info{align-self:center}";const l=p;const r=class{constructor(n){i(this,n);this.label=undefined;this.text=undefined;this.icon=undefined}render(){return n(t,{key:"f47052aaa4cc5e0a292fc9192ce7502b50369ee3"},this.label?n("p",null,n("small",null,this.label)):null,this.text?n("h3",null,this.text):null)}};n("pn-icon",{icon:e,small:"false",color:"black"});r.style=l;const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-tile-price{margin-top:1em;white-space:nowrap;text-align:right}pn-product-tile-price span{font-size:3em;font-size:clamp(2em, 6vw, 3em)}pn-product-tile-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-tile-price+pn-product-tile-price{margin-left:1.5em}pn-product-tile-price pn-icon{display:inline-block;align-self:center}pn-product-tile-price a{text-decoration:none;color:#005d92}pn-product-tile-price a h3{text-decoration:underline}";const d=s;const a=class{constructor(n){i(this,n);this.label=undefined;this.amount=undefined;this.currency=undefined;this.url=undefined}render(){if(!this.amount){return}return this.url?n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null),this.label?n("a",{href:this.url},n("pn-button",{small:"true",icon:o},this.label)):null):n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null))}};a.style=d;export{r as pn_product_tile_info,a as pn_product_tile_price};
+//# sourceMappingURL=p-39b75c62.entry.js.map