@postnord/pn-marketweb-components 3.5.2 → 4.0.0

package/pn-market-web-components/{p-ea3d6f7e.entry.js.map → p-19bbac6d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProxioProductcardCss","PnProxioProductcardStyle0","PnProxioProductcard","render","h","Host","key","class","name","pnProxioProductcardDescriptionCss","PnProxioProductcardDescriptionStyle0","PnProxioProductcardDescription","this","heading","highlight","description","list","map","text","pnProxioProductcardInformationCss","PnProxioProductcardInformationStyle0","PnProxioProductcardInformation","information","length","label","item","item1","item2","pnProxioProductcardPricelinkCss","PnProxioProductcardPricelinkStyle0","PnProxioProductcardPricelink","link","linktext","price","vatText","small","icon","arrow_right","appearance","href","target","rel"],"sources":["src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.scss?tag=pn-proxio-productcard","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.scss?tag=pn-proxio-productcard-description","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.scss?tag=pn-proxio-productcard-information","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.scss?tag=pn-proxio-productcard-pricelink","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard {\n  .cardcontent {\n    display: flex;\n    flex-direction: row;\n    border: solid 0.1rem $gray25;\n    border-radius: 0.8rem;\n    overflow: hidden;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 1.6rem;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      flex-direction: column;\n    }\n  }\n\n  .carddetails {\n    min-width: 70%;\n    padding: 2.4rem 4.8rem;\n    display: flex;\n    gap: 0.8rem;\n    flex-direction: column;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      gap: 1.6rem;\n      margin-bottom: 0.8rem;\n    }\n\n    pn-illustration[slot='illustrationmobile'] {\n      display: none;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-top: 1.6rem;\n        display: block;\n\n        .pn-illustration {\n          max-width: 8rem;\n          height: 8rem;\n          margin-left: auto;\n          margin-right: auto;\n        }\n      }\n    }\n  }\n\n  .cardcalltoactions {\n    min-width: 30%;\n    background-color: $blue25;\n\n    pn-illustration[slot='illustration'] {\n      @media screen and (max-width: $productcard-media-tablet) {\n        display: none;\n      }\n\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-content: center;\n      max-width: 12rem;\n      margin-left: auto;\n      margin-right: auto;\n      margin-top: 4rem;\n    }\n  }\n\n  [slot='information'] {\n    display: flex;\n    gap: 1rem;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      flex-direction: column;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='uppertags'] {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 2rem;\n  }\n\n  [slot='bottomtags'] {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 2rem;\n    margin: 0.8rem 0;\n  }\n\n  .heading {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n  }\n\n  [slot='title'] {\n    text-decoration: underline;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      text-decoration: none;\n    }\n  }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-proxio-productcard',\n  styleUrl: 'pn-proxio-productcard.scss',\n})\nexport class PnProxioProductcard {\n  render() {\n    return (\n      <Host>\n        <div class=\"cardcontent\">\n          <div class=\"carddetails\">\n            <slot name=\"illustrationmobile\" />\n            <div class=\"heading\">\n              <slot name=\"title\" />\n              <slot name=\"uppertags\" />\n            </div>\n            <slot name=\"description\" />\n            <slot name=\"information\" />\n            <slot name=\"bottomtags\" />\n          </div>\n          <div class=\"cardcalltoactions\">\n            <slot name=\"illustration\" />\n            <slot name=\"pricelink\" />\n            <slot name=\"insurance\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-description {\n  h3 {\n    font-size: 1.6rem;\n  }\n\n  ul {\n    padding-left: 2.5rem;\n  }\n\n  li {\n    font-size: 1.6rem;\n    line-height: 2.2rem;\n  }\n\n  .highlight {\n    color: #0aa85c;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-proxio-productcard-description',\n  styleUrl: 'pn-proxio-productcard-description.scss',\n})\nexport class PnProxioProductcardDescription {\n  @Prop() heading: string;\n  @Prop() highlight: string;\n  @Prop() description: string;\n  @Prop({ mutable: true }) list: string[] = [];\n\n  render() {\n    return (\n      <Host>\n        {this.heading ? <h3>{this.heading}</h3> : null}\n        {this.highlight ? <h3 class=\"highlight\">{this.highlight}</h3> : null}\n        {this.description ? <span>{this.description}</span> : null}\n        {this.list ? (\n          <ul>\n            {this.list.map(text => {\n              return <li>{text}</li>;\n            })}\n          </ul>\n        ) : null}\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-information {\n  p.cardinfocontent-title {\n    margin-bottom: 0.4rem;\n  }\n\n  p strong.cardinfocontent-label {\n    font-size: 1.4rem;\n    font-weight: 500;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { ProductGenericItem, ProductWeightGroupListItem } from '../pn-proxio-pricegroup/types';\n\n@Component({\n  tag: 'pn-proxio-productcard-information',\n  styleUrl: 'pn-proxio-productcard-information.scss',\n})\nexport class PnProxioProductcardInformation {\n  @Prop() label: string;\n  @Prop() information: ProductGenericItem[] = [];\n\n  render() {\n    return (\n      <Host>\n        <div class=\"cardinfocontent\">\n          {this.information && this.information.length > 0 && this.label ? (\n            <div class=\"cardinfocontent-item\">\n              {this.label ? (\n                <p class=\"cardinfocontent-title\">\n                  <strong>{this.label}</strong>\n                </p>\n              ) : null}\n              {this.information.map(item =>\n                item ? (\n                  <p>\n                    <strong class=\"cardinfocontent-label\">{item.item1}:</strong> {item.item2}\n                  </p>\n                ) : null,\n              )}\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard-pricelink {\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 2rem 1rem;\n  gap: 0.8rem;\n  align-content: center;\n  flex-wrap: wrap;\n\n  @media screen and (max-width: $productcard-media-tablet) {\n    margin: 2.4rem 1rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  pn-button {\n    min-width: 17.3rem;\n\n    a .pn-button-content {\n      font-size: 1.4rem;\n      font-weight: 500;\n    }\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      min-width: 30rem;\n    }\n  }\n\n  .pn-pricelink-vat {\n    font-weight: 400;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-proxio-productcard-pricelink',\n  styleUrl: 'pn-proxio-productcard-pricelink.scss',\n})\nexport class PnProxioProductcardPricelink {\n  @Prop() price: string;\n  @Prop() vatText: string = '';\n  @Prop() link: string;\n  @Prop() linktext: string;\n\n  render() {\n    return this.link && this.linktext ? (\n      <Host>\n        {this.price ? (\n          <h3>\n            {this.price} <span class=\"pn-pricelink-vat\">{this.vatText}</span>\n          </h3>\n        ) : null}\n        <pn-button small=\"true\" icon={arrow_right} appearance=\"light\" href={this.link} target=\"_blank\" rel=\"noopener nofollower noreferrer\">\n          {this.linktext}\n        </pn-button>\n      </Host>\n    ) : null;\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAyB,8kEAC/B,MAAAC,EAAeD,E,MCKFE,EAAmB,M,yBAC9B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,uBACXJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,UACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,eAEbJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,gBACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,gBACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,gBAEbJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,iBACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,cACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,gB,aCxBvB,MAAMC,EAAoC,qUAC1C,MAAAC,EAAeD,E,MCKFE,EAA8B,M,8GAIC,E,CAE1C,MAAAR,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFM,KAAKC,QAAUT,EAAA,UAAKQ,KAAKC,SAAgB,KACzCD,KAAKE,UAAYV,EAAA,MAAIG,MAAM,aAAaK,KAAKE,WAAkB,KAC/DF,KAAKG,YAAcX,EAAA,YAAOQ,KAAKG,aAAsB,KACrDH,KAAKI,KACJZ,EAAA,UACGQ,KAAKI,KAAKC,KAAIC,GACNd,EAAA,UAAKc,MAGd,K,aCxBZ,MAAMC,EAAoC,mQAC1C,MAAAC,EAAeD,E,MCMFE,EAA8B,M,+DAEG,E,CAE5C,MAAAlB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACRK,KAAKU,aAAeV,KAAKU,YAAYC,OAAS,GAAKX,KAAKY,MACvDpB,EAAA,OAAKG,MAAM,wBACRK,KAAKY,MACJpB,EAAA,KAAGG,MAAM,yBACPH,EAAA,cAASQ,KAAKY,QAEd,KACHZ,KAAKU,YAAYL,KAAIQ,GACpBA,EACErB,EAAA,SACEA,EAAA,UAAQG,MAAM,yBAAyBkB,EAAKC,MAAK,KAAW,IAAED,EAAKE,OAEnE,QAGN,M,aC9Bd,MAAMC,EAAkC,isBACxC,MAAAC,EAAeD,E,MCMFE,EAA4B,M,2DAEb,G,4CAI1B,MAAA3B,GACE,OAAOS,KAAKmB,MAAQnB,KAAKoB,SACvB5B,EAACC,EAAI,KACFO,KAAKqB,MACJ7B,EAAA,UACGQ,KAAKqB,MAAK,IAAE7B,EAAA,QAAMG,MAAM,oBAAoBK,KAAKsB,UAElD,KACJ9B,EAAA,aAAW+B,MAAM,OAAOC,KAAMC,EAAaC,WAAW,QAAQC,KAAM3B,KAAKmB,KAAMS,OAAO,SAASC,IAAI,kCAChG7B,KAAKoB,WAGR,I","ignoreList":[]}
+{"version":3,"names":["pnProxioProductcardCss","PnProxioProductcardStyle0","PnProxioProductcard","render","h","Host","key","class","name","pnProxioProductcardDescriptionCss","PnProxioProductcardDescriptionStyle0","PnProxioProductcardDescription","this","heading","highlight","description","list","map","text","pnProxioProductcardInformationCss","PnProxioProductcardInformationStyle0","PnProxioProductcardInformation","information","length","label","item","item1","item2","pnProxioProductcardPricelinkCss","PnProxioProductcardPricelinkStyle0","PnProxioProductcardPricelink","link","linktext","price","vatText","small","icon","arrow_right","appearance","href","target","rel"],"sources":["src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.scss?tag=pn-proxio-productcard","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.scss?tag=pn-proxio-productcard-description","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.scss?tag=pn-proxio-productcard-information","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.scss?tag=pn-proxio-productcard-pricelink","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard {\n  .cardcontent {\n    display: flex;\n    flex-direction: row;\n    border: solid 0.1rem $gray25;\n    border-radius: 0.8rem;\n    overflow: hidden;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 1.6rem;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      flex-direction: column;\n    }\n  }\n\n  .carddetails {\n    min-width: 70%;\n    padding: 2.4rem 4.8rem;\n    display: flex;\n    gap: 0.8rem;\n    flex-direction: column;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      gap: 1.6rem;\n      margin-bottom: 0.8rem;\n    }\n\n    pn-illustration[slot='illustrationmobile'] {\n      display: none;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-top: 1.6rem;\n        display: block;\n\n        .pn-illustration {\n          max-width: 8rem;\n          height: 8rem;\n          margin-left: auto;\n          margin-right: auto;\n        }\n      }\n    }\n  }\n\n  .cardcalltoactions {\n    min-width: 30%;\n    background-color: $blue25;\n\n    pn-illustration[slot='illustration'] {\n      @media screen and (max-width: $productcard-media-tablet) {\n        display: none;\n      }\n\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-content: center;\n      max-width: 12rem;\n      margin-left: auto;\n      margin-right: auto;\n      margin-top: 4rem;\n    }\n  }\n\n  [slot='information'] {\n    display: flex;\n    gap: 1rem;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      flex-direction: column;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='uppertags'] {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 2rem;\n  }\n\n  [slot='bottomtags'] {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 2rem;\n    margin: 0.8rem 0;\n  }\n\n  .heading {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n  }\n\n  [slot='title'] {\n    text-decoration: underline;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      text-decoration: none;\n    }\n  }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-proxio-productcard',\n  styleUrl: 'pn-proxio-productcard.scss',\n})\nexport class PnProxioProductcard {\n  render() {\n    return (\n      <Host>\n        <div class=\"cardcontent\">\n          <div class=\"carddetails\">\n            <slot name=\"illustrationmobile\" />\n            <div class=\"heading\">\n              <slot name=\"title\" />\n              <slot name=\"uppertags\" />\n            </div>\n            <slot name=\"description\" />\n            <slot name=\"information\" />\n            <slot name=\"bottomtags\" />\n          </div>\n          <div class=\"cardcalltoactions\">\n            <slot name=\"illustration\" />\n            <slot name=\"pricelink\" />\n            <slot name=\"insurance\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-description {\n  h3 {\n    font-size: 1.6rem;\n  }\n\n  ul {\n    padding-left: 2.5rem;\n  }\n\n  li {\n    font-size: 1.6rem;\n    line-height: 2.2rem;\n  }\n\n  .highlight {\n    color: #0aa85c;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-proxio-productcard-description',\n  styleUrl: 'pn-proxio-productcard-description.scss',\n})\nexport class PnProxioProductcardDescription {\n  @Prop() heading: string;\n  @Prop() highlight: string;\n  @Prop() description: string;\n  @Prop({ mutable: true }) list: string[] = [];\n\n  render() {\n    return (\n      <Host>\n        {this.heading ? <h3>{this.heading}</h3> : null}\n        {this.highlight ? <h3 class=\"highlight\">{this.highlight}</h3> : null}\n        {this.description ? <span>{this.description}</span> : null}\n        {this.list ? (\n          <ul>\n            {this.list.map(text => {\n              return <li>{text}</li>;\n            })}\n          </ul>\n        ) : null}\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-information {\n  p.cardinfocontent-title {\n    margin-bottom: 0.4rem;\n  }\n\n  p strong.cardinfocontent-label {\n    font-size: 1.4rem;\n    font-weight: 500;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { ProductGenericItem, ProductWeightGroupListItem } from '../pn-proxio-pricegroup/types';\n\n@Component({\n  tag: 'pn-proxio-productcard-information',\n  styleUrl: 'pn-proxio-productcard-information.scss',\n})\nexport class PnProxioProductcardInformation {\n  @Prop() label: string;\n  @Prop() information: ProductGenericItem[] = [];\n\n  render() {\n    return (\n      <Host>\n        <div class=\"cardinfocontent\">\n          {this.information && this.information.length > 0 && this.label ? (\n            <div class=\"cardinfocontent-item\">\n              {this.label ? (\n                <p class=\"cardinfocontent-title\">\n                  <strong>{this.label}</strong>\n                </p>\n              ) : null}\n              {this.information.map(item =>\n                item ? (\n                  <p>\n                    <strong class=\"cardinfocontent-label\">{item.item1}:</strong> {item.item2}\n                  </p>\n                ) : null,\n              )}\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard-pricelink {\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 2rem 1rem;\n  gap: 0.8rem;\n  align-content: center;\n  flex-wrap: wrap;\n\n  @media screen and (max-width: $productcard-media-tablet) {\n    margin: 2.4rem 1rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  pn-button {\n    min-width: 17.3rem;\n\n    a .pn-button-content {\n      font-size: 1.4rem;\n      font-weight: 500;\n    }\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      min-width: 30rem;\n    }\n  }\n\n  .pn-pricelink-vat {\n    font-weight: 400;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-proxio-productcard-pricelink',\n  styleUrl: 'pn-proxio-productcard-pricelink.scss',\n})\nexport class PnProxioProductcardPricelink {\n  @Prop() price: string;\n  @Prop() vatText: string = '';\n  @Prop() link: string;\n  @Prop() linktext: string;\n\n  render() {\n    return this.link && this.linktext ? (\n      <Host>\n        {this.price ? (\n          <h3>\n            {this.price} <span class=\"pn-pricelink-vat\">{this.vatText}</span>\n          </h3>\n        ) : null}\n        <pn-button small=\"true\" icon={arrow_right} appearance=\"light\" href={this.link} target=\"_blank\" rel=\"noopener nofollower noreferrer\">\n          {this.linktext}\n        </pn-button>\n      </Host>\n    ) : null;\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAyB,u5EAC/B,MAAAC,EAAeD,E,MCKFE,EAAmB,M,yBAC9B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,uBACXJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,UACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,eAEbJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,gBACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,gBACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,gBAEbJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,iBACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,cACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,gB,aCxBvB,MAAMC,EAAoC,8oBAC1C,MAAAC,EAAeD,E,MCKFE,EAA8B,M,8GAIC,E,CAE1C,MAAAR,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFM,KAAKC,QAAUT,EAAA,UAAKQ,KAAKC,SAAgB,KACzCD,KAAKE,UAAYV,EAAA,MAAIG,MAAM,aAAaK,KAAKE,WAAkB,KAC/DF,KAAKG,YAAcX,EAAA,YAAOQ,KAAKG,aAAsB,KACrDH,KAAKI,KACJZ,EAAA,UACGQ,KAAKI,KAAKC,KAAIC,GACNd,EAAA,UAAKc,MAGd,K,aCxBZ,MAAMC,EAAoC,4kBAC1C,MAAAC,EAAeD,E,MCMFE,EAA8B,M,+DAEG,E,CAE5C,MAAAlB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACRK,KAAKU,aAAeV,KAAKU,YAAYC,OAAS,GAAKX,KAAKY,MACvDpB,EAAA,OAAKG,MAAM,wBACRK,KAAKY,MACJpB,EAAA,KAAGG,MAAM,yBACPH,EAAA,cAASQ,KAAKY,QAEd,KACHZ,KAAKU,YAAYL,KAAIQ,GACpBA,EACErB,EAAA,SACEA,EAAA,UAAQG,MAAM,yBAAyBkB,EAAKC,MAAK,KAAW,IAAED,EAAKE,OAEnE,QAGN,M,aC9Bd,MAAMC,EAAkC,0gCACxC,MAAAC,EAAeD,E,MCMFE,EAA4B,M,2DAEb,G,4CAI1B,MAAA3B,GACE,OAAOS,KAAKmB,MAAQnB,KAAKoB,SACvB5B,EAACC,EAAI,KACFO,KAAKqB,MACJ7B,EAAA,UACGQ,KAAKqB,MAAK,IAAE7B,EAAA,QAAMG,MAAM,oBAAoBK,KAAKsB,UAElD,KACJ9B,EAAA,aAAW+B,MAAM,OAAOC,KAAMC,EAAaC,WAAW,QAAQC,KAAM3B,KAAKmB,KAAMS,OAAO,SAASC,IAAI,kCAChG7B,KAAKoB,WAGR,I","ignoreList":[]}

package/pn-market-web-components/p-230ef9aa.entry.js

@@ -0,0 +1,2 @@
+import{r as a,g as r,h as e,d as c}from"./p-82546a44.js";import{a as t}from"./p-36b39340.js";const n="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-charts-card{width:100%;height:100%;display:flex}pn-charts-card .pn-charts-card__wrapper{width:100%;display:flex;flex-direction:column;border-radius:2.4rem;padding:2.4rem}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__wrapper{padding:3.2rem}}pn-charts-card .pn-charts-card__heading__wrapper{display:flex;flex-direction:row;justify-content:space-between;gap:0.8rem}pn-charts-card .pn-charts-card__heading{font-weight:700;font-size:2.4rem;line-height:110%}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__heading{font-size:3.2rem}}pn-charts-card .pn-charts-card__heading__highlight{font-weight:700;font-size:2.4rem;line-height:110%;color:#005d92}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__heading__highlight{font-size:3.2rem}}pn-charts-card .pn-charts-card__content__wrapper{display:flex;flex-direction:column;height:100%}pn-charts-card .pn-charts-card__text__container{display:flex;flex-direction:column;justify-content:space-between;height:100%}pn-charts-card .pn-charts-card__heading__wrapper--horizontal{display:none}pn-charts-card .pn-charts-card__text__wrapper{display:flex;flex-direction:column;justify-content:space-between}pn-charts-card .pn-charts-card__text__wrapper span{display:block;margin-bottom:5.4rem}pn-charts-card .pn-charts-card__preamble{font-weight:400;font-size:1.6rem;line-height:140%;flex-grow:1;margin-bottom:1.6rem}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__preamble{font-size:2rem}}pn-charts-card .pn-charts-card__source{display:flex;flex-direction:column}pn-charts-card .pn-charts-card__source label{background-color:#005d92;color:#ffffff;border-radius:0.4rem;font-weight:400;font-size:1rem;line-height:1;text-transform:uppercase;padding:0.4rem;margin-bottom:0.6rem;width:fit-content}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__source label{font-size:1.2rem;padding:0.6rem}}pn-charts-card .pn-charts-card__source .pn-chart-card__text__heading{font-weight:400;font-size:1.6rem;line-height:140%;color:#005d92;margin-bottom:0}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__source .pn-chart-card__text__heading{font-size:2rem}}pn-charts-card .pn-charts-card__source a{text-decoration:none;color:#005d92;font-weight:500;font-size:1.6rem;text-decoration:none;color:#005d92;font-weight:400}pn-charts-card .pn-charts-card__source a:hover{text-decoration:underline}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__source a{font-size:2rem}}pn-charts-card .pn-charts-card__source a pn-icon svg path{fill:#005d92}pn-charts-card .pn-charts-card__source a[target=_blank]:not(.pn-button):after{display:none}.fullwidth>pn-charts-card .pn-charts-card__wrapper{padding:2.4rem}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__wrapper{padding:4rem}}.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper{margin-bottom:3.2rem;gap:1.6rem}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper{justify-content:flex-start}}.fullwidth>pn-charts-card .pn-charts-card__heading,.fullwidth>pn-charts-card .pn-charts-card__heading__highlight{font-size:2.4rem}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__heading,.fullwidth>pn-charts-card .pn-charts-card__heading__highlight{font-size:3.2rem}}.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{flex-direction:row-reverse;gap:5.6rem}}@media screen and (min-width: 1200px){.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{gap:4rem}}@media screen and (min-width: 1640px){.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{gap:3.2rem}}.fullwidth>pn-charts-card .pn-charts-card__text__container{justify-content:center}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__text__container{width:100%}}.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--vertical{display:flex}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--vertical{display:none}}.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--horizontal{display:none}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--horizontal{display:flex}}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__preamble{flex-grow:0;font-size:2rem}}pn-charts-card[data-chart-color=blue]>.pn-charts-card__wrapper{background-color:#effbff}pn-charts-card[data-chart-color=coral]>.pn-charts-card__wrapper{background-color:#fdefee}pn-charts-card[data-chart-color=green]>.pn-charts-card__wrapper{background-color:#dcf6e7}pn-charts-card[data-chart-color=white]>.pn-charts-card__wrapper{background-color:#ffffff}pn-charts-card[data-chart-color=gray]>.pn-charts-card__wrapper{background-color:#f9f8f8}";const d=n;const i=class{constructor(r){a(this,r);this.header=null;this.highlight=undefined;this.preamble=undefined;this.label=undefined;this.source=undefined;this.sourceUrl=undefined;this.ctaLinkText=undefined;this.openInNewWindow=false}get hostElement(){return r(this)}showCtaLinkText=()=>{if(this.ctaLinkText){return e("a",{class:"link--animated",href:this.sourceUrl,rel:this.openInNewWindow?"noopener nofollower noreferrer":null,target:this.openInNewWindow?"_blank":null},this.ctaLinkText," ",e("pn-icon",{icon:t}," "))}return null};render(){return e(c,{key:"6f733408b55d43315de16b39f2ca0cb48cad1a10"},e("slot",{key:"47962ca07bd4ab85bf72ee27f3e56d96fd02936d",name:"clickable-block-wrapper"}),e("div",{key:"96e09155b42f594c6866262b81b68c07c5b194ca",class:"pn-charts-card__wrapper"},this.header&&e("div",{key:"c578bbaacd00e4963b2678b2e01b70c5033ab573",class:"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical"},e("h2",{key:"1efbdcebf15c7af69b72219e5cd21b26873d8c69",class:"pn-charts-card__heading"},this.header),e("div",{key:"0591981bd49e82a510aeda2b986e3711672a997e",class:"pn-charts-card__heading__highlight"},this.highlight)),e("div",{key:"e35bde7b730cb7a41eb1d7eff4454010bdb666ae",class:"pn-charts-card__content__wrapper"},e("slot",{key:"908090196e4f205b347fc13309b3dd06b1de168c",name:"chart"}),e("div",{key:"d546186e8244af382ac220514aa7edf5eecb033a",class:"pn-charts-card__text__container"},this.header&&e("div",{key:"123ff886ddad4911522385a01f43db2787928cc9",class:"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal"},e("h2",{key:"5f02a104d719cfc5c785c2ce40ee389c4e8c3a66",class:"pn-charts-card__heading pn-charts-card__heading"},this.header),e("div",{key:"050bc7518f8e0afcefcedfbe529286b778650cb8",class:"pn-charts-card__heading__highlight"},this.highlight)),e("span",{key:"dd21c533f436b8c3b3755a3de80fa759800f122e",class:"pn-charts-card__preamble"},this.preamble),e("div",{key:"2442b29c8f74de7001698d6fb431420b53e3345d",class:"pn-charts-card__text__wrapper"},e("div",{key:"9f98181d22c1e2448d5af89e79904b459b059af6",class:"pn-charts-card__source"},e("label",{key:"9634730f55c11cca03ec1505dcd5977b70e72e74"},this.label),this.source?e("p",{class:"pn-chart-card__text__heading"},this.source):null,this.showCtaLinkText()))))))}};i.style=d;export{i as pn_charts_card};
+//# sourceMappingURL=p-230ef9aa.entry.js.map

package/pn-market-web-components/{p-a419cd91.entry.js.map → p-230ef9aa.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnChartsCardCss","PnChartsCardStyle0","PnChartsCard","showCtaLinkText","this","ctaLinkText","h","class","href","sourceUrl","rel","openInNewWindow","target","icon","arrow_right","render","Host","key","name","header","highlight","preamble","label","source"],"sources":["src/components/charts/pn-charts-card/pn-charts-card.scss?tag=pn-charts-card","src/components/charts/pn-charts-card/pn-charts-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-charts-card {\n  width: 100%;\n  height: 100%;\n  display: flex;\n\n  .pn-charts-card__wrapper {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    border-radius: 2.4rem;\n    padding: 2.4rem;\n\n    @media screen and (min-width: $min-width-xl) {\n      padding: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    gap: 0.8rem;\n  }\n\n  .pn-charts-card__heading {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__highlight {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n    color: $blue700;\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__content__wrapper {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .pn-charts-card__text__container {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n  }\n\n  .pn-charts-card__heading__wrapper--horizontal {\n    display: none;\n  }\n\n  .pn-charts-card__text__wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n\n    span {\n      display: block;\n      margin-bottom: 5.4rem;\n    }\n  }\n\n  .pn-charts-card__preamble {\n    font-weight: 400;\n    font-size: 1.6rem;\n    line-height: 140%;\n    flex-grow: 1;\n    margin-bottom: 1.6rem;\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 2rem;\n    }\n  }\n\n  .pn-charts-card__source {\n    display: flex;\n    flex-direction: column;\n\n    label {\n      background-color: $blue700;\n      color: $white;\n      border-radius: 0.4rem;\n      font-weight: 400;\n      font-size: 1rem;\n      line-height: 1;\n      text-transform: uppercase;\n      padding: 0.4rem;\n      margin-bottom: 0.6rem;\n      width: fit-content;\n\n      @media screen and (min-width: $min-width-xxl) {\n        font-size: 1.2rem;\n        padding: 0.6rem;\n      }\n    }\n\n    .pn-chart-card__text__heading {\n      font-weight: 400;\n      font-size: 1.6rem;\n      line-height: 140%;\n      color: $blue700;\n      margin-bottom: 0;\n\n      @media screen and (min-width: $min-width-xxl) {\n        font-size: 2rem;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      &:hover {\n        text-decoration: underline;\n      }\n\n      font-weight: 500;\n      font-size: 1.6rem;\n      text-decoration: none;\n      color: $blue700;\n      font-weight: 400;\n\n      @media screen and (min-width: $min-width-xxl) {\n        font-size: 2rem;\n      }\n\n      pn-icon svg {\n        path {\n          fill: $blue700;\n        }\n      }\n\n      &[target='_blank']:not(.pn-button):after {\n        display: none;\n      }\n    }\n  }\n}\n\n//horizontal layout\n.fullwidth {\n  & > pn-charts-card {\n    .pn-charts-card__wrapper {\n      padding: 2.4rem;\n      @media screen and (min-width: $min-width-lg) {\n        padding: 4rem;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper {\n      margin-bottom: 3.2rem;\n      @media screen and (min-width: $min-width-md) {\n        justify-content: flex-start;\n      }\n\n      gap: 1.6rem;\n    }\n\n    .pn-charts-card__heading,\n    .pn-charts-card__heading__highlight {\n      font-size: 2.4rem;\n      @media screen and (min-width: $min-width-md) {\n        font-size: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__content__wrapper {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      @media screen and (min-width: $min-width-lg) {\n        flex-direction: row-reverse;\n        gap: 5.6rem;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        gap: 4rem;\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        gap: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__text__container {\n      justify-content: center;\n      @media screen and (min-width: $min-width-md) {\n        width: 100%;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--vertical {\n      display: flex;\n\n      @media screen and (min-width: $min-width-lg) {\n        display: none;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--horizontal {\n      display: none;\n      @media screen and (min-width: $min-width-lg) {\n        display: flex;\n      }\n    }\n\n    .pn-charts-card__preamble {\n      @media screen and (min-width: $min-width-md) {\n        flex-grow: 0;\n        font-size: 2rem;\n      }\n    }\n  }\n}\n\n//colors\npn-charts-card[data-chart-color='blue'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $blue25;\n  }\n}\n\npn-charts-card[data-chart-color='coral'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $coral50;\n  }\n}\n\npn-charts-card[data-chart-color='green'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $green50;\n  }\n}\n\npn-charts-card[data-chart-color='white'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $white;\n  }\n}\n\npn-charts-card[data-chart-color='gray'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $gray25;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-charts-card',\n  styleUrl: 'pn-charts-card.scss',\n})\nexport class PnChartsCard {\n  @Element() hostElement: HTMLElement;\n  //props\n  @Prop() header: string = null;\n  @Prop() highlight: string;\n  @Prop() preamble: string;\n  @Prop() label: string;\n  @Prop() source: string;\n  @Prop() sourceUrl: string;\n  @Prop() ctaLinkText: string;\n  @Prop() openInNewWindow: boolean = false;\n\n  showCtaLinkText = () => {\n    if (this.ctaLinkText) {\n      return (\n        <a class=\"link--animated\" href={this.sourceUrl} rel={this.openInNewWindow ? 'noopener nofollower noreferrer' : null} target={this.openInNewWindow ? '_blank' : null}>\n          {this.ctaLinkText} <pn-icon icon={arrow_right}> </pn-icon>\n        </a>\n      );\n    }\n    return null;\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"clickable-block-wrapper\" />\n        <div class=\"pn-charts-card__wrapper\">\n          {this.header &&\n            (\n              <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical\">\n                <h2 class=\"pn-charts-card__heading\">{this.header}</h2>\n                <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n              </div>\n            )\n          }\n          <div class=\"pn-charts-card__content__wrapper\">\n            <slot name=\"chart\"></slot>\n            <div class=\"pn-charts-card__text__container\">\n              {this.header &&\n                (\n                  <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal\">\n                    <h2 class=\"pn-charts-card__heading pn-charts-card__heading\">{this.header}</h2>\n                    <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n                  </div>\n                )\n              }\n              <span class=\"pn-charts-card__preamble\">{this.preamble}</span>\n              <div class=\"pn-charts-card__text__wrapper\">\n                <div class=\"pn-charts-card__source\">\n                  <label>{this.label}</label>\n                  {this.source ? <p class=\"pn-chart-card__text__heading\">{this.source}</p> : null}\n                  {this.showCtaLinkText()}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,u+JACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,qCAGE,K,qKAOU,K,kCAEnCC,gBAAkB,KAChB,GAAIC,KAAKC,YAAa,CACpB,OACEC,EAAA,KAAGC,MAAM,iBAAiBC,KAAMJ,KAAKK,UAAWC,IAAKN,KAAKO,gBAAkB,iCAAmC,KAAMC,OAAQR,KAAKO,gBAAkB,SAAW,MAC5JP,KAAKC,YAAW,IAAEC,EAAA,WAASO,KAAMC,GAAW,K,CAInD,OAAO,IAAI,EAGb,MAAAC,GACE,OACET,EAACU,EAAI,CAAAC,IAAA,4CACHX,EAAA,QAAAW,IAAA,2CAAMC,KAAK,4BACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,2BACRH,KAAKe,QAEFb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,+EACTD,EAAA,MAAAW,IAAA,2CAAIV,MAAM,2BAA2BH,KAAKe,QAC1Cb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCH,KAAKgB,YAI5Dd,EAAA,OAAAW,IAAA,2CAAKV,MAAM,oCACTD,EAAA,QAAAW,IAAA,2CAAMC,KAAK,UACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,mCACRH,KAAKe,QAEFb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iFACTD,EAAA,MAAAW,IAAA,2CAAIV,MAAM,mDAAmDH,KAAKe,QAClEb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCH,KAAKgB,YAI5Dd,EAAA,QAAAW,IAAA,2CAAMV,MAAM,4BAA4BH,KAAKiB,UAC7Cf,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iCACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,0BACTD,EAAA,SAAAW,IAAA,4CAAQb,KAAKkB,OACZlB,KAAKmB,OAASjB,EAAA,KAAGC,MAAM,gCAAgCH,KAAKmB,QAAc,KAC1EnB,KAAKD,uB","ignoreList":[]}
+{"version":3,"names":["pnChartsCardCss","PnChartsCardStyle0","PnChartsCard","showCtaLinkText","this","ctaLinkText","h","class","href","sourceUrl","rel","openInNewWindow","target","icon","arrow_right","render","Host","key","name","header","highlight","preamble","label","source"],"sources":["src/components/charts/pn-charts-card/pn-charts-card.scss?tag=pn-charts-card","src/components/charts/pn-charts-card/pn-charts-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-charts-card {\n  width: 100%;\n  height: 100%;\n  display: flex;\n\n  .pn-charts-card__wrapper {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    border-radius: 2.4rem;\n    padding: 2.4rem;\n\n    @media screen and (min-width: $min-width-xl) {\n      padding: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    gap: 0.8rem;\n  }\n\n  .pn-charts-card__heading {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__highlight {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n    color: $blue700;\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__content__wrapper {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .pn-charts-card__text__container {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n  }\n\n  .pn-charts-card__heading__wrapper--horizontal {\n    display: none;\n  }\n\n  .pn-charts-card__text__wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n\n    span {\n      display: block;\n      margin-bottom: 5.4rem;\n    }\n  }\n\n  .pn-charts-card__preamble {\n    font-weight: 400;\n    font-size: 1.6rem;\n    line-height: 140%;\n    flex-grow: 1;\n    margin-bottom: 1.6rem;\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 2rem;\n    }\n  }\n\n  .pn-charts-card__source {\n    display: flex;\n    flex-direction: column;\n\n    label {\n      background-color: $blue700;\n      color: $white;\n      border-radius: 0.4rem;\n      font-weight: 400;\n      font-size: 1rem;\n      line-height: 1;\n      text-transform: uppercase;\n      padding: 0.4rem;\n      margin-bottom: 0.6rem;\n      width: fit-content;\n\n      @media screen and (min-width: $min-width-xxl) {\n        font-size: 1.2rem;\n        padding: 0.6rem;\n      }\n    }\n\n    .pn-chart-card__text__heading {\n      font-weight: 400;\n      font-size: 1.6rem;\n      line-height: 140%;\n      color: $blue700;\n      margin-bottom: 0;\n\n      @media screen and (min-width: $min-width-xxl) {\n        font-size: 2rem;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      &:hover {\n        text-decoration: underline;\n      }\n\n      font-weight: 500;\n      font-size: 1.6rem;\n      text-decoration: none;\n      color: $blue700;\n      font-weight: 400;\n\n      @media screen and (min-width: $min-width-xxl) {\n        font-size: 2rem;\n      }\n\n      pn-icon svg {\n        path {\n          fill: $blue700;\n        }\n      }\n\n      &[target='_blank']:not(.pn-button):after {\n        display: none;\n      }\n    }\n  }\n}\n\n//horizontal layout\n.fullwidth {\n  & > pn-charts-card {\n    .pn-charts-card__wrapper {\n      padding: 2.4rem;\n      @media screen and (min-width: $min-width-lg) {\n        padding: 4rem;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper {\n      margin-bottom: 3.2rem;\n      @media screen and (min-width: $min-width-md) {\n        justify-content: flex-start;\n      }\n\n      gap: 1.6rem;\n    }\n\n    .pn-charts-card__heading,\n    .pn-charts-card__heading__highlight {\n      font-size: 2.4rem;\n      @media screen and (min-width: $min-width-md) {\n        font-size: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__content__wrapper {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      @media screen and (min-width: $min-width-lg) {\n        flex-direction: row-reverse;\n        gap: 5.6rem;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        gap: 4rem;\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        gap: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__text__container {\n      justify-content: center;\n      @media screen and (min-width: $min-width-md) {\n        width: 100%;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--vertical {\n      display: flex;\n\n      @media screen and (min-width: $min-width-lg) {\n        display: none;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--horizontal {\n      display: none;\n      @media screen and (min-width: $min-width-lg) {\n        display: flex;\n      }\n    }\n\n    .pn-charts-card__preamble {\n      @media screen and (min-width: $min-width-md) {\n        flex-grow: 0;\n        font-size: 2rem;\n      }\n    }\n  }\n}\n\n//colors\npn-charts-card[data-chart-color='blue'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $blue25;\n  }\n}\n\npn-charts-card[data-chart-color='coral'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $coral50;\n  }\n}\n\npn-charts-card[data-chart-color='green'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $green50;\n  }\n}\n\npn-charts-card[data-chart-color='white'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $white;\n  }\n}\n\npn-charts-card[data-chart-color='gray'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $gray25;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-charts-card',\n  styleUrl: 'pn-charts-card.scss',\n})\nexport class PnChartsCard {\n  @Element() hostElement: HTMLElement;\n  //props\n  @Prop() header: string = null;\n  @Prop() highlight: string;\n  @Prop() preamble: string;\n  @Prop() label: string;\n  @Prop() source: string;\n  @Prop() sourceUrl: string;\n  @Prop() ctaLinkText: string;\n  @Prop() openInNewWindow: boolean = false;\n\n  showCtaLinkText = () => {\n    if (this.ctaLinkText) {\n      return (\n        <a class=\"link--animated\" href={this.sourceUrl} rel={this.openInNewWindow ? 'noopener nofollower noreferrer' : null} target={this.openInNewWindow ? '_blank' : null}>\n          {this.ctaLinkText} <pn-icon icon={arrow_right}> </pn-icon>\n        </a>\n      );\n    }\n    return null;\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"clickable-block-wrapper\" />\n        <div class=\"pn-charts-card__wrapper\">\n          {this.header &&\n            (\n              <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical\">\n                <h2 class=\"pn-charts-card__heading\">{this.header}</h2>\n                <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n              </div>\n            )\n          }\n          <div class=\"pn-charts-card__content__wrapper\">\n            <slot name=\"chart\"></slot>\n            <div class=\"pn-charts-card__text__container\">\n              {this.header &&\n                (\n                  <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal\">\n                    <h2 class=\"pn-charts-card__heading pn-charts-card__heading\">{this.header}</h2>\n                    <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n                  </div>\n                )\n              }\n              <span class=\"pn-charts-card__preamble\">{this.preamble}</span>\n              <div class=\"pn-charts-card__text__wrapper\">\n                <div class=\"pn-charts-card__source\">\n                  <label>{this.label}</label>\n                  {this.source ? <p class=\"pn-chart-card__text__heading\">{this.source}</p> : null}\n                  {this.showCtaLinkText()}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,gzKACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,qCAGE,K,qKAOU,K,kCAEnCC,gBAAkB,KAChB,GAAIC,KAAKC,YAAa,CACpB,OACEC,EAAA,KAAGC,MAAM,iBAAiBC,KAAMJ,KAAKK,UAAWC,IAAKN,KAAKO,gBAAkB,iCAAmC,KAAMC,OAAQR,KAAKO,gBAAkB,SAAW,MAC5JP,KAAKC,YAAW,IAAEC,EAAA,WAASO,KAAMC,GAAW,K,CAInD,OAAO,IAAI,EAGb,MAAAC,GACE,OACET,EAACU,EAAI,CAAAC,IAAA,4CACHX,EAAA,QAAAW,IAAA,2CAAMC,KAAK,4BACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,2BACRH,KAAKe,QAEFb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,+EACTD,EAAA,MAAAW,IAAA,2CAAIV,MAAM,2BAA2BH,KAAKe,QAC1Cb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCH,KAAKgB,YAI5Dd,EAAA,OAAAW,IAAA,2CAAKV,MAAM,oCACTD,EAAA,QAAAW,IAAA,2CAAMC,KAAK,UACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,mCACRH,KAAKe,QAEFb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iFACTD,EAAA,MAAAW,IAAA,2CAAIV,MAAM,mDAAmDH,KAAKe,QAClEb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCH,KAAKgB,YAI5Dd,EAAA,QAAAW,IAAA,2CAAMV,MAAM,4BAA4BH,KAAKiB,UAC7Cf,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iCACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,0BACTD,EAAA,SAAAW,IAAA,4CAAQb,KAAKkB,OACZlB,KAAKmB,OAASjB,EAAA,KAAGC,MAAM,gCAAgCH,KAAKmB,QAAc,KAC1EnB,KAAKD,uB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,g as i,h as t,d as n}from"./p-82546a44.js";import{s as o}from"./p-fe466661.js";import{a as r}from"./p-36b39340.js";import"./p-8836de82.js";const s=(e,i)=>{const t="PRODUCTION";const n="https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=";const o="https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=";const r="/login?returnUrl=";if(e){return r}else if(i.toUpperCase()!==t){return n}else{return o}};const l="";const a=l;const h=class{constructor(i){e(this,i);this.label="Log in";this.useMarketwebLogin=false;this.environment="local"}get hostElement(){return i(this)}loginUrl;componentWillLoad(){this.loginUrl=s(this.useMarketwebLogin,this.environment)}nagivateToLoginUrl(){const e=`${this.loginUrl}${encodeURIComponent(window.location.href)}`;return e}render(){return t(n,{key:"b8eddfc6326e8d5b0f3079294b60070cb76fe879"},t("pn-button",{key:"f4df113cc7b792da3f03dfb8f594472d14575891",href:this.nagivateToLoginUrl()},this.label))}};h.style=a;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}}";const p=d;const c=class{constructor(i){e(this,i);this.loginDialog=null;this.idNamespace="";this.loggedin=false;this.username="";this.showUnifiedLogin=false}get hostElement(){return i(this)}componentWillLoad(){this.init()}async init(){this.adjustLoginLinks()}adjustLoginLinks(){if(!this.loginDialog){return}const e=(e,i)=>{if(!e.isLogoutLink){e.isLogoutLink=e.pageLink.indexOf("location.href")!==-1&&e.pageLink.indexOf("logout")!==-1}if(e.isLogoutLink){e.href=o.loginManager.getLogoutUrl(e.href)}e.href=e.href.replace("window.location.href",window.location.href);if(i===0&&!e.href){e.href=o.loginManager.getLoginUrl();e.linkType="primary"}if(e.primaryLinkApperance&&!e.linkType){e.linkType="primary"}};if(this.loginDialog?.loginMenuLinks){this.loginDialog?.loginMenuLinks.forEach(e)}if(this.loginDialog?.loggedInLinks){this.loginDialog?.loggedInLinks.forEach(e)}this.loginDialog.legacyLoginLinks=[{href:o.loginManager.getLoginUrl(this.loginDialog.loginUrl),linkText:this.loginDialog.loginLinkText,openInNewWindow:false,isLogoutLink:false,pageLink:null,linkType:"primary",primaryLinkApperance:true},{href:o.loginManager.getLoginUrl(this.loginDialog.registerUrl),linkText:this.loginDialog.createLoginLinkText,openInNewWindow:false,isLogoutLink:false,pageLink:null,primaryLinkApperance:false}]}render(){if(!this.loginDialog){return}let e={username:null,loggedin:false};if(this.username){e.username=this.username;e.loggedin=this.loggedin}return t(n,{...e},!this.loginDialog.overrideLoginMenu?t("div",{"data-loggedin":this.loggedin+""},this.loggedin?t("pn-marketweb-siteheader-login-linklist",{links:this.loginDialog.loggedInLinks,idNamespace:this.idNamespace}):t("div",null,this.loginDialog.loginMenuLinks?.length>0?t("pn-marketweb-siteheader-login-linklist",{heading:this.loginDialog.loginTitle,links:this.loginDialog.loginMenuLinks,idNamespace:this.idNamespace,showUnifiedLogin:this.showUnifiedLogin}):t("pn-marketweb-siteheader-login-linklist",{links:this.loginDialog.legacyLoginLinks,idNamespace:this.idNamespace}))):null,this.loginDialog.overrideLoginMenu?t("pn-marketweb-siteheader-login-linklist",{links:this.loginDialog.loginMenuLinks,idNamespace:this.idNamespace}):null)}static get watchers(){return{loginDialog:["init"]}}};c.style=p;const f='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.pn-marketweb-siteheader-login-profileselection-heading{display:block;padding:0.5rem 0 1rem}.pn-marketweb-siteheader-login-profileselection-user,.pn-marketweb-siteheader-login-profileselection-currentprofile{margin-top:1rem;margin-bottom:1rem}.pn-marketweb-siteheader-login-profileselection-user-name,.pn-marketweb-siteheader-login-profileselection-currentprofile-name{line-height:1}.pn-marketweb-siteheader-login-profileselection-user-description,.pn-marketweb-siteheader-login-profileselection-currentprofile-description{font-weight:400;white-space:normal;word-break:break-all;color:#5e554a;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-divider{height:1rem;width:100%;background:#00a0d6;position:relative;margin-left:-1em;margin-top:1.6rem;margin-bottom:1.6rem;border-radius:0 0.6em 0.6em 0;padding:0}.pn-marketweb-siteheader-login-profileselection-divider::after{content:"";width:0.6em;height:0.6em;border-radius:50%;position:absolute;right:0;top:0;background:inherit;transform:translateX(calc(100% + 0.2em))}.pn-marketweb-siteheader-login-profileselection-profileoption-link{display:flex;background:#ffffff;transition:background 0.15s ease-in-out;margin:0 -1em;padding:0.6rem 1.6rem;text-decoration:none;color:#005d92;align-items:center}.pn-marketweb-siteheader-login-profileselection-profileoption-link:hover,.pn-marketweb-siteheader-login-profileselection-profileoption-link:focus,.pn-marketweb-siteheader-login-profileselection-profileoption-link:active{background:#f3f2f2}.pn-marketweb-siteheader-login-profileselection-profileoption-content{flex-grow:1}.pn-marketweb-siteheader-login-profileselection-profileoption-name{font-weight:700}.pn-marketweb-siteheader-login-profileselection-profileoption-description{font-weight:400;white-space:normal;word-break:break-all;color:#5e554a;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-logout{padding:1.6rem;text-align:center;width:100%}.pn-marketweb-siteheader-login-profileselection-logout-link{display:inline-block;font-weight:500;color:#005d92;text-decoration:none}.pn-marketweb-siteheader-login-profileselection-logout-link:hover,.pn-marketweb-siteheader-login-profileselection-logout-link:focus,.pn-marketweb-siteheader-login-profileselection-logout-link:active{text-decoration:underline}';const m=f;const u=class{constructor(i){e(this,i);this.loginDialog=null;this.endpoint="";this.loggedin=false;this.idNamespace="";this.heading=null;this.i18n={searchlabel:"",searchplaceholder:"",searchbuttontext:"",menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",profileSelectionFlyoutHeading:""};this.user=null;this.logoutLink=null;this.userName=null;this.userEmail="";this.currentProfile=null;this.profileoptions=[]}get hostElement(){return i(this)}componentWillLoad(){if(this.heading===null&&this.i18n?.profileSelectionFlyoutHeading){this.heading=this.i18n.profileSelectionFlyoutHeading}this.init()}init(){this.updateUserInfo();this.adjustLoginLinks();this.fetchProfiles()}async fetchProfiles(){if(!this.loggedin||this.profileoptions.length>0){return}let e=`${this.endpoint}${this.endpoint.lastIndexOf("/")>-1&&this.endpoint.lastIndexOf("/")===this.endpoint.length-1?"":"/"}api/user/parentorganizations`;const i=await fetch(e);const t=await i.json();const n={loggedin:true,organizations:[{name:"Forsheda Livs AB",customerNumber:"5564513603",id:"dbba867d-1dff-3dbb-b420-c57b4b828b73",selected:true,profiles:[{name:"Forsheda Livs AB",customerNumber:"20685482",id:"f757ba28-9a73-15a2-f128-4b394d970f3f",ssid:"",selected:false,customerGroup:"Business"},{name:"ICA MAXI KUNGSBACKA",customerNumber:"20831191",id:"5aea41df-32b0-3f7e-2946-78598360177d",ssid:"259686",selected:true,customerGroup:"Agent"}]},{name:"Hem Livs i Kungsbacka AB",customerNumber:"5565271250",id:"97ca363c-40ef-cca9-7a3c-9e7f025567c2",selected:false,profiles:[{name:"ICA KVANTUM KUNGSBACKA",customerNumber:"20831193",id:"fbd61ffd-41c6-2206-b88e-cfef91e1dc39",ssid:"259691",selected:false,customerGroup:"Agent"}]},{name:"ICA SUPERMARKET TORGET",customerNumber:"5568902679",id:"7cb76a94-e1a5-5f57-58fd-bc563851b28e",selected:false,profiles:[{name:"ICA SUPERMARKET TORGET",customerNumber:"20831212",id:"3a2db017-b68f-6fa0-fe70-542c08cd97ce",ssid:"",selected:false,customerGroup:"Agent"}]}]};const o=window.location.href.indexOf("localhost:6008")!==-1?n:t;if(!o||!o.organizations||!o.organizations.length){this.heading="";return}o.organizations.forEach((e=>{if(e.selected===true&&e.profiles){const i=e.profiles.filter((e=>e.selected===true));if(i&&i[0]&&i[0].customerGroup.toLocaleLowerCase()==="agent"&&i[0].ssid){e.customerNumber=i[0].ssid}}else{if(e.customerNumber.length===10&&e.customerNumber.substring(0,2)==="55"){e.customerNumber=e.customerNumber.substring(0,6)+"-"+e.customerNumber.substring(6)}this.profileoptions.push(e)}}));let r=o.organizations.filter((e=>e.selected===true))[0];const s={name:this.userName,customerNumber:"",id:"",selected:!r,profiles:[]};if(!r){r=s}if(r&&r.name){this.currentProfile=r}this.profileoptions.push(s)}adjustLoginLinks(){const e=(e,i)=>{if(!e.isLogoutLink){e.isLogoutLink=e.pageLink.indexOf("location.href")!==-1&&e.pageLink.indexOf("logout")!==-1}if(e.isLogoutLink){e.href=o.loginManager.getLogoutUrl(e.href)}if(i===0&&!e.href){e.href=o.loginManager.getLoginUrl();e.linkType="primary"}if(e.primaryLinkApperance&&!e.linkType){e.linkType="primary"}};if(this.loginDialog?.loggedInLinks){this.loginDialog?.loggedInLinks.forEach(e)}this.logoutLink=this.loginDialog?.loggedInLinks.filter((e=>e.isLogoutLink))[0]??null}updateUserInfo(){const e=o.loginManager.getUserInfo();this.user=e;if(!e){return}if(e&&e.email){this.userEmail=e.email}if(e&&e.given_name){this.userName=e.given_name+(e?.family_name?` ${e?.family_name}`:"")}if(e&&e.given_name){this.userName=e.given_name;return}if(e&&e.family_name){this.userName=e.family_name;return}if(e&&e.username){this.userName=e.username;return}}filterLogoutLink(e){return e.filter((e=>!e.isLogoutLink))}render(){if(!this.loginDialog){return}let e={};return t(n,{...e},this.heading?t("strong",{class:"pn-marketweb-siteheader-login-profileselection-heading"},this.heading):null,this.currentProfile!==null&&this.currentProfile.name?t("div",{class:"pn-marketweb-siteheader-login-profileselection-currentprofile"},t("div",{class:"pn-marketweb-siteheader-login-profileselection-currentprofile-name"},this.currentProfile.name),t("div",{class:"pn-marketweb-siteheader-login-profileselection-currentprofile-description"},this.currentProfile.customerNumber?this.currentProfile.customerNumber:this.userEmail)):null,t("pn-marketweb-siteheader-login-linklist",{links:this.filterLogoutLink(this.loginDialog.loggedInLinks),idNamespace:this.idNamespace}),t("div",{class:"pn-marketweb-siteheader-login-profileselection-divider"}),this.profileoptions.filter((e=>e.selected!==true)).map((e=>{let i=e.profiles.length>0?e.profiles[0].customerNumber:e.customerNumber;return t("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption"},t("a",{href:`${this.endpoint}/api/user/setprofile?customernumber=${i}&returnUrl=${encodeURIComponent(window.location.href)}`,class:"pn-marketweb-siteheader-login-profileselection-profileoption-link"},t("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption-content"},t("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption-name"},e.name),t("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption-description"},e.customerNumber?e.customerNumber:this.userEmail)),t("pn-icon",{icon:r,small:"false",color:"blue700"})))})),this.logoutLink?t("div",{class:"pn-marketweb-siteheader-login-profileselection-logout"},t("a",{href:this.logoutLink.href,rel:"nofollower noopener",id:"pn-marketweb-header-logoutlink",onClick:()=>o.loginManager.clearUserData(),class:"pn-marketweb-siteheader-login-profileselection-logout-link"},this.logoutLink.linkText)):null)}};u.style=m;const g="";const b=g;const w=class{constructor(i){e(this,i);this.loggedIn=false;this.logInLabel=undefined;this.useMarketwebLogin=undefined;this.environment=undefined}get hostElement(){return i(this)}render(){return t(n,{key:"8af0af70c9b1a87013fe09558c9a2fb3221f3bbd"},t("pn-marketweb-siteheader-login-button",{key:"bcf02e127c2dd8c5f3b05c781f601eb04091196c",label:this.logInLabel,useMarketwebLogin:this.useMarketwebLogin,environment:this.environment}))}};w.style=b;export{h as pn_marketweb_siteheader_login_button,c as pn_marketweb_siteheader_login_links,u as pn_marketweb_siteheader_login_profileselection,w as pn_marketweb_siteheader_unified_login};
+//# sourceMappingURL=p-268dc1fa.entry.js.map

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-2fd60147.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,d as s,g as a}from"./p-82546a44.js";import{a as i}from"./p-575f557a.js";import{a as n}from"./p-36b39340.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="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10c-.97 0-1.908-.138-2.797-.397-1.242-.36-2.352-.61-3.409-.464l-2.095.29A1 1 0 0 1 2.572 20.3l.289-2.095c.146-1.057-.103-2.167-.464-3.41A10 10 0 0 1 2 12m10-8a8 8 0 0 0-7.683 10.239c.364 1.252.734 2.724.525 4.24l-.108.788.787-.11c1.516-.208 2.988.162 4.24.526.71.206 1.46.317 2.239.317a8 8 0 1 0 0-16m-.034 4.5c-.445 0-.84.285-.981.707l-.037.11a1 1 0 0 1-1.897-.633l.037-.11A3.03 3.03 0 0 1 11.966 6.5h.18C13.734 6.5 15 7.807 15 9.371a2.83 2.83 0 0 1-1.553 2.523.81.81 0 0 0-.447.724V13a1 1 0 1 1-2 0v-.382c0-1.064.6-2.037 1.553-2.512A.83.83 0 0 0 13 9.37a.87.87 0 0 0-.854-.871zm.034 6a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg>';const o=r;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-chat-message{display:flex;text-align:left}pn-chat-message.user,pn-chat-message.buttonresponse{justify-content:flex-end}pn-chat-message.system-message{text-align:center;justify-content:center}pn-chat-message .message-container{border-radius:0.8rem;display:flex;gap:1rem;max-width:75%;overflow-x:hidden}pn-chat-message .message-container .category{width:2.6rem}pn-chat-message .message-container.bot .message,pn-chat-message .message-container.agent .message{background-color:#f3f2f2}pn-chat-message .message-container.link{flex-basis:100%}pn-chat-message .message-container.link .message{background-color:#effbff;box-shadow:0px 0.6px 1.8px 0px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px 0px rgba(0, 0, 0, 0.13);transition:box-shadow ease-in-out 0.5s;padding:0}pn-chat-message .message-container.link .message:hover{box-shadow:0px 0.6px 1.8px 0px rgba(0, 0, 0, 0.2), 0px 3.2px 7.2px 0px rgba(0, 0, 0, 0.23)}pn-chat-message .message-container.link .message a{color:#000000;display:flex;justify-content:space-between;padding:1rem 1.6rem;text-decoration:none}pn-chat-message .message-container.link .business.message{background-color:#fdefee}pn-chat-message .message-container.button{flex-basis:100%;text-align:center;max-width:unset}pn-chat-message .message-container.button .message{padding:0}pn-chat-message .message-container.card{border:solid 1px #d3cecb;border-radius:1.6rem;flex-basis:100%;max-width:100%}pn-chat-message .message-container.card .message{display:flex;flex-direction:column;gap:0.8rem;padding:1.6rem}pn-chat-message .message-container.card .card-heading{font-size:1.6rem;line-height:2.4rem;font-weight:700}pn-chat-message .message-container.card .cta{display:flex;flex-direction:row;gap:0.5rem}pn-chat-message .message-container.card .read-more{align-self:flex-start;margin-top:auto}pn-chat-message .message-container.user .message,pn-chat-message .message-container.buttonresponse .message{background-color:#e0f8ff;color:#2d2013;border-radius:0.8rem 0.8rem 0 0.8rem}pn-chat-message .message-container .message{border-radius:0 0.8rem 0.8rem 0.8rem;display:inline-block;flex:1 1 auto;font-size:1.4rem;line-height:2rem;padding:1rem 1.6rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;word-break:break-word}@media (max-width: 767px){pn-chat-message .message-container .message{font-size:1.6rem}}pn-chat-message .message-container.agent .category .pn-icon{background-color:#00a0d6;color:#ffffff;text-align:center;border-radius:50%;display:inline-block;width:2.5rem;height:2.5rem;font-weight:500;font-size:1.2rem;line-height:2.6rem}pn-chat-message[data-card]{height:100%}";const c=h;const l=class{constructor(t){e(this,t);this.category=undefined;this.customerSegment=undefined;this.agentName=undefined}robotIcon='<?xml version="1.0" encoding="UTF-8"?> <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 20 20"> \x3c!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141)  --\x3e <defs> <style> .st0 { fill: none; } .st1 { fill: #8eddf9; } .st2 { fill: #f3f2f2; } .st3 { fill: #0d234b; } .st4 { fill: #f06365; } .st5 { clip-path: url(#clippath); } .st6 { fill: #005d92; } </style> <clipPath id="clippath"> <rect class="st0" width="20" height="20"/> </clipPath> </defs> <g class="st5"> <g> <path class="st2" d="M10,20c5.5,0,10-4.5,10-10S15.5,0,10,0,0,4.5,0,10s4.5,10,10,10Z"/> <path class="st3" d="M10.5,4h-.5v2.8h.5v-2.8Z"/> <path class="st3" d="M10.2,4.3c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path class="st3" d="M9,5h2.4c1,0,1.8.8,1.8,1.8h-6c0-1,.8-1.8,1.8-1.8Z"/> <path class="st4" d="M17,10.3v-.8c0-1.9-1.5-3.5-3.5-3.5h-7.1c-1.9,0-3.5,1.6-3.5,3.5v.8h14.1Z"/> <path d="M13.9,16.1l-3.7.4v-.4s3.6-.4,3.6-.4c.8,0,1.6-.4,2.1-1s.7-2.9.7-3.7h.4c0,.9-.2,3.3-.8,3.9-.6.7-1.4,1.1-2.3,1.2Z"/> <path class="st4" d="M16.3,12.1v-3.6h.2c1,0,1.8.8,1.8,1.8s-.8,1.8-1.8,1.8h-.2Z"/> <path class="st4" d="M3.7,8.5v3.6h-.2c-1,0-1.8-.8-1.8-1.8s.8-1.8,1.8-1.8h.2Z"/> <path class="st3" d="M13.1,6.6h-6.2c-1.8,0-3.3,1.5-3.3,3.3v2.1c0,1.8,1.5,3.3,3.3,3.3h6.2c1.8,0,3.3-1.5,3.3-3.3v-2.1c0-1.8-1.5-3.3-3.3-3.3Z"/> <path class="st6" d="M12.8,7.8h-5.6c-1.4,0-2.5,1.1-2.5,2.5v1.4c0,1.4,1.1,2.4,2.5,2.4h5.6c1.4,0,2.4-1.1,2.4-2.4v-1.4c0-1.4-1.1-2.5-2.4-2.5Z"/> <path class="st1" d="M12.3,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path class="st1" d="M7.7,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path d="M11,15.8h-1.5c-.3,0-.5.2-.5.5h0c0,.3.2.5.5.5h1.5c.3,0,.5-.2.5-.5h0c0-.3-.2-.5-.5-.5Z"/> </g> </g> </svg>';getIcon(){let e=null;switch(this.category){case"Bot":return this.robotIcon;case"Agent":return this.agentName;case"Link":return o}return e}getMessageClass(){switch(this.category){case"ButtonResponse":return"buttonresponse";case"User":return"user";case"System":return"system-message";default:return undefined}}render(){const e=this.customerSegment?.toLowerCase()||"";const a=this.category?.toLowerCase()||"";return t(s,{key:"b6d8b3fbaa4aa9fff3b73f5551ecc1f3d55d4e6c",class:this.getMessageClass()},t("div",{key:"196dfe9d041e5aa3c0f22c74cf15bdf7c99db8b1",class:`message-container ${a}`},this.getIcon()&&t("span",{key:"333d599b29fbed5b5483cbf23860cdf91cb9c645",class:"category"},t("pn-icon",{key:"922332436e444a7bd95aaf985ad7e15202c7b5a1",icon:this.getIcon(),color:this.category==="User"?"blue700":"blue700","aria-hidden":"true",role:"presentation"})),t("span",{key:"d5c36c5445ec13b4713a133db6c9c7e75c5cd717",class:`message ${e}`},t("slot",{key:"b49928b152d6d7e07f80abc3e86beb53b7f27441"}))))}};l.style=c;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-marketweb-carousel{display:inline-block}pn-marketweb-carousel .pn-marketweb-carousel .slider-wrapper{margin:1rem;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom}pn-marketweb-carousel .pn-marketweb-carousel .slides-container{display:flex;width:100%;list-style:none;margin:0;padding:0;overflow:hidden;position:relative;touch-action:none;transition:transform 0.5s ease-in-out;user-select:none}pn-marketweb-carousel .pn-marketweb-carousel .slides-container[data-partial=false] .slide{width:100%}pn-marketweb-carousel .pn-marketweb-carousel [data-slide]{flex:0 0 auto;transition:transform 0.5s ease-in-out}pn-marketweb-carousel .pn-marketweb-carousel .nav-button{cursor:pointer;display:flex;position:absolute;top:0;bottom:0;transform:translateY(-50%);height:2rem;margin:auto;padding:0;opacity:0.85;transition:opacity 200ms;z-index:1}pn-marketweb-carousel .pn-marketweb-carousel .nav-button.invisible{opacity:0}pn-marketweb-carousel .pn-marketweb-carousel .nav-button[data-show=false]{display:none}pn-marketweb-carousel .pn-marketweb-carousel .nav-button:hover,pn-marketweb-carousel .pn-marketweb-carousel .nav-button:focus{opacity:1}pn-marketweb-carousel .pn-marketweb-carousel [data-nav-button-prev]{left:1.75rem;border-radius:0 2rem 2rem 0}pn-marketweb-carousel .pn-marketweb-carousel [data-nav-button-next]{right:1.75rem;border-radius:2rem 0 0 2rem}@media (prefers-reduced-motion: reduce){pn-marketweb-carousel .slides-container{transition:none}pn-marketweb-carousel [data-slide]{transition:none}}";const p=d;const u=class{constructor(t){e(this,t);this.previousButtonLabel=undefined;this.nextButtonLabel=undefined;this.ariaNavigationLabel=undefined;this.source=undefined;this.slidesToShow=1;this.showCarouselButtons=true;this.showFirstSlidePrevButton=false;this.showLastSlideNextButton=false;this.slidesData=[];this.currentSlide=0;this.isDragging=false;this.slideWidth=0}static DEFAULTS={SWIPE_THRESHOLD_PX:50,ANIMATION_DURATION_MS:300,OVERSCROLL_LIMIT_PERCENT:30};get hostElement(){return a(this)}slides=null;slidesContainer=null;totalSlides=0;prevButton=null;nextButton=null;dragStartX=0;listeners=[];memoizedSlideWidth=null;componentWillLoad(){this.setInitialValues()}componentDidLoad(){this.setupCarousel();window.addEventListener("resize",this.handleResize)}disconnectedCallback(){this.cleanup();window.removeEventListener("resize",this.handleResize)}async goToSlide(e){if(e>=0&&e<this.totalSlides){this.currentSlide=e;this.moveSlides();this.updateNavButtons()}}async getCurrentSlide(){return this.currentSlide}handleSourceChange(e){if(e){this.setInitialValues()}}setInitialValues(){if(!this.source?.trim()){console.warn("No source provided for carousel");return}try{const e=JSON.parse(this.source);if(!e?.slides){throw new Error("Invalid slides data structure")}if(Array.isArray(e.slides)){this.slidesData=e.slides;this.showCarouselButtons=this.slidesData.length>1}else{throw new Error("Slides data is not an array")}}catch(e){console.error("Error parsing carousel source:",e instanceof Error?e.message:"Unknown error");this.slidesData=[]}}setupCarousel(){this.initializeElements();this.attachEventListeners();this.updateNavButtons()}initializeElements(){this.slidesContainer=this.hostElement.querySelector("[data-slides-container]");this.slides=this.hostElement.querySelectorAll("[data-slide]");this.totalSlides=this.slides?.length??0;if(this.showCarouselButtons){this.prevButton=this.hostElement.querySelector("[data-nav-button-prev]");this.nextButton=this.hostElement.querySelector("[data-nav-button-next]")}this.slideWidth=100/this.slidesToShow}attachEventListeners(){if(!this.slidesContainer)return;const e=(e,t,s,a)=>{e.addEventListener(t,s,a);this.listeners.push({element:e,event:t,handler:s})};e(this.slidesContainer,"touchstart",this.handleTouchStart,{passive:true});e(this.slidesContainer,"touchmove",this.handleTouchMove,{passive:false});e(this.slidesContainer,"touchend",this.handleTouchEnd,{passive:true});e(this.slidesContainer,"mousedown",this.handleTouchStart);e(this.slidesContainer,"mousemove",this.handleTouchMove);e(this.slidesContainer,"mouseup",this.handleTouchEnd);e(this.slidesContainer,"mouseleave",this.handleTouchEnd);if(this.showCarouselButtons){this.nextButton&&e(this.nextButton,"click",this.handleNextClick);this.prevButton&&e(this.prevButton,"click",this.handlePrevClick)}}cleanup(){this.listeners.forEach((({element:e,event:t,handler:s})=>{e.removeEventListener(t,s)}));this.listeners=[]}handleResize=()=>{this.memoizedSlideWidth=null};getSlideWidth(){if(!this.memoizedSlideWidth&&this.slidesContainer){this.memoizedSlideWidth=this.slidesContainer.offsetWidth}return this.memoizedSlideWidth??0}handleNextClick=e=>{e.stopPropagation();this.nextSlide()};handlePrevClick=e=>{e.stopPropagation();this.prevSlide()};handleTouchStart=e=>{if(e.target.classList.contains("nav-button"))return;this.isDragging=true;this.dragStartX="touches"in e?e.touches[0].clientX:e.clientX};handleTouchMove=e=>{if(!this.isDragging)return;if("touches"in e){e.preventDefault()}const t="touches"in e?e.touches[0].clientX:e.clientX;const s=t-this.dragStartX;const a=s/this.getSlideWidth()*100;this.moveSlides(a)};handleTouchEnd=e=>{if(!this.isDragging)return;this.isDragging=false;const t="changedTouches"in e?e.changedTouches[0].clientX:e.clientX;const s=t-this.dragStartX;if(Math.abs(s)>u.DEFAULTS.SWIPE_THRESHOLD_PX){if(s>0&&this.currentSlide>0){this.currentSlide--}else if(s<0&&this.currentSlide<this.totalSlides-1){this.currentSlide++}}this.moveSlides();this.updateNavButtons()};calculateProportionalTranslation(){return-200+(this.slidesToShow-1)*100}moveSlides(e=0){if(!this.slides||!this.slidesContainer){return}try{this.slides.forEach(((t,s)=>{if(t){t.style.width=`${this.slideWidth}%`;let a=0;if(this.slidesToShow===1){a=-100*this.currentSlide}else{if(this.totalSlides===2){if(this.currentSlide===1){a=-50}}else{if(this.currentSlide===1){a=-100}else if(this.currentSlide===2){if(s===0){a=-100}else{a=this.calculateProportionalTranslation()}}}}a+=e;t.style.transform=`translateX(${a}%)`;t.style.position="relative";let i;if(this.slidesToShow===1){i=s===this.currentSlide}else{i=this.currentSlide===0||this.totalSlides===2||this.currentSlide===1&&a===-100||this.currentSlide===2&&(s===0&&a===-100||s>0)}t.setAttribute("aria-hidden",(!i).toString())}}))}catch(e){console.error("Error moving slides:",e)}}updateNavButtons(){if(!this.showCarouselButtons)return;const e=this.currentSlide===0;const t=this.currentSlide===this.totalSlides-1;if(this.prevButton){this.prevButton.classList.toggle("invisible",e&&!this.showFirstSlidePrevButton);this.prevButton.dataset.show=e?`${this.showFirstSlidePrevButton}`:"true"}if(this.nextButton){this.nextButton.classList.toggle("invisible",t&&!this.showLastSlideNextButton);this.nextButton.dataset.show=t?`${this.showLastSlideNextButton}`:"true"}}nextSlide(){if(this.currentSlide>=this.totalSlides-1){this.currentSlide=0}else{this.currentSlide++}this.moveSlides();this.updateNavButtons()}prevSlide(){if(this.currentSlide<=0){this.currentSlide=this.totalSlides-1}else{this.currentSlide--}this.moveSlides();this.updateNavButtons()}render(){return t(s,{key:"c80db60a09f02cfeec55338910211c5a27ebedab"},t("div",{key:"836a9635ebfbadddadfececd8e7f1f94f355f89b",class:"pn-marketweb-carousel"},t("section",{key:"838b05eb1e8db65b84011b16ba7409dcf23b5eb3",class:"slider-wrapper"},this.showCarouselButtons&&t("div",{key:"3a3fe23b4a586f047b5391b5b8406e02884d1620",class:"nav-buttons",role:"group","aria-label":this.ariaNavigationLabel},t("pn-button",{key:"9d47e97795ad23bf118b54e2e72730e1819b9d3b",appearance:"light",icon:i,"icon-only":"true",tooltip:this.previousButtonLabel,class:`nav-button ${this.currentSlide===0&&!this.showFirstSlidePrevButton?"invisible":""}`,"data-nav-button-prev":true,"area-label":this.previousButtonLabel,"aria-disabled":this.currentSlide===0&&!this.showFirstSlidePrevButton}),t("pn-button",{key:"58e1c0363129d693f052ec59bd1a3b427db9bc56",appearance:"light",icon:n,"icon-only":"true",tooltip:this.nextButtonLabel,class:"nav-button","data-nav-button-next":true,"area-label":this.nextButtonLabel,"aria-disabled":this.currentSlide===this.totalSlides-1&&!this.showLastSlideNextButton})),this.slidesData&&t("ul",{key:"1c942f7d043a65e1b73a1bec69fbfdc3691c92f7",class:"slides-container","data-slides-container":true,"data-partial":this.slidesToShow===1?"false":"true","aria-live":"polite",style:{display:"flex",transform:"none"}},this.slidesData.map(((e,s)=>t("li",{class:"slide","data-slide":true,innerHTML:e,style:{width:this.slideWidth+"%"},"aria-hidden":s!==this.currentSlide})))))))}static get watchers(){return{source:["handleSourceChange"]}}};u.style=p;export{l as pn_chat_message,u as pn_marketweb_carousel};
+//# sourceMappingURL=p-2fd60147.entry.js.map