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

package/dist/pn-market-web-components/{p-39b75c62.entry.js.map → p-530274ae.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProductTileInfoCss","PnProductTileInfoStyle0","PnProductTileInfo","render","h","Host","key","this","label","text","icon","align_center","small","color","pnProductTilePriceCss","PnProductTilePriceStyle0","PnProductTilePrice","amount","url","currency","href","arrow_right"],"sources":["src/components/widgets/pn-product-tile/pn-product-tile-info.scss?tag=pn-product-tile-info","src/components/widgets/pn-product-tile/pn-product-tile-info.tsx","src/components/widgets/pn-product-tile/pn-product-tile-price.scss?tag=pn-product-tile-price","src/components/widgets/pn-product-tile/pn-product-tile-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-product-tile-info {\n  align-self: center;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-tile-info',\n  styleUrl: 'pn-product-tile-info.scss',\n})\nexport class PnProductTileInfo {\n  @Prop() label: string;\n  @Prop() text: string;\n  @Prop() icon: string;\n  render() {\n    return (\n      <Host>\n        {this.label ? (\n          <p>\n            <small>{this.label}</small>\n          </p>\n        ) : null}\n        {this.text ? <h3>{this.text}</h3> : null}\n        {/* {(this.icon) ? (<pn-icon icon={this.icon} color=\"\"></pn-icon>) : null} */}\n      </Host>\n    );\n  }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n\npn-product-tile-price {\n  margin-top: 1em;\n  white-space: nowrap;\n  text-align: right;\n  span {\n    font-size: 3em;\n    font-size: clamp(2em, 6vw, 3em);\n  }\n  span:last-child {\n    display: inline-block;\n    margin-left: 0.2em;\n  }\n  & + pn-product-tile-price {\n    margin-left: 1.5em;\n  }\n\n  pn-icon {\n    display: inline-block;\n    align-self: center;\n  }\n\n  a {\n    text-decoration: none;\n    color: $blue700;\n    h3 {\n      text-decoration: underline;\n    }\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-product-tile-price',\n  styleUrl: 'pn-product-tile-price.scss',\n})\nexport class PnProductTilePrice {\n  @Prop() label: string;\n  @Prop() amount: string;\n  @Prop() currency: string;\n  @Prop() url: string;\n  render() {\n    if (!this.amount) {\n      return;\n    }\n    return this.url ? (\n      <Host>\n        <h3>\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </h3>\n        {this.label ? (\n          <a href={this.url}>\n            <pn-button small=\"true\" icon={arrow_right}>\n              {this.label}\n              {/* <pn-icon icon=\"open-in-new\" small=\"true\" color=\"blue700\" /> */}\n            </pn-button>\n          </a>\n        ) : null}\n      </Host>\n    ) : (\n      <Host>\n        <h3>\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </h3>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAuB,kcAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,M,sFAI5B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFC,KAAKC,MACJJ,EAAA,SACEA,EAAA,aAAQG,KAAKC,QAEb,KACHD,KAAKE,KAAOL,EAAA,UAAKG,KAAKE,MAAa,K,GAM5CL,EAAA,WAASM,KAAMC,EAAcC,MAAM,QAAQC,MAAM,U,UCzBjD,MAAMC,EAAwB,42BAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,+GAK7B,MAAAb,GACE,IAAKI,KAAKU,OAAQ,CAChB,M,CAEF,OAAOV,KAAKW,IACVd,EAACC,EAAI,KACHD,EAAA,UACGG,KAAKU,OAASb,EAAA,YAAOG,KAAKU,QAAiB,KAC3CV,KAAKY,SAAWf,EAAA,YAAOG,KAAKY,UAAmB,MAEjDZ,KAAKC,MACJJ,EAAA,KAAGgB,KAAMb,KAAKW,KACZd,EAAA,aAAWQ,MAAM,OAAOF,KAAMW,GAC3Bd,KAAKC,QAIR,MAGNJ,EAACC,EAAI,KACHD,EAAA,UACGG,KAAKU,OAASb,EAAA,YAAOG,KAAKU,QAAiB,KAC3CV,KAAKY,SAAWf,EAAA,YAAOG,KAAKY,UAAmB,M","ignoreList":[]}
+{"version":3,"names":["pnProductTileInfoCss","PnProductTileInfoStyle0","PnProductTileInfo","render","h","Host","key","this","label","text","icon","align_center","small","color","pnProductTilePriceCss","PnProductTilePriceStyle0","PnProductTilePrice","amount","url","currency","href","arrow_right"],"sources":["src/components/widgets/pn-product-tile/pn-product-tile-info.scss?tag=pn-product-tile-info","src/components/widgets/pn-product-tile/pn-product-tile-info.tsx","src/components/widgets/pn-product-tile/pn-product-tile-price.scss?tag=pn-product-tile-price","src/components/widgets/pn-product-tile/pn-product-tile-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-product-tile-info {\n  align-self: center;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-tile-info',\n  styleUrl: 'pn-product-tile-info.scss',\n})\nexport class PnProductTileInfo {\n  @Prop() label: string;\n  @Prop() text: string;\n  @Prop() icon: string;\n  render() {\n    return (\n      <Host>\n        {this.label ? (\n          <p>\n            <small>{this.label}</small>\n          </p>\n        ) : null}\n        {this.text ? <h3>{this.text}</h3> : null}\n        {/* {(this.icon) ? (<pn-icon icon={this.icon} color=\"\"></pn-icon>) : null} */}\n      </Host>\n    );\n  }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n\npn-product-tile-price {\n  margin-top: 1em;\n  white-space: nowrap;\n  text-align: right;\n  span {\n    font-size: 3em;\n    font-size: clamp(2em, 6vw, 3em);\n  }\n  span:last-child {\n    display: inline-block;\n    margin-left: 0.2em;\n  }\n  & + pn-product-tile-price {\n    margin-left: 1.5em;\n  }\n\n  pn-icon {\n    display: inline-block;\n    align-self: center;\n  }\n\n  a {\n    text-decoration: none;\n    color: $blue700;\n    h3 {\n      text-decoration: underline;\n    }\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-product-tile-price',\n  styleUrl: 'pn-product-tile-price.scss',\n})\nexport class PnProductTilePrice {\n  @Prop() label: string;\n  @Prop() amount: string;\n  @Prop() currency: string;\n  @Prop() url: string;\n  render() {\n    if (!this.amount) {\n      return;\n    }\n    return this.url ? (\n      <Host>\n        <h3>\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </h3>\n        {this.label ? (\n          <a href={this.url}>\n            <pn-button small=\"true\" icon={arrow_right}>\n              {this.label}\n              {/* <pn-icon icon=\"open-in-new\" small=\"true\" color=\"blue700\" /> */}\n            </pn-button>\n          </a>\n        ) : null}\n      </Host>\n    ) : (\n      <Host>\n        <h3>\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </h3>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAuB,yHAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,M,sFAI5B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFC,KAAKC,MACJJ,EAAA,SACEA,EAAA,aAAQG,KAAKC,QAEb,KACHD,KAAKE,KAAOL,EAAA,UAAKG,KAAKE,MAAa,K,GAM5CL,EAAA,WAASM,KAAMC,EAAcC,MAAM,QAAQC,MAAM,U,UCzBjD,MAAMC,EAAwB,miBAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,+GAK7B,MAAAb,GACE,IAAKI,KAAKU,OAAQ,CAChB,M,CAEF,OAAOV,KAAKW,IACVd,EAACC,EAAI,KACHD,EAAA,UACGG,KAAKU,OAASb,EAAA,YAAOG,KAAKU,QAAiB,KAC3CV,KAAKY,SAAWf,EAAA,YAAOG,KAAKY,UAAmB,MAEjDZ,KAAKC,MACJJ,EAAA,KAAGgB,KAAMb,KAAKW,KACZd,EAAA,aAAWQ,MAAM,OAAOF,KAAMW,GAC3Bd,KAAKC,QAIR,MAGNJ,EAACC,EAAI,KACHD,EAAA,UACGG,KAAKU,OAASb,EAAA,YAAOG,KAAKU,QAAiB,KAC3CV,KAAKY,SAAWf,EAAA,YAAOG,KAAKY,UAAmB,M","ignoreList":[]}

package/dist/pn-market-web-components/p-545c24c0.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as e,h as o,d as r}from"./p-bb1c965e.js";const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-usp-promoter{width:80%}pn-usp-promoter .usp-promoter{display:flex;justify-content:center;padding:3rem 0.8rem}pn-usp-promoter .usp-promoter--full-width{overflow:hidden;margin:0 calc(-50vw + 50%)}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--full-width{padding:8rem 4rem}}pn-usp-promoter .usp-promoter__content{display:flex;flex-direction:row;width:100%;max-width:114rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content{align-items:center;text-align:left;justify-content:center}}pn-usp-promoter .usp-promoter__content-wrapper{display:flex;flex-direction:column;width:100%;max-width:75rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-wrapper{align-items:flex-start;padding-left:4rem}}pn-usp-promoter .usp-promoter__content-heading{margin-bottom:0.8rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.2rem}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.8rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-heading{font-size:5.6rem}}pn-usp-promoter .usp-promoter__no-margin-bottom{margin-bottom:0 !important}pn-usp-promoter .usp-promoter__content-text{font-size:1.6rem;max-width:47rem;margin-bottom:2.6rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-text{text-wrap:balance}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-text{font-size:1.8rem;max-width:60rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-text{font-size:2rem;max-width:70rem}}pn-usp-promoter [slot=app-store]{display:flex;align-items:flex-start;margin-bottom:2.6rem;gap:1rem}pn-usp-promoter [slot=app-store]>a{background-color:black;border:0.1rem solid #a6a6a6;border-radius:0.8rem;color:#fff;display:inline-block;line-height:0;text-decoration:none;transition:background-color 0.2s ease-in-out}pn-usp-promoter [slot=app-store]>a::after{margin-left:0 !important;margin-right:0.5rem;top:0.2rem;position:relative}pn-usp-promoter [slot=app-store]>a:hover{background-color:#0d234b}pn-usp-promoter [slot=app-store]>a:focus{background-color:#0d234b;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #0d234b}pn-usp-promoter [slot=app-store]>a:focus-visible{outline:none}pn-usp-promoter [slot=app-store]>a img{height:4rem}pn-usp-promoter [slot=usp-buttons] pn-button{margin-bottom:1.6rem}pn-usp-promoter [slot=usp-buttons]>a{color:#005d92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg{transition:transform 0.3s ease-in-out}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg path{fill:#005d92}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg{transition:transform 0.3s ease-in-out;transform:translateX(0.3rem)}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg path{fill:#005d92}pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{flex-direction:column}@media screen and (min-width: 768px){pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{display:flex;flex-direction:row;gap:1.6rem}}pn-usp-promoter [slot=illustration]{max-width:25%;position:relative;left:-1.6rem}pn-usp-promoter [slot=illustration] pn-scroll{position:sticky;top:0}@media screen and (min-width: 768px){pn-usp-promoter [slot=illustration]{display:block}}pn-usp-promoter [slot=illustration] picture img{max-width:100%}@media screen and (min-width: 1140px){pn-usp-promoter [slot=illustration] picture img{width:32rem}}@media screen and (min-width: 1440px){pn-usp-promoter [slot=illustration] picture img{width:33.6rem}}pn-usp-promoter .usp-promoter__heading-extension{display:flex;flex-direction:column}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{flex-direction:row-reverse;text-align:right}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{align-items:center}}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{display:flex;flex-direction:column;align-items:flex-end;padding-left:0}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{padding-right:4rem}}pn-usp-promoter .usp-promoter--right-align [slot=app-store],pn-usp-promoter .usp-promoter--right-align [slot=usp-buttons]{align-items:flex-end}pn-usp-promoter .usp-promoter--right-align [slot=illustration]{left:1.6rem}@media screen and (max-width: 768px){pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=illustration] picture img{display:none}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content{text-align:center}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content-wrapper{align-items:center;padding-right:0}pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=app-store],pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=usp-buttons]{display:flex;flex-direction:row;justify-content:center}}";const n=p;const s=class{constructor(e){t(this,e);this.heading=null;this.headingExtension=null;this.bodyText=null;this.backgroundGradient=null;this.fullWidth=false;this.rightAlign=false;this.hideMobileImage=false}get hostElement(){return e(this)}centerMobileContent(){const t=this.hostElement.querySelector('[slot="illustration"]');if(this.hideMobileImage||t==null){return"usp-promoter--hide-image-small-screen"}return""}render(){const{fullWidth:t,rightAlign:e}=this;const p=["usp-promoter",t?"usp-promoter--full-width":"",e?"usp-promoter--right-align":""].join(" ");const n=this.headingExtension?"usp-promoter__heading-extension":"";return o(r,{key:"264c4f6da6ddee9569089074fc08ccf9e5c371ba"},o("div",{key:"c832ef39dcfece93643964f6994c91c79f7f8ea0",class:` ${p} ${this.centerMobileContent()}`,style:{background:`${this.backgroundGradient}`}},o("div",{key:"41f8995ae12546fd008a8eec5b5de0a9482d3312",class:"usp-promoter__content"},o("slot",{key:"3a967323a69ec83ed03d619ba6a2fa9115fa2a90",name:"illustration"}),o("div",{key:"ed9bcfb59255d8369b41386b834b773b8aad3a71",class:"usp-promoter__content-wrapper"},o("h2",{key:"58eb3a2d9650920070c25a65e699d21cfba8b118",class:`usp-promoter__content-heading ${n}`},o("span",{key:"08fc4b8dcc49746a699033c7ad1009ade8d46e71"},this.heading),this.headingExtension?o("span",null,this.headingExtension):null),o("p",{key:"9452a7544e7255842331591f1d9178018c594524",class:"usp-promoter__content-text"},this.bodyText),o("slot",{key:"d1eee8f90dd6280de590e288ac7f11beb1aa5dd1",name:"app-store"}),o("slot",{key:"cf45783c7d093218e4aeb5707da2b742225a4594",name:"usp-buttons"})))))}};s.style=n;export{s as pn_usp_promoter};
+//# sourceMappingURL=p-545c24c0.entry.js.map

package/dist/pn-market-web-components/{p-da56370b.entry.js.map → p-545c24c0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnUspPromoterCss","PnUspPromoterStyle0","PnUspPromoter","centerMobileContent","slot","this","hostElement","querySelector","hideMobileImage","render","fullWidth","rightAlign","classes","join","hasHeadingExtension","headingExtension","h","Host","key","class","style","background","backgroundGradient","name","heading","bodyText"],"sources":["src/components/widgets/pn-usp-promoter/pn-usp-promoter.scss?tag=pn-usp-promoter","src/components/widgets/pn-usp-promoter/pn-usp-promoter.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$borderWhiteShadowSmall: 0 0 0 0.2rem #fff;\n$borderBlueShadowMedium: 0 0 0 0.4rem $blue900;\n\npn-usp-promoter {\n  width: 80%;\n\n  .usp-promoter {\n    display: flex;\n    justify-content: center;\n    padding: 3rem 0.8rem;\n  }\n\n  .usp-promoter--full-width {\n    overflow: hidden;\n    margin: 0 calc(-50vw + 50%);\n\n    @media screen and (min-width: $min-width-md) {\n      padding: 8rem 4rem;\n    }\n  }\n\n  .usp-promoter__content {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    max-width: 114rem;\n\n    @media screen and (min-width: $min-width-md) {\n      align-items: center;\n      text-align: left;\n      justify-content: center;\n    }\n  }\n\n  .usp-promoter__content-wrapper {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    max-width: 75rem;\n\n    @media screen and (min-width: $min-width-md) {\n      align-items: flex-start;\n      padding-left: 4rem;\n    }\n  }\n\n  .usp-promoter__content-heading {\n    margin-bottom: 0.8rem;\n\n    @media screen and (min-width: $min-width-md) {\n      font-size: 4.2rem;\n    }\n\n    @media screen and (min-width:$max-width-xl) {\n      font-size: 4.8rem;\n    }\n\n    @media screen and (min-width:$max-width-xxl) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .usp-promoter__no-margin-bottom {\n    margin-bottom: 0 !important;\n  }\n\n  .usp-promoter__content-text {\n    font-size: 1.6rem;\n    max-width: 47rem;\n    margin-bottom: 2.6rem;\n\n    @media screen and (min-width: $min-width-md) {\n      text-wrap: balance;\n    }\n\n    @media screen and (min-width:$max-width-xl) {\n      font-size: 1.8rem;\n      max-width: 60rem;\n    }\n\n    @media screen and (min-width:$max-width-xxl) {\n      font-size: 2rem;\n      max-width: 70rem;\n    }\n  }\n\n  [slot='app-store'] {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 2.6rem;\n    gap: 1rem;\n\n    &>a {\n      background-color: black;\n      border: 0.1rem solid #a6a6a6;\n      border-radius: 0.8rem;\n      color: #fff;\n      display: inline-block;\n      line-height: 0;\n      text-decoration: none;\n      transition: background-color 0.2s ease-in-out;\n\n      &::after {\n        margin-left: 0 !important;\n        margin-right: 0.5rem;\n        top: 0.2rem;\n        position: relative;\n      }\n\n      &:hover {\n        background-color: $blue900;\n      }\n\n      &:focus {\n        background-color: $blue900;\n        box-shadow: $borderWhiteShadowSmall, $borderBlueShadowMedium;\n      }\n\n      &:focus-visible {\n        outline: none;\n      }\n\n      img {\n        height: 4rem;\n      }\n    }\n  }\n\n  [slot='usp-buttons'] {\n    pn-button {\n      margin-bottom: 1.6rem;\n    }\n\n    &>a {\n      color: $blue700;\n      font-weight: 500;\n      font-size: 1.6rem;\n      padding: 0.1rem;\n      text-decoration: none;\n\n      pn-icon svg {\n        transition: transform 0.3s ease-in-out;\n\n        path {\n          fill: $blue700;\n        }\n      }\n\n      &:hover {\n        pn-icon svg {\n          transition: transform 0.3s ease-in-out;\n          transform: translateX(0.3rem);\n\n          path {\n            fill: $blue700;\n          }\n        }\n      }\n    }\n  }\n\n  [slot='app-store'],\n  [slot='usp-buttons'] {\n    flex-direction: column;\n\n    @media screen and (min-width: $min-width-md) {\n      display: flex;\n      flex-direction: row;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='illustration'] {\n    max-width: 25%;\n    position: relative;\n    left: -1.6rem;\n\n    pn-scroll {\n      position: sticky;\n      top: 0;\n    }\n\n    @media screen and (min-width: $min-width-md) {\n      display: block;\n    }\n\n    & picture img {\n      max-width: 100%;\n\n      @media screen and (min-width: $max-width-xl) {\n        width: 32rem;\n      }\n\n      @media screen and (min-width: $max-width-xxl) {\n        width: 33.6rem;\n      }\n    }\n  }\n\n  .usp-promoter__heading-extension {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .usp-promoter--right-align {\n    .usp-promoter__content {\n      flex-direction: row-reverse;\n      text-align: right;\n\n      @media screen and (min-width: $min-width-md) {\n        align-items: center;\n      }\n    }\n\n    .usp-promoter__content-wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      padding-left: 0;\n\n      @media screen and (min-width: $min-width-md) {\n        padding-right: 4rem;\n      }\n    }\n\n    [slot='app-store'],\n    [slot='usp-buttons'] {\n      align-items: flex-end;\n    }\n\n    [slot='illustration'] {\n      left: 1.6rem;\n    }\n  }\n\n  .usp-promoter--hide-image-small-screen {\n    @media screen and (max-width: $min-width-md) {\n      [slot='illustration'] picture img {\n        display: none;\n      }\n\n      .usp-promoter__content {\n        text-align: center;\n      }\n\n      .usp-promoter__content-wrapper {\n        align-items: center;\n        padding-right: 0;\n      }\n\n      [slot='app-store'],\n      [slot='usp-buttons'] {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n      }\n    }\n  }\n}","import { Component, Prop, h, Host, Element } from '@stencil/core';\n\n@Component({\n  tag: 'pn-usp-promoter',\n  styleUrl: 'pn-usp-promoter.scss',\n})\nexport class PnUspPromoter {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() headingExtension: string = null;\n  @Prop() bodyText: string = null;\n  @Prop() backgroundGradient: string = null;\n  @Prop() fullWidth: boolean = false;\n  @Prop() rightAlign: boolean = false;\n  @Prop() hideMobileImage: boolean = false;\n\n  private centerMobileContent() {\n    const slot = this.hostElement.querySelector('[slot=\"illustration\"]');\n    if (this.hideMobileImage || slot == null) {\n      return 'usp-promoter--hide-image-small-screen';\n    }\n    return \"\";\n  }\n\n  render() {\n    const { fullWidth, rightAlign } = this;\n    const classes = [\n      'usp-promoter',\n      fullWidth ? \"usp-promoter--full-width\" : \"\",\n      rightAlign ? \"usp-promoter--right-align\" : \"\",\n    ].join(' ');\n    const hasHeadingExtension = this.headingExtension ? \"usp-promoter__heading-extension\" : \"\";\n\n    return (\n      <Host>\n        <div class={` ${classes} ${this.centerMobileContent()}`} style={{ 'background': `${this.backgroundGradient}` }}>\n          <div class=\"usp-promoter__content\">\n            <slot name=\"illustration\"></slot>\n            <div class=\"usp-promoter__content-wrapper\">\n              <h2 class={`usp-promoter__content-heading ${hasHeadingExtension}`}>\n                <span>{this.heading}</span>\n                {this.headingExtension ? <span>{this.headingExtension}</span> : null}\n              </h2>\n              <p class=\"usp-promoter__content-text\">{this.bodyText}</p>\n              <slot name=\"app-store\"></slot>\n              <slot name=\"usp-buttons\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,izKACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,sCAGE,K,sBACS,K,cACR,K,wBACU,K,eACR,M,gBACC,M,qBACK,K,kCAE3B,mBAAAC,GACN,MAAMC,EAAOC,KAAKC,YAAYC,cAAc,yBAC5C,GAAIF,KAAKG,iBAAmBJ,GAAQ,KAAM,CACxC,MAAO,uC,CAET,MAAO,E,CAGT,MAAAK,GACE,MAAMC,UAAEA,EAASC,WAAEA,GAAeN,KAClC,MAAMO,EAAU,CACd,eACAF,EAAY,2BAA6B,GACzCC,EAAa,4BAA8B,IAC3CE,KAAK,KACP,MAAMC,EAAsBT,KAAKU,iBAAmB,kCAAoC,GAExF,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,IAAIP,KAAWP,KAAKF,wBAAyBiB,MAAO,CAAEC,WAAc,GAAGhB,KAAKiB,uBACtFN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACTH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,iBACXP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAO,iCAAiCL,KAC1CE,EAAA,QAAAE,IAAA,4CAAOb,KAAKmB,SACXnB,KAAKU,iBAAmBC,EAAA,YAAOX,KAAKU,kBAA2B,MAElEC,EAAA,KAAAE,IAAA,2CAAGC,MAAM,8BAA8Bd,KAAKoB,UAC5CT,EAAA,QAAAE,IAAA,2CAAMK,KAAK,cACXP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,mB","ignoreList":[]}
+{"version":3,"names":["pnUspPromoterCss","PnUspPromoterStyle0","PnUspPromoter","centerMobileContent","slot","this","hostElement","querySelector","hideMobileImage","render","fullWidth","rightAlign","classes","join","hasHeadingExtension","headingExtension","h","Host","key","class","style","background","backgroundGradient","name","heading","bodyText"],"sources":["src/components/widgets/pn-usp-promoter/pn-usp-promoter.scss?tag=pn-usp-promoter","src/components/widgets/pn-usp-promoter/pn-usp-promoter.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$borderWhiteShadowSmall: 0 0 0 0.2rem #fff;\n$borderBlueShadowMedium: 0 0 0 0.4rem $blue900;\n\npn-usp-promoter {\n  width: 80%;\n\n  .usp-promoter {\n    display: flex;\n    justify-content: center;\n    padding: 3rem 0.8rem;\n  }\n\n  .usp-promoter--full-width {\n    overflow: hidden;\n    margin: 0 calc(-50vw + 50%);\n\n    @media screen and (min-width: $min-width-md) {\n      padding: 8rem 4rem;\n    }\n  }\n\n  .usp-promoter__content {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    max-width: 114rem;\n\n    @media screen and (min-width: $min-width-md) {\n      align-items: center;\n      text-align: left;\n      justify-content: center;\n    }\n  }\n\n  .usp-promoter__content-wrapper {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    max-width: 75rem;\n\n    @media screen and (min-width: $min-width-md) {\n      align-items: flex-start;\n      padding-left: 4rem;\n    }\n  }\n\n  .usp-promoter__content-heading {\n    margin-bottom: 0.8rem;\n\n    @media screen and (min-width: $min-width-md) {\n      font-size: 4.2rem;\n    }\n\n    @media screen and (min-width:$max-width-xl) {\n      font-size: 4.8rem;\n    }\n\n    @media screen and (min-width:$max-width-xxl) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .usp-promoter__no-margin-bottom {\n    margin-bottom: 0 !important;\n  }\n\n  .usp-promoter__content-text {\n    font-size: 1.6rem;\n    max-width: 47rem;\n    margin-bottom: 2.6rem;\n\n    @media screen and (min-width: $min-width-md) {\n      text-wrap: balance;\n    }\n\n    @media screen and (min-width:$max-width-xl) {\n      font-size: 1.8rem;\n      max-width: 60rem;\n    }\n\n    @media screen and (min-width:$max-width-xxl) {\n      font-size: 2rem;\n      max-width: 70rem;\n    }\n  }\n\n  [slot='app-store'] {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 2.6rem;\n    gap: 1rem;\n\n    &>a {\n      background-color: black;\n      border: 0.1rem solid #a6a6a6;\n      border-radius: 0.8rem;\n      color: #fff;\n      display: inline-block;\n      line-height: 0;\n      text-decoration: none;\n      transition: background-color 0.2s ease-in-out;\n\n      &::after {\n        margin-left: 0 !important;\n        margin-right: 0.5rem;\n        top: 0.2rem;\n        position: relative;\n      }\n\n      &:hover {\n        background-color: $blue900;\n      }\n\n      &:focus {\n        background-color: $blue900;\n        box-shadow: $borderWhiteShadowSmall, $borderBlueShadowMedium;\n      }\n\n      &:focus-visible {\n        outline: none;\n      }\n\n      img {\n        height: 4rem;\n      }\n    }\n  }\n\n  [slot='usp-buttons'] {\n    pn-button {\n      margin-bottom: 1.6rem;\n    }\n\n    &>a {\n      color: $blue700;\n      font-weight: 500;\n      font-size: 1.6rem;\n      padding: 0.1rem;\n      text-decoration: none;\n\n      pn-icon svg {\n        transition: transform 0.3s ease-in-out;\n\n        path {\n          fill: $blue700;\n        }\n      }\n\n      &:hover {\n        pn-icon svg {\n          transition: transform 0.3s ease-in-out;\n          transform: translateX(0.3rem);\n\n          path {\n            fill: $blue700;\n          }\n        }\n      }\n    }\n  }\n\n  [slot='app-store'],\n  [slot='usp-buttons'] {\n    flex-direction: column;\n\n    @media screen and (min-width: $min-width-md) {\n      display: flex;\n      flex-direction: row;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='illustration'] {\n    max-width: 25%;\n    position: relative;\n    left: -1.6rem;\n\n    pn-scroll {\n      position: sticky;\n      top: 0;\n    }\n\n    @media screen and (min-width: $min-width-md) {\n      display: block;\n    }\n\n    & picture img {\n      max-width: 100%;\n\n      @media screen and (min-width: $max-width-xl) {\n        width: 32rem;\n      }\n\n      @media screen and (min-width: $max-width-xxl) {\n        width: 33.6rem;\n      }\n    }\n  }\n\n  .usp-promoter__heading-extension {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .usp-promoter--right-align {\n    .usp-promoter__content {\n      flex-direction: row-reverse;\n      text-align: right;\n\n      @media screen and (min-width: $min-width-md) {\n        align-items: center;\n      }\n    }\n\n    .usp-promoter__content-wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      padding-left: 0;\n\n      @media screen and (min-width: $min-width-md) {\n        padding-right: 4rem;\n      }\n    }\n\n    [slot='app-store'],\n    [slot='usp-buttons'] {\n      align-items: flex-end;\n    }\n\n    [slot='illustration'] {\n      left: 1.6rem;\n    }\n  }\n\n  .usp-promoter--hide-image-small-screen {\n    @media screen and (max-width: $min-width-md) {\n      [slot='illustration'] picture img {\n        display: none;\n      }\n\n      .usp-promoter__content {\n        text-align: center;\n      }\n\n      .usp-promoter__content-wrapper {\n        align-items: center;\n        padding-right: 0;\n      }\n\n      [slot='app-store'],\n      [slot='usp-buttons'] {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n      }\n    }\n  }\n}","import { Component, Prop, h, Host, Element } from '@stencil/core';\n\n@Component({\n  tag: 'pn-usp-promoter',\n  styleUrl: 'pn-usp-promoter.scss',\n})\nexport class PnUspPromoter {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() headingExtension: string = null;\n  @Prop() bodyText: string = null;\n  @Prop() backgroundGradient: string = null;\n  @Prop() fullWidth: boolean = false;\n  @Prop() rightAlign: boolean = false;\n  @Prop() hideMobileImage: boolean = false;\n\n  private centerMobileContent() {\n    const slot = this.hostElement.querySelector('[slot=\"illustration\"]');\n    if (this.hideMobileImage || slot == null) {\n      return 'usp-promoter--hide-image-small-screen';\n    }\n    return \"\";\n  }\n\n  render() {\n    const { fullWidth, rightAlign } = this;\n    const classes = [\n      'usp-promoter',\n      fullWidth ? \"usp-promoter--full-width\" : \"\",\n      rightAlign ? \"usp-promoter--right-align\" : \"\",\n    ].join(' ');\n    const hasHeadingExtension = this.headingExtension ? \"usp-promoter__heading-extension\" : \"\";\n\n    return (\n      <Host>\n        <div class={` ${classes} ${this.centerMobileContent()}`} style={{ 'background': `${this.backgroundGradient}` }}>\n          <div class=\"usp-promoter__content\">\n            <slot name=\"illustration\"></slot>\n            <div class=\"usp-promoter__content-wrapper\">\n              <h2 class={`usp-promoter__content-heading ${hasHeadingExtension}`}>\n                <span>{this.heading}</span>\n                {this.headingExtension ? <span>{this.headingExtension}</span> : null}\n              </h2>\n              <p class=\"usp-promoter__content-text\">{this.bodyText}</p>\n              <slot name=\"app-store\"></slot>\n              <slot name=\"usp-buttons\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,w+JACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,sCAGE,K,sBACS,K,cACR,K,wBACU,K,eACR,M,gBACC,M,qBACK,K,kCAE3B,mBAAAC,GACN,MAAMC,EAAOC,KAAKC,YAAYC,cAAc,yBAC5C,GAAIF,KAAKG,iBAAmBJ,GAAQ,KAAM,CACxC,MAAO,uC,CAET,MAAO,E,CAGT,MAAAK,GACE,MAAMC,UAAEA,EAASC,WAAEA,GAAeN,KAClC,MAAMO,EAAU,CACd,eACAF,EAAY,2BAA6B,GACzCC,EAAa,4BAA8B,IAC3CE,KAAK,KACP,MAAMC,EAAsBT,KAAKU,iBAAmB,kCAAoC,GAExF,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,IAAIP,KAAWP,KAAKF,wBAAyBiB,MAAO,CAAEC,WAAc,GAAGhB,KAAKiB,uBACtFN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACTH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,iBACXP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAO,iCAAiCL,KAC1CE,EAAA,QAAAE,IAAA,4CAAOb,KAAKmB,SACXnB,KAAKU,iBAAmBC,EAAA,YAAOX,KAAKU,kBAA2B,MAElEC,EAAA,KAAAE,IAAA,2CAAGC,MAAM,8BAA8Bd,KAAKoB,UAC5CT,EAAA,QAAAE,IAAA,2CAAMK,KAAK,cACXP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,mB","ignoreList":[]}

package/dist/pn-market-web-components/p-55643d76.entry.js

@@ -0,0 +1,2 @@
+import{r as n,g as i,h as e,d as o}from"./p-bb1c965e.js";import{s as t}from"./p-652f97b9.js";import{a as s}from"./p-3fdca5bd.js";import"./p-2509d18d.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}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 c=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:"4663770ef7296642cd66b19679798cc83c38c5d9",role:"listitem",name:this.name,href:this.href,linkid:this.linkid,current:this.currentSelection},e(n,{key:"16d6cc300e4218af89f3190538c26cc57985cde4",...i,...n==="button"&&{...r}},this.icon?e("pn-icon",{icon:this.icon,color:"blue700"}):null,e("span",{key:"02f0b6ece17c90a61f66d0d12e6c6d22c572cd4e"},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:"c4c305cdbb9736171fc148bdd8a853640fffd52d"}))}};c.style=d;export{c as pn_sidenav_link};
+//# sourceMappingURL=p-55643d76.entry.js.map

package/dist/pn-market-web-components/{p-2a58d83b.entry.js.map → p-55643d76.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,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":[]}
+{"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":[]}

package/dist/pn-market-web-components/{p-8a651698.entry.js → p-560e5291.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,g as e,h as t,d as o}from"./p-82546a44.js";import{v as i}from"./p-4ed69de7.js";const l="pn-play-on-scroll pn-scroll [slot=scroll-affected]{position:relative;display:flex}pn-play-on-scroll pn-scroll [slot=scroll-affected] video{width:100%}pn-play-on-scroll pn-scroll [slot=scroll-affected] video:hover{cursor:pointer}";const a=l;const r={root:null,threshold:1,rootMargin:"0px 0px 0px 0px"};const c=(s,e,t)=>{if(!e){s&&s.play();t(false)}};const n=(s,e)=>{s&&s.pause();e(true)};const h=class{constructor(e){s(this,e);this.videoSrc="";this.observerOptions=r;this.showOverlay=false;this.videoId="";this.isManuallyPaused=false;this.isPaused=false}get hostElement(){return e(this)}localObserverOptions;testAdditionalParamIntoCallback=true;video;generateUniqueId(){return i()}componentWillLoad(){this.videoId=this.generateUniqueId()}componentDidLoad(){this.video=document.getElementById(this.videoId);this.video.addEventListener("click",this.handlePlayPauseClicked);this.localObserverOptions=this.observerOptions}handlePlayPauseClicked=()=>{if(this.video.paused||this.video.ended){this.video.play();this.isManuallyPaused=false;this.isPaused=false}else{this.video.pause();this.isManuallyPaused=true;this.isPaused=true}};togglePaused=s=>{this.isPaused=s};render(){return t(o,{key:"b76be7833abdd0c16b2b865e343a764fb5762466"},t("pn-scroll",{key:"c3dbb68e12611706fb4a3cbbbad84287ac3c2e73",intersectFunc:()=>c(this.video,this.isManuallyPaused,this.togglePaused),notIntersectFunc:()=>n(this.video,this.togglePaused),shouldLoop:true,behaviourClasses:"some-behaviour-class",observerOptions:this.localObserverOptions},t("div",{key:"461df9fcf966d409345e945117418eb35d58f540",slot:"scroll-affected"},t("video",{key:"1b23bfb0e5f2ad71d1bbe0740bc7823784ff80c0",playsinline:true,muted:true,autoPlay:true,id:`${this.videoId}`},t("source",{key:"8bf03c50ae3d3245acaae0beb3b7fc7ee048c0d8",src:this.videoSrc,type:"video/mp4"})),t("pn-video-overlay",{key:"21a69fa7ed440704f2e9aa5017f4616322fe9a4b",showOverlay:this.showOverlay,isPaused:this.isManuallyPaused||this.isPaused,onPlayPauseClicked:this.handlePlayPauseClicked}))))}};h.style=a;export{h as pn_play_on_scroll};
-//# sourceMappingURL=p-8a651698.entry.js.map
+import{r as e,g as s,h as t,d as o}from"./p-bb1c965e.js";import{v as i}from"./p-4ed69de7.js";const l="pn-play-on-scroll pn-scroll [slot=scroll-affected]{position:relative;display:flex}pn-play-on-scroll pn-scroll [slot=scroll-affected] video{width:100%}pn-play-on-scroll pn-scroll [slot=scroll-affected] video:hover{cursor:pointer}";const a=l;const r={root:null,threshold:1,rootMargin:"0px 0px 0px 0px"};const c=(e,s,t)=>{if(!s){e&&e.play();t(false)}};const n=(e,s)=>{e&&e.pause();s(true)};const h=class{constructor(s){e(this,s);this.videoSrc="";this.observerOptions=r;this.showOverlay=false;this.videoId="";this.isManuallyPaused=false;this.isPaused=false}get hostElement(){return s(this)}localObserverOptions;testAdditionalParamIntoCallback=true;video;generateUniqueId(){return i()}componentWillLoad(){this.videoId=this.generateUniqueId()}componentDidLoad(){this.video=document.getElementById(this.videoId);this.video.addEventListener("click",this.handlePlayPauseClicked);this.localObserverOptions=this.observerOptions}handlePlayPauseClicked=()=>{if(this.video.paused||this.video.ended){this.video.play();this.isManuallyPaused=false;this.isPaused=false}else{this.video.pause();this.isManuallyPaused=true;this.isPaused=true}};togglePaused=e=>{this.isPaused=e};render(){return t(o,{key:"b76be7833abdd0c16b2b865e343a764fb5762466"},t("pn-scroll",{key:"c3dbb68e12611706fb4a3cbbbad84287ac3c2e73",intersectFunc:()=>c(this.video,this.isManuallyPaused,this.togglePaused),notIntersectFunc:()=>n(this.video,this.togglePaused),shouldLoop:true,behaviourClasses:"some-behaviour-class",observerOptions:this.localObserverOptions},t("div",{key:"461df9fcf966d409345e945117418eb35d58f540",slot:"scroll-affected"},t("video",{key:"1b23bfb0e5f2ad71d1bbe0740bc7823784ff80c0",playsinline:true,muted:true,autoPlay:true,id:`${this.videoId}`},t("source",{key:"8bf03c50ae3d3245acaae0beb3b7fc7ee048c0d8",src:this.videoSrc,type:"video/mp4"})),t("pn-video-overlay",{key:"21a69fa7ed440704f2e9aa5017f4616322fe9a4b",showOverlay:this.showOverlay,isPaused:this.isManuallyPaused||this.isPaused,onPlayPauseClicked:this.handlePlayPauseClicked}))))}};h.style=a;export{h as pn_play_on_scroll};
+//# sourceMappingURL=p-560e5291.entry.js.map

package/dist/pn-market-web-components/p-572c4d81.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as o,d as r}from"./p-bb1c965e.js";const s='<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="M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z" clip-rule="evenodd"/></svg>';const n=s;const i='<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 7.293a1 1 0 0 1 1.414 0l8 8a1 1 0 0 1-1.414 1.414L12 9.414l-7.293 7.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';const l=i;const c={sv:{toggleLinkTitleText:`Välj kundnummer`},en:{toggleLinkTitleText:`Choose customernumber`},da:{toggleLinkTitleText:`Vælg kundenummer`},no:{toggleLinkTitleText:`Velg kundenummer`},fi:{toggleLinkTitleText:`Valitse asiakasnumero`},de:{toggleLinkTitleText:`Kundennummer auswählen`}};const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.customernumber-container{position:relative;padding:0;display:flex;flex-direction:column;border-radius:0.8rem;border:0.1rem solid #969087;transition:border 0.15s ease}.customernumber-container:hover,pn-customernumber-selector[open] .customernumber-container{border-color:#005d92}pn-customernumber-selector[open] .customernumber-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.customernumber-toggle{display:flex;z-index:11;position:relative;margin:0;border-radius:0.8rem;padding:1rem;border:0;background:transparent;font-size:1em;text-align:left;outline:0;cursor:pointer}.customernumber-toggle pn-icon{align-self:center}.customernumber-selected{flex-grow:1;max-width:calc(100% - 2.4rem);overflow:hidden}.customernumber-selected-title{color:#005d92}.customernumber-selected-description{font-size:0.875em;width:100%;overflow:hidden;text-overflow:ellipsis}.customernumber-options{position:absolute;z-index:10;left:-0.1rem;right:-0.1rem;top:100%;border:0.1rem solid #005d92;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;max-height:0;opacity:0;transform-origin:top left;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, opacity 0.1s linear, max-height 0.1s ease;overflow-y:auto}pn-customernumber-selector[open] .customernumber-options{opacity:1;transition-delay:0s;max-height:500rem}";const d=a;const m=class{constructor(t){e(this,t);this.language="sv";this.open=false;this.heading="";this.description="";this.i18n=c["en"]}get hostElement(){return t(this)}componentWillLoad(){this.init()}init(){this.setTranslations()}setTranslations(){if(this.language&&c[this.language]){this.i18n=c[this.language]}}render(){return o(r,{key:"cdd03a497e3429223233ffa10a007419af9f96e2"},o("div",{key:"d64d582414a677fc76a3ffa4c5382990c9914fa6",class:"customernumber-container"},o("button",{key:"db049a3a059697841bef663945cbbb6627dee11e",class:"customernumber-toggle","aria-label":this.i18n.toggleLinkTitleText,onClick:()=>this.open=!this.open},o("div",{key:"0ded400b9241a2d5e6055601cf2cf07b3637cecc",class:"customernumber-selected"},o("strong",{key:"c8911dc054609431bf55bc375ef34d2a382a7b26",class:"customernumber-selected-title"},this.heading),o("div",{key:"0d00e94067c33420bc6284a571223cf8e48ce29d",class:"customernumber-selected-description"},this.description)),o("pn-icon",{key:"c81ca98a7e5835272fca2a4c1c1994574e1ca05a",icon:this.open?l:n,small:"false",color:"blue700"})),o("div",{key:"8f92456d5903e82b64e128b914a0d843a7f71f50",class:"customernumber-options"},o("slot",{key:"ad04547ed0a55429e375b577a77eae960448948b"}))))}};m.style=d;export{m as pn_customernumber_selector};
+//# sourceMappingURL=p-572c4d81.entry.js.map

package/dist/pn-market-web-components/p-572c4d81.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","angle_down","angle_up","translations","sv","toggleLinkTitleText","en","da","no","fi","de","pnCustomernumberSelectorCss","PnCustomernumberSelectorStyle0","PnCustomernumberSelector","componentWillLoad","this","init","setTranslations","language","i18n","render","h","Host","key","class","onClick","open","heading","description","small","color"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_down.js","node_modules/pn-design-assets/pn-assets/icons/angle_up.js","src/components/profile/pn-customernumber-selector/translations.ts","src/components/profile/pn-customernumber-selector/pn-customernumber-selector.scss?tag=pn-customernumber-selector","src/components/profile/pn-customernumber-selector/pn-customernumber-selector.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=\"M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_down = icon;\nexport const angleDown = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M11.293 7.293a1 1 0 0 1 1.414 0l8 8a1 1 0 0 1-1.414 1.414L12 9.414l-7.293 7.293a1 1 0 0 1-1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_up = icon;\nexport const angleUp = icon;\n","export const translations = {\n  sv: {\n    toggleLinkTitleText: `Välj kundnummer`,\n  },\n  en: {\n    toggleLinkTitleText: `Choose customernumber`,\n  },\n  da: {\n    toggleLinkTitleText: `Vælg kundenummer`,\n  },\n  no: {\n    toggleLinkTitleText: `Velg kundenummer`,\n  },\n  fi: {\n    toggleLinkTitleText: `Valitse asiakasnumero`,\n  },\n  de: {\n    toggleLinkTitleText: `Kundennummer auswählen`,\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-customernumber-selector {\n}\n\n.customernumber-container {\n  position: relative;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.8rem;\n  border: 0.1rem solid $gray400;\n  transition: border 0.15s ease;\n  &:hover,\n  pn-customernumber-selector[open] & {\n    border-color: $blue700;\n  }\n\n  pn-customernumber-selector[open] & {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n\n.customernumber-toggle {\n  display: flex;\n  z-index: 11;\n  position: relative;\n  margin: 0;\n  border-radius: 0.8rem;\n  padding: 1rem;\n  border: 0;\n  background: transparent;\n  font-size: 1em;\n  text-align: left;\n  outline: 0;\n  cursor: pointer;\n\n  pn-icon {\n    align-self: center;\n  }\n}\n\n.customernumber-selected {\n  flex-grow: 1;\n  max-width: calc(100% - 2.4rem);\n  overflow: hidden;\n}\n\n.customernumber-selected-title {\n  color: $blue700;\n}\n\n.customernumber-selected-description {\n  font-size: 0.875em;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.customernumber-options {\n  position: absolute;\n  z-index: 10;\n  left: -0.1rem;\n  right: -0.1rem;\n  top: 100%;\n  border: 0.1rem solid $blue700;\n  border-bottom-left-radius: 0.8rem;\n  border-bottom-right-radius: 0.8rem;\n\n  pn-customernumber-selector[open] & {\n    opacity: 1;\n    transition-delay: 0s;\n    max-height: 500rem;\n  }\n  max-height: 0;\n  opacity: 0;\n  transform-origin: top left;\n  transition:\n    transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s,\n    opacity 0.1s linear,\n    max-height 0.1s ease;\n  overflow-y: auto;\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\nimport { translations } from './translations';\nimport { CustomernumberSelectori18n } from './pn-customernumber-selector-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\nimport { angle_down, angle_up } from \"pn-design-assets/pn-assets/icons\";\n\n@Component({\n  tag: 'pn-customernumber-selector',\n  styleUrl: 'pn-customernumber-selector.scss',\n})\nexport class PnCustomernumberSelector {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @Prop() heading: string = '';\n  @Prop() description: string = '';\n\n  @State() i18n: CustomernumberSelectori18n = translations['en'];\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  init() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"customernumber-container\">\n          <button class=\"customernumber-toggle\" aria-label={this.i18n.toggleLinkTitleText} onClick={() => (this.open = !this.open)}>\n            <div class=\"customernumber-selected\">\n              <strong class=\"customernumber-selected-title\">{this.heading}</strong>\n              <div class=\"customernumber-selected-description\">{this.description}</div>\n            </div>\n            <pn-icon icon={this.open ? angle_up : angle_down} small=\"false\" color=\"blue700\" />\n          </button>\n          <div class=\"customernumber-options\">\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAO,6QACN,MAAMC,EAAaD,ECD1B,MAAMA,EAAO,2QACN,MAAME,EAAWF,ECDjB,MAAMG,EAAe,CAC1BC,GAAI,CACFC,oBAAqB,mBAEvBC,GAAI,CACFD,oBAAqB,yBAEvBE,GAAI,CACFF,oBAAqB,oBAEvBG,GAAI,CACFH,oBAAqB,oBAEvBI,GAAI,CACFJ,oBAAqB,yBAEvBK,GAAI,CACFL,oBAAqB,2BCjBzB,MAAMM,EAA8B,o4CACpC,MAAAC,EAAeD,E,MCUFE,EAAwB,M,uCAGwB,K,UACH,M,aAE9B,G,iBACI,G,UAEcV,EAAa,K,kCAEzD,iBAAAW,GACEC,KAAKC,M,CAGP,IAAAA,GACED,KAAKE,iB,CAGP,eAAAA,GACE,GAAIF,KAAKG,UAAYf,EAAaY,KAAKG,UAAW,CAChDH,KAAKI,KAAOhB,EAAaY,KAAKG,S,EAIlC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wBAAuB,aAAaT,KAAKI,KAAKd,oBAAqBoB,QAAS,IAAOV,KAAKW,MAAQX,KAAKW,MACjHL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,iCAAiCT,KAAKY,SACpDN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uCAAuCT,KAAKa,cAEzDP,EAAA,WAAAE,IAAA,2CAASvB,KAAMe,KAAKW,KAAOxB,EAAWD,EAAY4B,MAAM,QAAQC,MAAM,aAExET,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/pn-market-web-components/p-59549c74.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as i,d as o,c as l}from"./p-bb1c965e.js";import{v as a}from"./p-4ed69de7.js";const n="pn-scroll .scroll-wrapper{transition:all var(--transition-duration) ease-in-out 250ms}pn-scroll .scroll-wrapper.fade{opacity:0}pn-scroll .scroll-wrapper.fade.in-view{opacity:1}pn-scroll .scroll-wrapper.slide-up{transform:translateY(50px)}pn-scroll .scroll-wrapper.slide-up.in-view{transform:translateY(0)}";const s=n;const r={root:null,threshold:0,rootMargin:"0px 0px -150px 0px"};const d=`pn-scroll-wrapper-id-`;const p=class{constructor(t){e(this,t);this.observerOptions=r;this.behaviourClasses="fade slide-up";this.transitionDurationSeconds=.5;this.shouldLoop=false;this.intersectFunc=undefined;this.notIntersectFunc=undefined;this.compId=null}get hostElement(){return t(this)}generateUniqueId(){return a()}handleIntersection(e,t,i,o,l){e.forEach((e=>{if(!l){if(!e.isIntersecting){o?.(e,t);return}e.target.classList.add("in-view");i?.(e,t);t.unobserve(e.target)}else{e.target.classList.toggle("in-view",e.isIntersecting);if(e.isIntersecting){i?.(e,t)}else{o?.(e,t)}}}))}componentWillLoad(){this.compId=this.generateUniqueId()}componentDidLoad(){const e=new IntersectionObserver(((e,t)=>this.handleIntersection(e,t,this.intersectFunc,this.notIntersectFunc,this.shouldLoop)),this.observerOptions);const t=document.getElementById(`${d}${this.compId}`);e.observe(t)}render(){return i(o,{key:"443d7a3794f4b2292d39837ca89726bcdd2a5cee"},i("div",{key:"341524e340709a5db403e024b448fd08087fa9c5",class:`scroll-wrapper ${this.behaviourClasses}`,id:`${d}${this.compId}`,style:{"--transition-duration":`${this.transitionDurationSeconds}s`}},i("slot",{key:"625bd566d903c15298969428a50030ee47c5568b",name:"scroll-affected"})))}};p.style=s;const h={sv:{ariaLabel:"Spela eller pausa video"},en:{ariaLabel:"Play or pause video"},da:{ariaLabel:"Afspil eller sæt video på pause"},no:{ariaLabel:"Spill av eller sett video på pause"},fi:{ariaLabel:"Toista tai keskeytä video"},de:{ariaLabel:"Video abspielen oder anhalten"},zh:{sharelabel:"Play or pause video"},it:{sharelabel:"Play or pause video"},nl:{sharelabel:"Play or pause video"}};const c="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-video-overlay.pn-video-overlay--show-overlay{position:absolute;width:100%;height:100%;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-video-overlay button{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;border:none;outline:none;cursor:pointer;background-color:transparent}@media screen and (min-width: 768px){pn-video-overlay button{bottom:16px;left:16px}}pn-video-overlay button:hover svg rect{fill:#003d5f}pn-video-overlay button:active svg rect{fill:#001c2c}pn-video-overlay button:focus,pn-video-overlay button:focus-visible{outline:2px solid #ffffff}pn-video-overlay button svg{scale:0.7}@media screen and (min-width: 768px){pn-video-overlay button svg{scale:1}}";const u=c;const v=class{constructor(t){e(this,t);this.playPauseClicked=l(this,"playPauseClicked",7);this.language="en";this.isPaused=false;this.showOverlay=false;this.i18n=undefined}get hostElement(){return t(this)}playPauseClicked;componentWillLoad(){this.setTranslations()}setTranslations(){if(this.language==="nb"){this.language="no"}if(this.language&&h[this.language]){this.i18n=h[this.language]}}onLanguageChange(){this.setTranslations()}handlePlayPauseClicked=()=>{this.playPauseClicked.emit()};renderPlayIcon=()=>i("svg",{width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("rect",{width:"64",height:"64",rx:"32",fill:"#005D92"}),i("path",{d:"M8 32C8 18.7305 18.7305 8 32 8C38.6401 8 44.5751 10.6887 48.9432 15.0568C49.5851 15.6988 49.5851 16.7396 48.9432 17.3815C48.3012 18.0235 47.2604 18.0235 46.6185 17.3815C42.8331 13.5962 37.7215 11.2877 32 11.2877C20.5462 11.2877 11.2877 20.5462 11.2877 32C11.2877 43.4538 20.5462 52.7123 32 52.7123C43.4538 52.7123 52.7123 43.4538 52.7123 32C52.7123 31.0921 53.4483 30.3562 54.3562 30.3562C55.264 30.3562 56 31.0921 56 32C56 45.2695 45.2695 56 32 56C18.7305 56 8 45.2695 8 32Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24.5996 20.0577C25.1064 19.7636 25.7315 19.7615 26.2402 20.0522L44.6512 30.5728C45.1634 30.8654 45.4795 31.4101 45.4795 32C45.4795 32.5899 45.1634 33.1346 44.6512 33.4272L26.2402 43.9478C25.7315 44.2385 25.1064 44.2364 24.5996 43.9423C24.0928 43.6482 23.7808 43.1065 23.7808 42.5205V21.4795C23.7808 20.8935 24.0928 20.3518 24.5996 20.0577ZM27.0685 39.6879L40.5224 32L27.0685 24.3121V39.6879Z",fill:"white"}),i("path",{d:"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z",fill:"white"}));renderPauseIcon=()=>i("svg",{width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("rect",{width:"64",height:"64",rx:"32",fill:"#005D92"}),i("path",{d:"M32 8C18.7305 8 8 18.7305 8 32C8 45.2695 18.7305 56 32 56C45.2695 56 56 45.2695 56 32C56 31.0921 55.264 30.3562 54.3562 30.3562C53.4483 30.3562 52.7123 31.0921 52.7123 32C52.7123 43.4538 43.4538 52.7123 32 52.7123C20.5462 52.7123 11.2877 43.4538 11.2877 32C11.2877 20.5462 20.5462 11.2877 32 11.2877C37.7215 11.2877 42.8331 13.5962 46.6185 17.3815C47.2604 18.0235 48.3012 18.0235 48.9432 17.3815C49.5851 16.7396 49.5851 15.6988 48.9432 15.0568C44.5751 10.6887 38.6401 8 32 8Z",fill:"white"}),i("path",{d:"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19.1729 24.1096C19.1729 21.7491 21.0865 19.8356 23.4469 19.8356H26.0771C28.4375 19.8356 30.351 21.7491 30.351 24.1096V39.8904C30.351 42.2509 28.4375 44.1644 26.0771 44.1644H23.4469C21.0865 44.1644 19.1729 42.2509 19.1729 39.8904V24.1096ZM23.4469 23.1233C22.9022 23.1233 22.4606 23.5649 22.4606 24.1096V39.8904C22.4606 40.4351 22.9022 40.8767 23.4469 40.8767H26.0771C26.6218 40.8767 27.0634 40.4351 27.0634 39.8904V24.1096C27.0634 23.5649 26.6218 23.1233 26.0771 23.1233H23.4469Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.7765 19.8356C35.4161 19.8356 33.5026 21.7491 33.5026 24.1096V39.8904C33.5026 42.2509 35.4161 44.1644 37.7765 44.1644H40.4067C42.7671 44.1644 44.6807 42.2509 44.6807 39.8904V24.1096C44.6807 21.7491 42.7671 19.8356 40.4067 19.8356H37.7765ZM36.7902 24.1096C36.7902 23.5649 37.2318 23.1233 37.7765 23.1233H40.4067C40.9514 23.1233 41.393 23.5649 41.393 24.1096V39.8904C41.393 40.4351 40.9514 40.8767 40.4067 40.8767H37.7765C37.2318 40.8767 36.7902 40.4351 36.7902 39.8904V24.1096Z",fill:"white"}));render(){return i(o,{key:"469d957d702aaddf614c350488710934ef9f45db",class:`pn-video-overlay ${this.showOverlay?"pn-video-overlay--show-overlay":""}`},i("button",{key:"d45e7df077ca7a3a3bf8ae1c31499d02791e8044",type:"button",id:"overlayed-button-pause-video","aria-label":`${this.i18n.ariaLabel}`,onClick:this.handlePlayPauseClicked},this.isPaused?this.renderPlayIcon():this.renderPauseIcon()))}static get watchers(){return{language:["onLanguageChange"]}}};v.style=u;export{p as pn_scroll,v as pn_video_overlay};
+//# sourceMappingURL=p-59549c74.entry.js.map

package/dist/pn-market-web-components/{p-b9590d81.entry.js.map → p-59549c74.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnScrollCss","PnScrollStyle0","defaultObserverOptions","root","threshold","rootMargin","SCROLL_ID","PnScroll","generateUniqueId","uuidv4","handleIntersection","entries","observer","onIntersecting","onNotIntersecting","shouldLoop","forEach","entry","isIntersecting","target","classList","add","unobserve","toggle","componentWillLoad","this","compId","componentDidLoad","IntersectionObserver","intersectFunc","notIntersectFunc","observerOptions","objectToObserve","document","getElementById","observe","render","h","Host","key","class","behaviourClasses","id","style","transitionDurationSeconds","name","translations","sv","ariaLabel","en","da","no","fi","de","zh","sharelabel","it","nl","pnVideoOverlayCss","PnVideoOverlayStyle0","PnVideoOverlay","playPauseClicked","setTranslations","language","i18n","onLanguageChange","handlePlayPauseClicked","emit","renderPlayIcon","width","height","viewBox","fill","xmlns","rx","d","renderPauseIcon","showOverlay","type","onClick","isPaused"],"sources":["src/components/animation/pn-scroll/pn-scroll.scss?tag=pn-scroll","src/components/animation/pn-scroll/pn-scroll.tsx","src/components/animation/pn-play-on-scroll/pn-video-overlay/translations.ts","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.scss?tag=pn-video-overlay","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.tsx"],"sourcesContent":["pn-scroll {\n  .scroll-wrapper {\n    transition: all var(--transition-duration) ease-in-out 250ms;\n\n    &.fade {\n      opacity: 0;\n\n      &.in-view {\n        opacity: 1;\n      }\n    }\n\n    &.slide-up {\n      transform: translateY(50px);\n      &.in-view {\n        transform: translateY(0);\n      }\n    }\n\n    &.slide-in {\n      &.in-view {\n      }\n    }\n\n    &.slide-out {\n      &.in-view {\n      }\n    }\n  }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nconst defaultObserverOptions: IntersectionObserverInit = {\n  root: null,\n  threshold: 0,\n  rootMargin: '0px 0px -150px 0px',\n};\n\nconst SCROLL_ID = `pn-scroll-wrapper-id-`;\n\n@Component({\n  tag: 'pn-scroll',\n  styleUrl: 'pn-scroll.scss',\n})\nexport class PnScroll {\n  @Element() hostElement: HTMLElement;\n  @Prop() observerOptions: IntersectionObserverInit = defaultObserverOptions;\n  @Prop() behaviourClasses: string = 'fade slide-up';\n  @Prop() transitionDurationSeconds: number = 0.5;\n  @Prop() shouldLoop?: boolean = false;\n  @Prop() intersectFunc?: Function;\n  @Prop() notIntersectFunc?: Function;\n\n  @State() compId: string = null;\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  handleIntersection(entries: IntersectionObserverEntry[], observer?: IntersectionObserver, onIntersecting?: Function, onNotIntersecting?: Function, shouldLoop?: boolean) {\n    entries.forEach(entry => {\n      if (!shouldLoop) {\n        if (!entry.isIntersecting) {\n          onNotIntersecting?.(entry, observer);\n          return;\n        }\n        entry.target.classList.add('in-view');\n        onIntersecting?.(entry, observer);\n        observer.unobserve(entry.target);\n      } else {\n        entry.target.classList.toggle('in-view', entry.isIntersecting);\n        if (entry.isIntersecting) {\n          onIntersecting?.(entry, observer);\n        } else {\n          onNotIntersecting?.(entry, observer);\n        }\n      }\n    });\n  }\n\n  //on load, generate unique id for this wrapper\n  componentWillLoad() {\n    this.compId = this.generateUniqueId();\n  }\n\n  componentDidLoad() {\n    const observer = new IntersectionObserver(\n      (entries, observer) => this.handleIntersection(entries, observer, this.intersectFunc, this.notIntersectFunc, this.shouldLoop),\n      this.observerOptions,\n    );\n    const objectToObserve = document.getElementById(`${SCROLL_ID}${this.compId}`);\n    observer.observe(objectToObserve);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`scroll-wrapper ${this.behaviourClasses}`} id={`${SCROLL_ID}${this.compId}`} style={{ '--transition-duration': `${this.transitionDurationSeconds}s` }}>\n          <slot name=\"scroll-affected\" />\n        </div>\n      </Host>\n    );\n  }\n}\n","export const translations = {\n  sv: {\n    ariaLabel: 'Spela eller pausa video',\n  },\n  en: {\n    ariaLabel: 'Play or pause video',\n  },\n  da: {\n    ariaLabel: 'Afspil eller sæt video på pause',\n  },\n  no: {\n    ariaLabel: 'Spill av eller sett video på pause',\n  },\n  fi: {\n    ariaLabel: 'Toista tai keskeytä video',\n  },\n  de: {\n    ariaLabel: 'Video abspielen oder anhalten',\n  },\n  zh: {\n    sharelabel: 'Play or pause video',\n  },\n  it: {\n    sharelabel: 'Play or pause video',\n  },\n  nl: {\n    sharelabel: 'Play or pause video',\n  },\n};\n","@import '../../../../globals/main';\n\npn-video-overlay {\n  &.pn-video-overlay--show-overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n  }\n\n  button {\n    position: absolute;\n    bottom: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    padding: 0;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    background-color: transparent;\n\n    @media screen and (min-width: $min-width-md) {\n      bottom: 16px;\n      left: 16px;\n    }\n\n    &:hover {\n      svg rect {\n        fill: darken(#005d92, 10%);\n      }\n    }\n\n    &:active {\n      svg rect {\n        fill: darken(#005d92, 20%);\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline: 2px solid $white;\n    }\n\n    svg {\n      scale: 0.7;\n      @media screen and (min-width: $min-width-md) {\n        scale: 1;\n      }\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\n@Component({\n  tag: 'pn-video-overlay',\n  styleUrl: 'pn-video-overlay.scss',\n})\nexport class PnVideoOverlay {\n  @Element() hostElement: HTMLElement;\n  @Prop() language: string = 'en';\n  @Prop() isPaused: boolean = false;\n  @Prop() showOverlay: boolean = false;\n  @State() i18n: any;\n\n  @Event() playPauseClicked: EventEmitter<void>;\n\n  componentWillLoad() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language === 'nb') {\n      this.language = 'no';\n    }\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n  }\n\n  handlePlayPauseClicked = () => {\n    this.playPauseClicked.emit();\n  };\n\n  renderPlayIcon = () => {\n    return (\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n        <path\n          d=\"M8 32C8 18.7305 18.7305 8 32 8C38.6401 8 44.5751 10.6887 48.9432 15.0568C49.5851 15.6988 49.5851 16.7396 48.9432 17.3815C48.3012 18.0235 47.2604 18.0235 46.6185 17.3815C42.8331 13.5962 37.7215 11.2877 32 11.2877C20.5462 11.2877 11.2877 20.5462 11.2877 32C11.2877 43.4538 20.5462 52.7123 32 52.7123C43.4538 52.7123 52.7123 43.4538 52.7123 32C52.7123 31.0921 53.4483 30.3562 54.3562 30.3562C55.264 30.3562 56 31.0921 56 32C56 45.2695 45.2695 56 32 56C18.7305 56 8 45.2695 8 32Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M24.5996 20.0577C25.1064 19.7636 25.7315 19.7615 26.2402 20.0522L44.6512 30.5728C45.1634 30.8654 45.4795 31.4101 45.4795 32C45.4795 32.5899 45.1634 33.1346 44.6512 33.4272L26.2402 43.9478C25.7315 44.2385 25.1064 44.2364 24.5996 43.9423C24.0928 43.6482 23.7808 43.1065 23.7808 42.5205V21.4795C23.7808 20.8935 24.0928 20.3518 24.5996 20.0577ZM27.0685 39.6879L40.5224 32L27.0685 24.3121V39.6879Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n          fill=\"white\"\n        />\n      </svg>\n    );\n  };\n\n  renderPauseIcon = () => {\n    return (\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n        <path\n          d=\"M32 8C18.7305 8 8 18.7305 8 32C8 45.2695 18.7305 56 32 56C45.2695 56 56 45.2695 56 32C56 31.0921 55.264 30.3562 54.3562 30.3562C53.4483 30.3562 52.7123 31.0921 52.7123 32C52.7123 43.4538 43.4538 52.7123 32 52.7123C20.5462 52.7123 11.2877 43.4538 11.2877 32C11.2877 20.5462 20.5462 11.2877 32 11.2877C37.7215 11.2877 42.8331 13.5962 46.6185 17.3815C47.2604 18.0235 48.3012 18.0235 48.9432 17.3815C49.5851 16.7396 49.5851 15.6988 48.9432 15.0568C44.5751 10.6887 38.6401 8 32 8Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M19.1729 24.1096C19.1729 21.7491 21.0865 19.8356 23.4469 19.8356H26.0771C28.4375 19.8356 30.351 21.7491 30.351 24.1096V39.8904C30.351 42.2509 28.4375 44.1644 26.0771 44.1644H23.4469C21.0865 44.1644 19.1729 42.2509 19.1729 39.8904V24.1096ZM23.4469 23.1233C22.9022 23.1233 22.4606 23.5649 22.4606 24.1096V39.8904C22.4606 40.4351 22.9022 40.8767 23.4469 40.8767H26.0771C26.6218 40.8767 27.0634 40.4351 27.0634 39.8904V24.1096C27.0634 23.5649 26.6218 23.1233 26.0771 23.1233H23.4469Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M37.7765 19.8356C35.4161 19.8356 33.5026 21.7491 33.5026 24.1096V39.8904C33.5026 42.2509 35.4161 44.1644 37.7765 44.1644H40.4067C42.7671 44.1644 44.6807 42.2509 44.6807 39.8904V24.1096C44.6807 21.7491 42.7671 19.8356 40.4067 19.8356H37.7765ZM36.7902 24.1096C36.7902 23.5649 37.2318 23.1233 37.7765 23.1233H40.4067C40.9514 23.1233 41.393 23.5649 41.393 24.1096V39.8904C41.393 40.4351 40.9514 40.8767 40.4067 40.8767H37.7765C37.2318 40.8767 36.7902 40.4351 36.7902 39.8904V24.1096Z\"\n          fill=\"white\"\n        />\n      </svg>\n    );\n  };\n\n  render() {\n    return (\n      <Host class={`pn-video-overlay ${this.showOverlay ? 'pn-video-overlay--show-overlay' : ''}`}>\n        <button type=\"button\" id=\"overlayed-button-pause-video\" aria-label={`${this.i18n.ariaLabel}`} onClick={this.handlePlayPauseClicked}>\n          {this.isPaused ? this.renderPlayIcon() : this.renderPauseIcon()}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pnScrollCss","PnScrollStyle0","defaultObserverOptions","root","threshold","rootMargin","SCROLL_ID","PnScroll","generateUniqueId","uuidv4","handleIntersection","entries","observer","onIntersecting","onNotIntersecting","shouldLoop","forEach","entry","isIntersecting","target","classList","add","unobserve","toggle","componentWillLoad","this","compId","componentDidLoad","IntersectionObserver","intersectFunc","notIntersectFunc","observerOptions","objectToObserve","document","getElementById","observe","render","h","Host","key","class","behaviourClasses","id","style","transitionDurationSeconds","name","translations","sv","ariaLabel","en","da","no","fi","de","zh","sharelabel","it","nl","pnVideoOverlayCss","PnVideoOverlayStyle0","PnVideoOverlay","playPauseClicked","setTranslations","language","i18n","onLanguageChange","handlePlayPauseClicked","emit","renderPlayIcon","width","height","viewBox","fill","xmlns","rx","d","renderPauseIcon","showOverlay","type","onClick","isPaused"],"sources":["src/components/animation/pn-scroll/pn-scroll.scss?tag=pn-scroll","src/components/animation/pn-scroll/pn-scroll.tsx","src/components/animation/pn-play-on-scroll/pn-video-overlay/translations.ts","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.scss?tag=pn-video-overlay","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.tsx"],"sourcesContent":["pn-scroll {\n  .scroll-wrapper {\n    transition: all var(--transition-duration) ease-in-out 250ms;\n\n    &.fade {\n      opacity: 0;\n\n      &.in-view {\n        opacity: 1;\n      }\n    }\n\n    &.slide-up {\n      transform: translateY(50px);\n      &.in-view {\n        transform: translateY(0);\n      }\n    }\n\n    &.slide-in {\n      &.in-view {\n      }\n    }\n\n    &.slide-out {\n      &.in-view {\n      }\n    }\n  }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nconst defaultObserverOptions: IntersectionObserverInit = {\n  root: null,\n  threshold: 0,\n  rootMargin: '0px 0px -150px 0px',\n};\n\nconst SCROLL_ID = `pn-scroll-wrapper-id-`;\n\n@Component({\n  tag: 'pn-scroll',\n  styleUrl: 'pn-scroll.scss',\n})\nexport class PnScroll {\n  @Element() hostElement: HTMLElement;\n  @Prop() observerOptions: IntersectionObserverInit = defaultObserverOptions;\n  @Prop() behaviourClasses: string = 'fade slide-up';\n  @Prop() transitionDurationSeconds: number = 0.5;\n  @Prop() shouldLoop?: boolean = false;\n  @Prop() intersectFunc?: Function;\n  @Prop() notIntersectFunc?: Function;\n\n  @State() compId: string = null;\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  handleIntersection(entries: IntersectionObserverEntry[], observer?: IntersectionObserver, onIntersecting?: Function, onNotIntersecting?: Function, shouldLoop?: boolean) {\n    entries.forEach(entry => {\n      if (!shouldLoop) {\n        if (!entry.isIntersecting) {\n          onNotIntersecting?.(entry, observer);\n          return;\n        }\n        entry.target.classList.add('in-view');\n        onIntersecting?.(entry, observer);\n        observer.unobserve(entry.target);\n      } else {\n        entry.target.classList.toggle('in-view', entry.isIntersecting);\n        if (entry.isIntersecting) {\n          onIntersecting?.(entry, observer);\n        } else {\n          onNotIntersecting?.(entry, observer);\n        }\n      }\n    });\n  }\n\n  //on load, generate unique id for this wrapper\n  componentWillLoad() {\n    this.compId = this.generateUniqueId();\n  }\n\n  componentDidLoad() {\n    const observer = new IntersectionObserver(\n      (entries, observer) => this.handleIntersection(entries, observer, this.intersectFunc, this.notIntersectFunc, this.shouldLoop),\n      this.observerOptions,\n    );\n    const objectToObserve = document.getElementById(`${SCROLL_ID}${this.compId}`);\n    observer.observe(objectToObserve);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`scroll-wrapper ${this.behaviourClasses}`} id={`${SCROLL_ID}${this.compId}`} style={{ '--transition-duration': `${this.transitionDurationSeconds}s` }}>\n          <slot name=\"scroll-affected\" />\n        </div>\n      </Host>\n    );\n  }\n}\n","export const translations = {\n  sv: {\n    ariaLabel: 'Spela eller pausa video',\n  },\n  en: {\n    ariaLabel: 'Play or pause video',\n  },\n  da: {\n    ariaLabel: 'Afspil eller sæt video på pause',\n  },\n  no: {\n    ariaLabel: 'Spill av eller sett video på pause',\n  },\n  fi: {\n    ariaLabel: 'Toista tai keskeytä video',\n  },\n  de: {\n    ariaLabel: 'Video abspielen oder anhalten',\n  },\n  zh: {\n    sharelabel: 'Play or pause video',\n  },\n  it: {\n    sharelabel: 'Play or pause video',\n  },\n  nl: {\n    sharelabel: 'Play or pause video',\n  },\n};\n","@import '../../../../globals/main';\n\npn-video-overlay {\n  &.pn-video-overlay--show-overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n  }\n\n  button {\n    position: absolute;\n    bottom: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    padding: 0;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    background-color: transparent;\n\n    @media screen and (min-width: $min-width-md) {\n      bottom: 16px;\n      left: 16px;\n    }\n\n    &:hover {\n      svg rect {\n        fill: darken(#005d92, 10%);\n      }\n    }\n\n    &:active {\n      svg rect {\n        fill: darken(#005d92, 20%);\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline: 2px solid $white;\n    }\n\n    svg {\n      scale: 0.7;\n      @media screen and (min-width: $min-width-md) {\n        scale: 1;\n      }\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\n@Component({\n  tag: 'pn-video-overlay',\n  styleUrl: 'pn-video-overlay.scss',\n})\nexport class PnVideoOverlay {\n  @Element() hostElement: HTMLElement;\n  @Prop() language: string = 'en';\n  @Prop() isPaused: boolean = false;\n  @Prop() showOverlay: boolean = false;\n  @State() i18n: any;\n\n  @Event() playPauseClicked: EventEmitter<void>;\n\n  componentWillLoad() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language === 'nb') {\n      this.language = 'no';\n    }\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n  }\n\n  handlePlayPauseClicked = () => {\n    this.playPauseClicked.emit();\n  };\n\n  renderPlayIcon = () => {\n    return (\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n        <path\n          d=\"M8 32C8 18.7305 18.7305 8 32 8C38.6401 8 44.5751 10.6887 48.9432 15.0568C49.5851 15.6988 49.5851 16.7396 48.9432 17.3815C48.3012 18.0235 47.2604 18.0235 46.6185 17.3815C42.8331 13.5962 37.7215 11.2877 32 11.2877C20.5462 11.2877 11.2877 20.5462 11.2877 32C11.2877 43.4538 20.5462 52.7123 32 52.7123C43.4538 52.7123 52.7123 43.4538 52.7123 32C52.7123 31.0921 53.4483 30.3562 54.3562 30.3562C55.264 30.3562 56 31.0921 56 32C56 45.2695 45.2695 56 32 56C18.7305 56 8 45.2695 8 32Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M24.5996 20.0577C25.1064 19.7636 25.7315 19.7615 26.2402 20.0522L44.6512 30.5728C45.1634 30.8654 45.4795 31.4101 45.4795 32C45.4795 32.5899 45.1634 33.1346 44.6512 33.4272L26.2402 43.9478C25.7315 44.2385 25.1064 44.2364 24.5996 43.9423C24.0928 43.6482 23.7808 43.1065 23.7808 42.5205V21.4795C23.7808 20.8935 24.0928 20.3518 24.5996 20.0577ZM27.0685 39.6879L40.5224 32L27.0685 24.3121V39.6879Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n          fill=\"white\"\n        />\n      </svg>\n    );\n  };\n\n  renderPauseIcon = () => {\n    return (\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n        <path\n          d=\"M32 8C18.7305 8 8 18.7305 8 32C8 45.2695 18.7305 56 32 56C45.2695 56 56 45.2695 56 32C56 31.0921 55.264 30.3562 54.3562 30.3562C53.4483 30.3562 52.7123 31.0921 52.7123 32C52.7123 43.4538 43.4538 52.7123 32 52.7123C20.5462 52.7123 11.2877 43.4538 11.2877 32C11.2877 20.5462 20.5462 11.2877 32 11.2877C37.7215 11.2877 42.8331 13.5962 46.6185 17.3815C47.2604 18.0235 48.3012 18.0235 48.9432 17.3815C49.5851 16.7396 49.5851 15.6988 48.9432 15.0568C44.5751 10.6887 38.6401 8 32 8Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M19.1729 24.1096C19.1729 21.7491 21.0865 19.8356 23.4469 19.8356H26.0771C28.4375 19.8356 30.351 21.7491 30.351 24.1096V39.8904C30.351 42.2509 28.4375 44.1644 26.0771 44.1644H23.4469C21.0865 44.1644 19.1729 42.2509 19.1729 39.8904V24.1096ZM23.4469 23.1233C22.9022 23.1233 22.4606 23.5649 22.4606 24.1096V39.8904C22.4606 40.4351 22.9022 40.8767 23.4469 40.8767H26.0771C26.6218 40.8767 27.0634 40.4351 27.0634 39.8904V24.1096C27.0634 23.5649 26.6218 23.1233 26.0771 23.1233H23.4469Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M37.7765 19.8356C35.4161 19.8356 33.5026 21.7491 33.5026 24.1096V39.8904C33.5026 42.2509 35.4161 44.1644 37.7765 44.1644H40.4067C42.7671 44.1644 44.6807 42.2509 44.6807 39.8904V24.1096C44.6807 21.7491 42.7671 19.8356 40.4067 19.8356H37.7765ZM36.7902 24.1096C36.7902 23.5649 37.2318 23.1233 37.7765 23.1233H40.4067C40.9514 23.1233 41.393 23.5649 41.393 24.1096V39.8904C41.393 40.4351 40.9514 40.8767 40.4067 40.8767H37.7765C37.2318 40.8767 36.7902 40.4351 36.7902 39.8904V24.1096Z\"\n          fill=\"white\"\n        />\n      </svg>\n    );\n  };\n\n  render() {\n    return (\n      <Host class={`pn-video-overlay ${this.showOverlay ? 'pn-video-overlay--show-overlay' : ''}`}>\n        <button type=\"button\" id=\"overlayed-button-pause-video\" aria-label={`${this.i18n.ariaLabel}`} onClick={this.handlePlayPauseClicked}>\n          {this.isPaused ? this.renderPlayIcon() : this.renderPauseIcon()}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/p-59cb7166.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,g as s,h as i,d as o}from"./p-bb1c965e.js";import{F as r,M as n}from"./p-65f243c1.js";import{d as l}from"./p-3e4d9396.js";const a={sv:{errorEmpty:"Får inte vara tom",errorPostalCode:"Kan inte hitta postkoden",required:"obligatoriskt"},en:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode",required:"required"},da:{errorEmpty:"Kan ikke være tom",errorPostalCode:"Kunne ikke finde postnummeret",required:"påkrævet"},no:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},fi:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode",required:"pakollinen"},de:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},zh:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},fr:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},es:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},nl:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},it:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},tr:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},pl:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},pt:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},"pt-BR":{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"}};const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-address-autofill pn-marketweb-input{width:50%}pn-address-autofill .input-container-row{display:flex;gap:1rem;margin-bottom:1rem}pn-address-autofill .label-container{color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end}pn-address-autofill .autocomplete-items{position:absolute;border-radius:0.8rem;border:0.1rem solid #5e554a;width:100%;max-height:30rem;overflow-y:auto}pn-address-autofill .autocomplete-items:hover,pn-address-autofill .autocomplete-items :focus{border:0.1rem solid #00a0d6}pn-address-autofill .autocomplete-items div{padding:1.6rem;cursor:pointer;background-color:#fff;border:0.1rem solid transparent}pn-address-autofill .autocomplete-items div:first-child{border-radius:0.8rem 0.8rem 0 0}pn-address-autofill .autocomplete-items div:last-child{border-radius:0 0 0.8rem 0.8rem}pn-address-autofill .autocomplete-items div:hover{background-color:#e0f8ff}pn-address-autofill .autocomplete-items .autocomplete-active{background-color:#e0f8ff}pn-address-autofill .autocomplete-items:empty{display:none}pn-address-autofill pn-input{max-width:25rem;width:100%}";const d=h;const u=class{constructor(s){t(this,s);this.addresscomplete=e(this,"addresscomplete",7);this.market=null;this.environment=null;this.endpoint=null;this.cache=true;this.countryCode=null;this.language=null;this.postalCodeProps=null;this.cityProps=null;this.streetAddressProps=null;this.streetNumberProps=null;this.postalCode=null;this.city=null;this.streetAddress=null;this.streetNumber=null;this.validAddress=false;this.translation=undefined;this.postalCodeRequiredLabel=null;this.streetRequiredLabel=null;this.fullAddress=null;this.isLoading=true}get hostElement(){return s(this)}pnInputPostalCode=null;pnInputCity=null;pnInputStreetAddress=null;pnInputStreetNumber=null;postalCodeInputField=null;streetAddressInputField=null;streetNumberInputField=null;pnInputHiddenValue=null;endpointPath="/api/location/get-by-postalcode";locationEndpointPath="/api/location/get-by-location";_postalCodeProps=null;_cityProps=null;_streetAddressProps=null;_streetNumberProps=null;addresscomplete;fetchHelper=new r("PostalCodeCityAutofill");componentWillLoad(){this.setInitialValues();this._postalCodeProps=this.setProps(this.postalCodeProps);this._cityProps=this.setProps(this.cityProps);this._streetAddressProps=this.setProps(this.streetAddressProps);this._streetNumberProps=this.setProps(this.streetNumberProps)}setProps(t){if(typeof t==="string"){return JSON.parse(t)}else{return t}}componentDidLoad(){this.postalCodeInputField=this.pnInputPostalCode.querySelector("input");this.streetAddressInputField=this.pnInputStreetAddress.querySelector("input");this.streetNumberInputField=this.pnInputStreetNumber.querySelector("input");this.addEventHandlers()}async setInitialValues(t=window.location.href){const e=new n(t);if(!this.environment){this.environment=await e.getEnvironmentName()}if(!this.endpoint&&this.environment?.indexOf("local")===-1){this.endpoint=await e.getEndpoint(this.environment,this.market)}if(!this.endpoint){this.endpoint=""}if(!this.language){this.language=await e.getLanguage()}this.setTranslations();this.postalCodeRequiredLabel="";this.streetRequiredLabel="";if(this._postalCodeProps.postalCodeInputRequired===true){this.postalCodeRequiredLabel=" ("+this.translation.required+")"}if(this._streetAddressProps.streetAddressInputRequired===true){this.streetRequiredLabel=" ("+this.translation.required+")"}}setTranslations(){if(this.language==="nb"){this.language="no"}if(this.language&&a[this.language]){this.translation=a[this.language]}}addEventHandlers(){let t;this.postalCodeInputField.addEventListener("keyup",(e=>{this.isLoading=true;clearTimeout(t);t=window.setTimeout((()=>{this.fetchPostalCodeData(e)}),300)}));this.streetAddressInputField.addEventListener("blur",this.handleAddressDropdown.bind(this));this.streetNumberInputField.addEventListener("blur",this.handleAddressDropdown.bind(this));this.addFormFieldEvent()}addFormFieldEvent(){const t=this.hostElement.querySelectorAll("input");t.forEach((t=>{["keyup","change","blur"].forEach((e=>{const s=l(this.updateHiddenValue.bind(this),1e3);t.addEventListener(e,s)}))}))}updateHiddenValue(t){if(t.target===this.streetNumberInputField){this.streetNumber=this.streetNumberInputField.value}if(this.validAddress&&this.postalCode&&this.city&&this.streetAddress&&this.streetNumber){this.fullAddress=`${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`}else{this.fullAddress=""}this.addresscomplete.emit(this.fullAddress)}async fetchPostalCodeData(t){if(!t){return}const e=this.postalCodeInputField.value;var s=4;if(e.length<s){this.resetFields();return}if(this.postalCode===e){return}this.resetFields();this.postalCode=e;var i=await this.fetchPostalCode(e);const o=i.addresses?.find((t=>t.postalCode===e));this.city=o?.city||null;this.isLoading=false}async fetchPostalCode(t){const e=this.endpoint.endsWith("/")?this.endpoint.slice(0,-1):this.endpoint;const s=`${e}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${t}`;try{const t=await this.fetchHelper.fetchJson(s,{mode:"cors"},this.cache);if(!t?.addresses?.length){this.pnInputPostalCode.setAttribute("error",this._postalCodeProps.postalCodeInputError);return}return t}catch(t){console.error("Error fetching address data:",t);this.isLoading=true;return null}}async fetchAddress(){const t=this.endpoint.endsWith("/")?this.endpoint.slice(0,-1):this.endpoint;var e=this.streetAddress+" "+this.streetNumber;const s=`${t}${this.locationEndpointPath}?countryCode=${this.countryCode}&query=${e}`;try{const t=await this.fetchHelper.fetchJson(s,{mode:"cors"},this.cache);return t}catch(t){console.error("Error fetching address data:",t);this.isLoading=true;return null}}resetFields(){this.streetAddressInputField.value="";this.streetNumberInputField.value="";this.city=null;this.streetAddress=null;this.streetNumber=null;this.validAddress=false;let t=document.getElementsByTagName("pn-input");Array.from(t).forEach((t=>{t.removeAttribute("error")}))}async handleAddressDropdown(t){const e=this.streetAddressInputField.value;const s=this.streetNumberInputField.value;if(!e&&!s){return}if(this.streetAddress===e&&this.streetNumber===s){return}if(e){this.streetAddress=e}if(s){this.streetNumber=s}var i=await this.fetchAddress();var o=false;var r=false;if(!i?.addresses?.length){if(t.target===this.streetAddressInputField){o=true}if(t.target===this.streetNumberInputField){r=true}}else{if(this.streetAddress&&!i.addresses.find((t=>this.normalizeChar(t.street)===this.normalizeChar(this.streetAddress)&&t.postalCode===this.postalCode))){o=true}if(this.streetNumber&&!i.addresses.find((t=>t.houseNumber.toLowerCase()===this.streetNumber.toLowerCase()&&t.postalCode===this.postalCode))){r=true}}this.pnInputStreetAddress.removeAttribute("error");this.pnInputStreetAddress.setAttribute("helpertext",this._streetAddressProps.streetAddressInputHelpertext);this.pnInputStreetNumber.removeAttribute("error");this.pnInputStreetNumber.setAttribute("helpertext",this._streetNumberProps.streetNumberInputHelpertext);this.validAddress=true;if(o){this.pnInputStreetAddress.setAttribute("error",this._streetAddressProps.streetAddressInputError);this.pnInputStreetAddress.setAttribute("helpertext",this._streetAddressProps.streetAddressInputError);this.validAddress=false}if(r){this.pnInputStreetNumber.setAttribute("error",this._streetNumberProps.streetNumberInputError);this.pnInputStreetNumber.setAttribute("helpertext",this._streetNumberProps.streetNumberInputError);this.validAddress=false}}normalizeChar(t){const e={ø:"o",Ø:"o",æ:"ae",Æ:"ae"};var s=t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").split("").map((t=>e[t]||t)).join("").toLowerCase();return s}render(){return i(o,{key:"144d390d30ab4ed791c6e1c89753cf185ec22528",class:"pn-address-autofill"},this._postalCodeProps?.postalCodeCityLabel?i("div",{class:"label-container"},i("label",null,`${this._postalCodeProps.postalCodeCityLabel+" "+this.postalCodeRequiredLabel}`)):null,i("div",{key:"f50c6de42b8c582769e6c6f03736106462e1023d",class:"input-container-row"},i("pn-input",{key:"c777d9f11e090940d8fad9471027200116c79fec",type:"number",name:this._postalCodeProps?.postalCodeInputName,required:this._postalCodeProps?.postalCodeInputRequired,placeholder:this._postalCodeProps?.postalCodeInputPlaceholder,ref:t=>this.pnInputPostalCode=t,autocomplete:"off",helpertext:this._postalCodeProps?.postalCodeInputHelpertext}),i("pn-input",{key:"317888fa29d61168e8fac41f58adf3bab7a5d16c",type:"text",name:this._cityProps?.cityInputName,disabled:true,value:this.city,placeholder:this._cityProps?.cityInputPlaceholder,autocomplete:"off",helpertext:this._cityProps?.cityInputHelpertext})),this._streetAddressProps?.streetAddressNumberLabel?i("div",{class:"label-container"},i("label",null,`${this._streetAddressProps.streetAddressNumberLabel+" "+this.streetRequiredLabel}`)):null,i("div",{key:"df079570278fe8910dd5e6bccf8f04585ad14243",class:"input-container-row"},i("pn-input",{key:"3ebdce3b0a90fba067c023c80d5c6d2374885082",type:"text",name:this._streetAddressProps?.streetAddressInputName,required:this._streetAddressProps?.streetAddressInputRequired,value:this.streetAddress,placeholder:this._streetAddressProps?.streetAddressInputPlaceholder,ref:t=>this.pnInputStreetAddress=t,autocomplete:"off",helpertext:this._streetAddressProps?.streetAddressInputHelpertext,disabled:this.isLoading}),i("pn-input",{key:"d48f305425656296711248b2c808b5a259e9730e",type:"text",name:this._streetNumberProps?.streetNumberInputName,required:this._streetNumberProps?.streetNumberInputRequired,value:this.streetNumber,placeholder:this._streetNumberProps?.streetNumberInputPlaceholder,ref:t=>this.pnInputStreetNumber=t,autocomplete:"off",helpertext:this._streetNumberProps?.streetNumberInputHelpertext,disabled:this.isLoading})))}};u.style=d;export{u as pn_address_autofill};
+//# sourceMappingURL=p-59cb7166.entry.js.map

package/dist/pn-market-web-components/p-59cb7166.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["translations","sv","errorEmpty","errorPostalCode","required","en","da","no","fi","de","zh","fr","es","nl","it","tr","pl","pt","pnAddressAutofillCss","PnAddressAutofillStyle0","PnAddressAutofill","pnInputPostalCode","pnInputCity","pnInputStreetAddress","pnInputStreetNumber","postalCodeInputField","streetAddressInputField","streetNumberInputField","pnInputHiddenValue","endpointPath","locationEndpointPath","_postalCodeProps","_cityProps","_streetAddressProps","_streetNumberProps","addresscomplete","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","setProps","postalCodeProps","cityProps","streetAddressProps","streetNumberProps","props","JSON","parse","componentDidLoad","querySelector","addEventHandlers","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","market","language","getLanguage","setTranslations","postalCodeRequiredLabel","streetRequiredLabel","postalCodeInputRequired","translation","streetAddressInputRequired","debounceTimeout","addEventListener","e","isLoading","clearTimeout","setTimeout","fetchPostalCodeData","handleAddressDropdown","bind","addFormFieldEvent","allInputs","hostElement","querySelectorAll","forEach","element","eventName","debounceUpdate","debounce","updateHiddenValue","target","streetNumber","value","validAddress","postalCode","city","streetAddress","fullAddress","emit","postalCodeLength","length","resetFields","data","fetchPostalCode","cityInfo","addresses","find","addr","endpointBase","endsWith","slice","fetchUrl","countryCode","fetchJson","mode","cache","setAttribute","postalCodeInputError","error","console","fetchAddress","locationSearch","inputs","document","getElementsByTagName","Array","from","removeAttribute","showStreetAddressError","showStreetNumberError","normalizeChar","street","houseNumber","toLowerCase","streetAddressInputHelpertext","streetNumberInputHelpertext","streetAddressInputError","streetNumberInputError","str","specialCharMap","str1","normalize","replace","split","map","char","join","render","h","Host","key","class","postalCodeCityLabel","type","name","postalCodeInputName","placeholder","postalCodeInputPlaceholder","ref","el","autocomplete","helpertext","postalCodeInputHelpertext","cityInputName","disabled","cityInputPlaceholder","cityInputHelpertext","streetAddressNumberLabel","streetAddressInputName","streetAddressInputPlaceholder","streetNumberInputName","streetNumberInputRequired","streetNumberInputPlaceholder"],"sources":["src/components/input/pn-address-autofill/translations.ts","src/components/input/pn-address-autofill/pn-address-autofill.scss?tag=pn-address-autofill","src/components/input/pn-address-autofill/pn-address-autofill.tsx"],"sourcesContent":["export const translations = {\n  'sv': {\n    errorEmpty: 'Får inte vara tom',\n    errorPostalCode: 'Kan inte hitta postkoden',\n    required: 'obligatoriskt'\n  },\n  'en': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n    required: 'required'\n\n  },\n  'da': {\n    errorEmpty: 'Kan ikke være tom',\n    errorPostalCode: 'Kunne ikke finde postnummeret',\n    required: 'påkrævet'\n  },\n  'no': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'fi': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n    required: 'pakollinen'\n  },\n  'de': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'zh': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'fr': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'es': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'nl': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'it': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'tr': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'pl': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'pt': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'pt-BR': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-address-autofill {\n  pn-marketweb-input {\n    width: 50%;\n  }\n\n  .input-container-row {\n    display: flex;\n    //flex-grow: 1;\n    gap: 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .label-container {\n    color: $gray700;\n    font-size: 0.875em;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n  }\n\n  .autocomplete-items {\n    position: absolute;\n    border-radius: 0.8rem;\n    border: 0.1rem solid $gray700;\n    width: 100%;\n    max-height: 30rem;\n    overflow-y: auto;\n\n    &:hover,\n    :focus {\n      border: 0.1rem solid $blue400;\n    }\n\n    div {\n      padding: 1.6rem;\n      cursor: pointer;\n      background-color: #fff;\n      border: 0.1rem solid transparent;\n\n      &:first-child {\n        border-radius: 0.8rem 0.8rem 0 0;\n      }\n\n      &:last-child {\n        border-radius: 0 0 0.8rem 0.8rem;\n      }\n\n      &:hover {\n        background-color: #e0f8ff;\n      }\n    }\n\n    .autocomplete-active {\n      background-color: #e0f8ff;\n    }\n  }\n  \n  .autocomplete-items:empty {\n    display: none;\n  }\n\n  pn-input {\n    max-width: 25rem;\n    width: 100%;\n  }\n}\n","import { Component, Prop, h, Element, State, Host, EventEmitter, Event } from '@stencil/core';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { Root, PostalCodeProps, CityProps, StreetAddressProps, StreetNumberProps } from './types';\nimport debounce from 'debounce';\nimport { translations } from './translations';\n\n@Component({\n  tag: 'pn-address-autofill',\n  styleUrl: 'pn-address-autofill.scss',\n})\nexport class PnAddressAutofill {\n  @Element() hostElement: Element;\n  pnInputPostalCode: HTMLElement = null;\n  pnInputCity: HTMLElement = null;\n  pnInputStreetAddress: HTMLElement = null;\n  pnInputStreetNumber: HTMLElement = null;\n  postalCodeInputField: HTMLInputElement = null;\n  streetAddressInputField: HTMLInputElement = null;\n  streetNumberInputField: HTMLInputElement = null;\n  pnInputHiddenValue: HTMLElement = null;\n  endpointPath = '/api/location/get-by-postalcode';\n  locationEndpointPath = '/api/location/get-by-location';\n  private _postalCodeProps: PostalCodeProps = null;\n  private _cityProps: CityProps = null;\n  private _streetAddressProps: StreetAddressProps = null;\n  private _streetNumberProps: StreetNumberProps = null;\n\n  /** Specifies which market we want to show (se,dk,fi,no,com) */\n  @Prop({ mutable: true, reflect: true }) market: string = null; //se\n  /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n  @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n  @Prop() endpoint: string = null;\n  @Prop() cache: boolean = true;\n  @Prop() countryCode: string = null;\n  @Prop() language: string = null;\n\n  @Prop() postalCodeProps: string | PostalCodeProps = null;\n  @Prop() cityProps: string | CityProps = null;\n  @Prop() streetAddressProps: string | StreetAddressProps = null;\n  @Prop() streetNumberProps: string | StreetNumberProps = null;\n\n  @State() postalCode: string = null;\n  @State() city: string = null;\n  @State() streetAddress: string = null;\n  @State() streetNumber: string = null;\n  @State() validAddress: boolean = false;\n  @State() translation: any;\n  @State() postalCodeRequiredLabel: string = null;\n  @State() streetRequiredLabel: string = null;\n\n  @State() fullAddress: string = null;\n  @State() isLoading: boolean = true;\n\n  @Event() addresscomplete: EventEmitter<string>;\n\n  fetchHelper = new FetchHelper('PostalCodeCityAutofill');\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this._postalCodeProps = this.setProps(this.postalCodeProps);\n    this._cityProps = this.setProps(this.cityProps);\n    this._streetAddressProps = this.setProps(this.streetAddressProps);\n    this._streetNumberProps = this.setProps(this.streetNumberProps);\n  }\n\n  setProps(props) {\n    if (typeof props === 'string') {\n      return JSON.parse(props);\n    } else {\n      return props;\n    }\n  }\n\n  componentDidLoad() {\n    this.postalCodeInputField = this.pnInputPostalCode.querySelector('input');\n    this.streetAddressInputField = this.pnInputStreetAddress.querySelector('input');\n    this.streetNumberInputField = this.pnInputStreetNumber.querySelector('input');\n\n    this.addEventHandlers();\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n\n    if (!this.environment) {\n      this.environment = await marketWebContextService.getEnvironmentName();\n    }\n\n    if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n\n    if (!this.language) {\n      this.language = await marketWebContextService.getLanguage();\n    }\n\n    this.setTranslations()\n\n    this.postalCodeRequiredLabel = \"\";\n    this.streetRequiredLabel = \"\";\n\n    if(this._postalCodeProps.postalCodeInputRequired === true) {\n      this.postalCodeRequiredLabel = \" (\" + this.translation.required + \")\"; \n    }\n\n    if(this._streetAddressProps.streetAddressInputRequired === true) {\n      this.streetRequiredLabel = \" (\" + this.translation.required + \")\"; \n    }\n  }\n\n    setTranslations() {\n      if (this.language === 'nb') {\n        this.language = 'no';\n      }\n      if (this.language && translations[this.language]) {\n        this.translation = translations[this.language];\n      }\n    }\n\n  addEventHandlers() {\n    let debounceTimeout: number | undefined;\n\n    this.postalCodeInputField.addEventListener('keyup', (e) => {\n      this.isLoading = true;\n      clearTimeout(debounceTimeout);\n      debounceTimeout = window.setTimeout(() => {\n        this.fetchPostalCodeData(e);\n      }, 300);\n    });\n\n    this.streetAddressInputField.addEventListener('blur', this.handleAddressDropdown.bind(this));\n    this.streetNumberInputField.addEventListener('blur', this.handleAddressDropdown.bind(this));\n    this.addFormFieldEvent();\n  }\n\n  addFormFieldEvent() {\n    const allInputs = this.hostElement.querySelectorAll('input');\n    allInputs.forEach(element => {\n      ['keyup', 'change', 'blur'].forEach(eventName => {\n        const debounceUpdate = debounce(this.updateHiddenValue.bind(this), 1000);\n        element.addEventListener(eventName, debounceUpdate);\n      });\n    });\n  }\n\n  updateHiddenValue(e) {\n    if (e.target === this.streetNumberInputField) {\n      this.streetNumber = this.streetNumberInputField.value;\n    }\n\n    if (this.validAddress && this.postalCode && this.city && this.streetAddress && this.streetNumber) {\n      this.fullAddress = `${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`;\n    } else {\n      this.fullAddress = '';\n    }\n\n    this.addresscomplete.emit(this.fullAddress);\n  }\n\n  async fetchPostalCodeData(e: Event) {\n    if (!e) {\n      return;\n    }\n    const postalCode = this.postalCodeInputField.value;\n\n    var postalCodeLength = 4;\n\n    if (postalCode.length < postalCodeLength) {\n      this.resetFields();\n      return;\n    }\n\n    if (this.postalCode === postalCode) {\n      return;\n    }\n\n    this.resetFields();\n    this.postalCode = postalCode;\n\n    var data = (await this.fetchPostalCode(postalCode));\n\n    const cityInfo = data.addresses?.find(addr => addr.postalCode === postalCode);\n    this.city = cityInfo?.city || null;\n\n    this.isLoading = false;\n  }\n\n\n  async fetchPostalCode(postalCode) {\n    const endpointBase = this.endpoint.endsWith('/')\n      ? this.endpoint.slice(0, -1)\n      : this.endpoint;\n\n    const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${postalCode}`;\n\n    try {\n      const data = await this.fetchHelper.fetchJson(fetchUrl, { mode: 'cors' }, this.cache) as Root;\n\n      if (!data?.addresses?.length) {\n        this.pnInputPostalCode.setAttribute('error', this._postalCodeProps.postalCodeInputError);\n        return;\n      }\n      return data;\n    }\n    catch (error) {\n      console.error(\"Error fetching address data:\", error);\n      this.isLoading = true;\n      return null;\n    }\n  }\n\n\n  async fetchAddress() {\n    const endpointBase = this.endpoint.endsWith('/')\n      ? this.endpoint.slice(0, -1)\n      : this.endpoint;\n\n    //merge street and number\n    var locationSearch = this.streetAddress + ' ' + this.streetNumber;\n\n    //this is Air search api which will return the address, without postcode, postalcode verification is done in handleAddressDropdown\n    const fetchUrl = `${endpointBase}${this.locationEndpointPath}?countryCode=${this.countryCode}&query=${locationSearch}`;\n\n    try {\n      const data = await this.fetchHelper.fetchJson(fetchUrl, { mode: 'cors' }, this.cache) as Root;\n      return data;\n    }\n    catch (error) {\n      console.error(\"Error fetching address data:\", error);\n      this.isLoading = true;\n      return null;\n    }\n\n  }\n\n  private resetFields() {\n    this.streetAddressInputField.value = '';\n    this.streetNumberInputField.value = '';\n    this.city = null;\n    this.streetAddress = null;\n    this.streetNumber = null;\n    this.validAddress  = false;\n\n    let inputs = document.getElementsByTagName('pn-input');\n\n    Array.from(inputs).forEach(element => {\n      element.removeAttribute('error');\n    });\n  }\n\n  async handleAddressDropdown(e: Event) {\n    const streetAddress = this.streetAddressInputField.value;\n    const streetNumber = this.streetNumberInputField.value;\n\n    //no data fetching if both the inputs are empty\n    if (!streetAddress && !streetNumber) {\n      return;\n    }\n\n    //skip the data fetch if there is no change in input\n    if (this.streetAddress === streetAddress && this.streetNumber === streetNumber) {\n      return;\n    }\n\n    //set the values\n    if (streetAddress) {\n      this.streetAddress = streetAddress;\n    }\n    if (streetNumber) {\n      this.streetNumber = streetNumber;\n    }\n\n    //fetch data\n    var data = await this.fetchAddress();\n\n    //verify the error\n    var showStreetAddressError = false;\n    var showStreetNumberError = false;\n\n    if (!data?.addresses?.length) {\n      if (e.target === this.streetAddressInputField) {\n        showStreetAddressError = true;\n      }\n      if (e.target === this.streetNumberInputField) {\n        showStreetNumberError = true;\n      }\n    } else {\n      if (this.streetAddress && !data.addresses.find(addr => this.normalizeChar(addr.street) === this.normalizeChar(this.streetAddress) && addr.postalCode === this.postalCode)) {\n        showStreetAddressError = true;\n      }\n      if (this.streetNumber && !data.addresses.find(addr => addr.houseNumber.toLowerCase() === this.streetNumber.toLowerCase() && addr.postalCode === this.postalCode)) {\n        showStreetNumberError = true;\n      }\n    }\n\n    //helpertext changes are temp fix to show the error text, this can be removed once the upgrade is done and fixes this issue.\n    this.pnInputStreetAddress.removeAttribute('error');\n    this.pnInputStreetAddress.setAttribute('helpertext', this._streetAddressProps.streetAddressInputHelpertext);\n\n    this.pnInputStreetNumber.removeAttribute('error');\n    this.pnInputStreetNumber.setAttribute('helpertext', this._streetNumberProps.streetNumberInputHelpertext);\n\n    this.validAddress = true;\n\n    if (showStreetAddressError) {\n      this.pnInputStreetAddress.setAttribute('error', this._streetAddressProps.streetAddressInputError);\n      this.pnInputStreetAddress.setAttribute('helpertext', this._streetAddressProps.streetAddressInputError);\n      this.validAddress = false;\n    }\n    if (showStreetNumberError) {\n      this.pnInputStreetNumber.setAttribute('error', this._streetNumberProps.streetNumberInputError);\n      this.pnInputStreetNumber.setAttribute('helpertext', this._streetNumberProps.streetNumberInputError);\n      this.validAddress = false;\n    }\n  }\n\n  //this function is added to compare the street input values if entered without special characters like é, ø ect\n  normalizeChar(str) {\n\n    const specialCharMap = {\n      'ø': 'o',\n      'Ø': 'o',\n      'æ': 'ae',\n      'Æ': 'ae',\n      // Add more as needed\n    };\n\n    var str1 = str.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")\n      .split('').map(char => specialCharMap[char] || char)\n      .join('').toLowerCase()\n    return str1;\n  }\n\n  render() {\n    return (\n      <Host class=\"pn-address-autofill\">\n        {this._postalCodeProps?.postalCodeCityLabel ? (\n          <div class=\"label-container\">\n            <label>{`${this._postalCodeProps.postalCodeCityLabel + ' ' + this.postalCodeRequiredLabel}`}</label>\n          </div>\n        ) : null}\n        <div class=\"input-container-row\">\n          <pn-input\n            type=\"number\"\n            name={this._postalCodeProps?.postalCodeInputName}\n            required={this._postalCodeProps?.postalCodeInputRequired}\n            placeholder={this._postalCodeProps?.postalCodeInputPlaceholder}\n            ref={el => (this.pnInputPostalCode = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._postalCodeProps?.postalCodeInputHelpertext}\n          ></pn-input>\n\n          <pn-input\n            type=\"text\"\n            name={this._cityProps?.cityInputName}\n            disabled\n            value={this.city}\n            placeholder={this._cityProps?.cityInputPlaceholder}\n            autocomplete=\"off\"\n            helpertext={this._cityProps?.cityInputHelpertext}\n          ></pn-input>\n        </div>\n\n        {this._streetAddressProps?.streetAddressNumberLabel ? (\n          <div class=\"label-container\">\n            <label>{`${this._streetAddressProps.streetAddressNumberLabel + ' ' + this.streetRequiredLabel}`}</label>\n          </div>\n        ) : null}\n        <div class=\"input-container-row\">\n          <pn-input\n            type=\"text\"\n            name={this._streetAddressProps?.streetAddressInputName}\n            required={this._streetAddressProps?.streetAddressInputRequired}\n            value={this.streetAddress}\n            placeholder={this._streetAddressProps?.streetAddressInputPlaceholder}\n            ref={el => (this.pnInputStreetAddress = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._streetAddressProps?.streetAddressInputHelpertext}\n            disabled={this.isLoading}\n          ></pn-input>\n\n          <pn-input\n            type=\"text\"\n            name={this._streetNumberProps?.streetNumberInputName}\n            required={this._streetNumberProps?.streetNumberInputRequired}\n            value={this.streetNumber}\n            placeholder={this._streetNumberProps?.streetNumberInputPlaceholder}\n            ref={el => (this.pnInputStreetNumber = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._streetNumberProps?.streetNumberInputHelpertext}\n            disabled={this.isLoading}\n          ></pn-input>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/p-5a1b6e6d.entry.js

@@ -0,0 +1,2 @@
+import{r as n,g as a,h as e,d as i}from"./p-bb1c965e.js";import{s as t}from"./p-e09a907b.js";import{a as l}from"./p-3fdca5bd.js";import{a as o}from"./p-36b39340.js";import{o as r}from"./p-c40f1e9a.js";import"./p-2509d18d.js";const d='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-mainnav-link{display:block}pn-mainnav-link button,pn-mainnav-link a{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92}pn-mainnav-link button:hover,pn-mainnav-link button:focus,pn-mainnav-link a:hover,pn-mainnav-link a:focus{background-color:#ffffff;color:#005d92;outline:0;box-shadow:none}pn-mainnav-link button:active,pn-mainnav-link a:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link{height:100%;padding-left:0;position:relative;scroll-snap-align:center}}[data-level="1"] pn-mainnav-link:first-child{border-top:0.1rem solid #f3f2f2}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link:first-child{border:0}}[data-level="1"] pn-mainnav-link>button,[data-level="1"] pn-mainnav-link>a{font-size:2rem;width:100%;border-bottom:0.1rem solid #f3f2f2;height:auto;padding:1.9rem 0 1.9rem 3rem}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button,[data-level="1"] pn-mainnav-link>a{height:100%;border:0;font-size:1.6rem;font-weight:normal;position:relative;outline:0;overflow:hidden;padding:1.6rem 1.6rem;white-space:nowrap}[data-level="1"] pn-mainnav-link>button::before,[data-level="1"] pn-mainnav-link>a::before{content:"";background-color:#00a0d6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;transform:translateY(100%);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[data-level="1"] pn-mainnav-link>button:hover::before,[data-level="1"] pn-mainnav-link>button:focus::before,[data-level="1"] pn-mainnav-link>a:hover::before,[data-level="1"] pn-mainnav-link>a:focus::before{transform:translateY(0)}[data-level="1"] pn-mainnav-link>button:active,[data-level="1"] pn-mainnav-link>a:active{outline:0;box-shadow:none;color:#005d92}[data-level="1"] pn-mainnav-link>button:active::before,[data-level="1"] pn-mainnav-link>a:active::before{background-color:#8eddf9;transform:translateY(0)}}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button:hover,[data-level="1"] pn-mainnav-link>button:focus,[data-level="1"] pn-mainnav-link>a:hover,[data-level="1"] pn-mainnav-link>a:focus{text-decoration:none}}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button[aria-expanded=true]::before,[data-level="1"] pn-mainnav-link>a[aria-expanded=true]::before{content:"";background-color:#00a0d6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;transform:translateY(0);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}}[data-level="1"] pn-mainnav-link [aria-expanded=true] .first-level_icon{transform:rotateX(180deg)}[data-level="1"] pn-mainnav-link pn-icon.first-level_icon{transition:0.25s linear transform;width:1.92rem;height:1.92rem;display:none}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link pn-icon.first-level_icon{display:block}}[data-level="1"] pn-mainnav-link pn-icon.first-level_arrow{display:block;position:absolute;height:2.4rem;width:2.4rem;right:2.4rem;top:50%;transform:translateY(-50%)}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link pn-icon.first-level_arrow{display:none}}[data-level="1"] pn-mainnav-link pn-icon svg{pointer-events:none;speak:none;width:100%;height:100%}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"]:not([data-level-listcount="1"]) pn-mainnav-list:last-child pn-mainnav-link>a{min-width:unset}}[data-level="2"] pn-mainnav-link{position:static;display:inline-block;width:100%;height:auto}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link{padding-left:0;margin-bottom:1.6rem}}[data-level="2"] pn-mainnav-link>a{font-size:1.6rem;border-bottom:0.1rem solid #f3f2f2;padding:2.2rem 0 2.2rem 3rem;white-space:normal}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a{min-width:16em;border:0;border-radius:1rem;padding:1.4rem 1.6rem}}[data-level="2"] pn-mainnav-link>a:hover{background-color:#ffffff;color:#005d92}[data-level="2"] pn-mainnav-link>a:hover,[data-level="2"] pn-mainnav-link>a:focus{box-shadow:none}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a:hover,[data-level="2"] pn-mainnav-link>a:focus{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:0}}[data-level="2"] pn-mainnav-link>a:hover::before,[data-level="2"] pn-mainnav-link>a:focus::before{content:none}[data-level="2"] pn-mainnav-link>a:active{box-shadow:none}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a:active{background-color:#f3f2f2;color:#00a0d6;outline:0}}[data-level="2"] pn-mainnav-link>a:active::before{content:none}[data-level="2"] pn-mainnav-link pn-icon{display:inline-block;margin-left:0.2em;min-width:1.5rem;width:1.5rem;height:1.5rem}';const m=d;const s=class{constructor(a){n(this,a);this.name="";this.href="";this.target="";this.linkid="";this.levelId="";this.open=false;this.hasChildren=false}get hostElement(){return a(this)}componentWillLoad(){this.hasChildren=this.hostElement.querySelectorAll("pn-mainnav-level").length>0;if(this.hasChildren&&this.name){const n=this.name.toLowerCase().replace(/\W/gi,"_");this.levelId=`mainnav-lvl${2}-${n}`}}setOpenMenuLevel(){t.openLevel=t.openLevel+""===this.levelId+""?"":this.levelId}render(){return e(i,{key:"83ff3cda7f2697675abf054ee2cf92da5fd14f36",role:"listitem",name:this.name,href:this.href,linkid:this.linkid},this.hasChildren?e("button",{onClick:this.setOpenMenuLevel.bind(this),"aria-controls":this.levelId,"aria-expanded":(t.openLevel+""===this.levelId+"")+"","aria-haspopup":"true"},this.name,e("pn-icon",{class:"first-level_icon",icon:l,color:"blue700"}),e("pn-icon",{class:"first-level_arrow",icon:o,color:"blue700"})):e("a",{href:this.href,...this.target?{target:this.target}:{},...this.target==="_blank"?{rel:"nofollow noopener"}:{},...this.linkid?{id:this.linkid}:{}},this.name,this.target==="_blank"?e("pn-icon",{icon:r,color:"blue700"}):null),e("slot",{key:"e03284078612289b6e86919c0fde15a1e5d956e1"}))}};s.style=m;export{s as pn_mainnav_link};
+//# sourceMappingURL=p-5a1b6e6d.entry.js.map

package/dist/pn-market-web-components/{p-c4e353b3.entry.js.map → p-5a1b6e6d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnMainnavLinkCss","PnMainnavLinkStyle0","PnMainnavLink","componentWillLoad","this","hasChildren","hostElement","querySelectorAll","length","name","safeLevelName","toLowerCase","replace","levelId","setOpenMenuLevel","state","openLevel","render","h","Host","key","role","href","linkid","onClick","bind","class","icon","angle_small_down","color","arrow_right","target","rel","id","open_in_new"],"sources":["src/components/navigation/pn-mainnav/pn-mainnav-link.scss?tag=pn-mainnav-link","src/components/navigation/pn-mainnav/pn-mainnav-link.tsx"],"sourcesContent":["@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav-link {\n  display: block;\n  button,\n  a {\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\n    &:hover,\n    &:focus {\n      background-color: $white;\n      color: $blue700;\n      outline: 0;\n      box-shadow: none;\n    }\n    &:active {\n      background-color: $gray50;\n      color: $blue400;\n      box-shadow: none;\n    }\n  }\n}\n\npn-mainnav-link {\n  [data-level='1'] & {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      height: 100%;\n      padding-left: 0;\n      position: relative;\n      scroll-snap-align: center;\n    }\n    &:first-child {\n      border-top: 0.1rem solid $gray50;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        border: 0;\n      }\n    }\n\n    > button,\n    > a {\n      font-size: 2rem;\n      width: 100%;\n      border-bottom: 0.1rem solid $gray50;\n      height: auto;\n      padding: 1.9rem 0 1.9rem 3rem;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        height: 100%;\n        border: 0;\n        font-size: 1.6rem;\n        font-weight: normal;\n        position: relative;\n        outline: 0;\n        overflow: hidden;\n        padding: 1.6rem 1.6rem;\n        white-space: nowrap;\n\n        &::before {\n          content: '';\n          background-color: $blue400;\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          width: 100%;\n          height: 0.5em;\n          border-radius: 0.5em 0.5em 0 0;\n          transform: translateY(100%);\n          transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n        }\n\n        &:hover,\n        &:focus {\n          &::before {\n            transform: translateY(0);\n          }\n        }\n\n        &:active {\n          outline: 0;\n          box-shadow: none;\n          color: $blue700;\n\n          &::before {\n            background-color: $blue200;\n            transform: translateY(0);\n          }\n        }\n      }\n\n      &:hover,\n      &:focus {\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          text-decoration: none;\n        }\n      }\n\n      &[aria-expanded='true'] {\n        &::before {\n          @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n            content: '';\n            background-color: $blue400;\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 0.5em;\n            border-radius: 0.5em 0.5em 0 0;\n            transform: translateY(0);\n            transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n          }\n        }\n      }\n    }\n\n    [aria-expanded='true'] {\n      .first-level_icon {\n        transform: rotateX(180deg);\n      }\n    }\n\n    pn-icon {\n      &.first-level_icon {\n        transition: 0.25s linear transform;\n        width: 1.92rem;\n        height: 1.92rem;\n        display: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          display: block;\n        }\n      }\n\n      &.first-level_arrow {\n        display: block;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          display: none;\n        }\n\n        position: absolute;\n        height: 2.4rem;\n        width: 2.4rem;\n        right: 2.4rem;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n\n      svg {\n        pointer-events: none;\n        speak: none;\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n}\n\npn-mainnav-link {\n  // Additional links added to a level 2 section should not have the min-width required to make the columns look good\n  pn-mainnav-level[data-level='2']:not([data-level-listcount='1']) pn-mainnav-list:last-child & {\n    > a {\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        min-width: unset;\n      }\n    }\n  }\n  [data-level='2'] & {\n    position: static;\n    display: inline-block;\n    width: 100%;\n    height: auto;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      padding-left: 0;\n      margin-bottom: 1.6rem;\n    }\n\n    > a {\n      font-size: 1.6rem;\n      border-bottom: 0.1rem solid $gray50;\n      padding: 2.2rem 0 2.2rem 3rem;\n      white-space: normal;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        min-width: 16em;\n        border: 0;\n        border-radius: 1rem;\n        padding: 1.4rem 1.6rem;\n      }\n\n      &:hover {\n        background-color: $white;\n        color: $blue700;\n      }\n\n      &:hover,\n      &:focus {\n        box-shadow: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          background-color: $gray50;\n          color: $blue700;\n          text-decoration: underline;\n          outline: 0;\n        }\n        &::before {\n          content: none;\n        }\n      }\n\n      &:active {\n        box-shadow: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          background-color: $gray50;\n          color: $blue400;\n          outline: 0;\n        }\n\n        &::before {\n          content: none;\n        }\n      }\n    }\n\n    pn-icon {\n      display: inline-block;\n      margin-left: 0.2em;\n      min-width: 1.5rem;\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n  }\n}\n","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-mainnav-store';\nimport { angle_small_down, arrow_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-mainnav-link',\n  styleUrl: 'pn-mainnav-link.scss',\n  shadow: false,\n})\nexport class PnMainnavLink {\n  @Element() hostElement: HTMLElement;\n\n  /** Name */\n  @Prop() name: string = '';\n  /** Href */\n  @Prop() href: string = '';\n  /** Target */\n  @Prop() target: string = '';\n  /** Link id */\n  @Prop() linkid: string = '';\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-mainnav-level').length > 0;\n    if (this.hasChildren && this.name) {\n      const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n      this.levelId = `mainnav-lvl${2}-${safeLevelName}`;\n    }\n  }\n\n  setOpenMenuLevel() {\n    state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid}>\n        {this.hasChildren ? (\n          <button onClick={this.setOpenMenuLevel.bind(this)} aria-controls={this.levelId} aria-expanded={(state.openLevel + '' === this.levelId + '') + ''} aria-haspopup=\"true\">\n            {this.name}\n            <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n            <pn-icon class=\"first-level_arrow\" icon={arrow_right} color=\"blue700\" />\n          </button>\n        ) : (\n          <a\n            href={this.href}\n            {...(this.target ? { target: this.target } : {})}\n            {...(this.target === '_blank' ? { rel: 'nofollow noopener' } : {})}\n            {...(this.linkid ? { id: this.linkid } : {})}\n          >\n            {this.name}\n            {this.target === '_blank' ? <pn-icon icon={open_in_new} color=\"blue700\"></pn-icon> : null}\n          </a>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iOAAA,MAAMA,EAAmB,8oKACzB,MAAAC,EAAeD,E,MCQFE,EAAa,M,mCAID,G,UAEA,G,YAEE,G,YAEA,G,aAGE,G,UAEF,M,iBACO,K,kCAEhC,iBAAAC,GACEC,KAAKC,YAAcD,KAAKE,YAAYC,iBAAiB,oBAAoBC,OAAS,EAClF,GAAIJ,KAAKC,aAAeD,KAAKK,KAAM,CACjC,MAAMC,EAAgBN,KAAKK,KAAKE,cAAcC,QAAQ,OAAQ,KAC9DR,KAAKS,QAAU,cAAc,KAAKH,G,EAItC,gBAAAI,GACEC,EAAMC,UAAYD,EAAMC,UAAY,KAAOZ,KAAKS,QAAU,GAAK,GAAKT,KAAKS,O,CAG3E,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAWZ,KAAML,KAAKK,KAAMa,KAAMlB,KAAKkB,KAAMC,OAAQnB,KAAKmB,QAClEnB,KAAKC,YACJa,EAAA,UAAQM,QAASpB,KAAKU,iBAAiBW,KAAKrB,MAAK,gBAAiBA,KAAKS,QAAO,iBAAkBE,EAAMC,UAAY,KAAOZ,KAAKS,QAAU,IAAM,GAAE,gBAAgB,QAC7JT,KAAKK,KACNS,EAAA,WAASQ,MAAM,mBAAmBC,KAAMC,EAAkBC,MAAM,YAChEX,EAAA,WAASQ,MAAM,oBAAoBC,KAAMG,EAAaD,MAAM,aAG9DX,EAAA,KACEI,KAAMlB,KAAKkB,QACNlB,KAAK2B,OAAS,CAAEA,OAAQ3B,KAAK2B,QAAW,MACxC3B,KAAK2B,SAAW,SAAW,CAAEC,IAAK,qBAAwB,MAC1D5B,KAAKmB,OAAS,CAAEU,GAAI7B,KAAKmB,QAAW,IAExCnB,KAAKK,KACLL,KAAK2B,SAAW,SAAWb,EAAA,WAASS,KAAMO,EAAaL,MAAM,YAAuB,MAGzFX,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["pnMainnavLinkCss","PnMainnavLinkStyle0","PnMainnavLink","componentWillLoad","this","hasChildren","hostElement","querySelectorAll","length","name","safeLevelName","toLowerCase","replace","levelId","setOpenMenuLevel","state","openLevel","render","h","Host","key","role","href","linkid","onClick","bind","class","icon","angle_small_down","color","arrow_right","target","rel","id","open_in_new"],"sources":["src/components/navigation/pn-mainnav/pn-mainnav-link.scss?tag=pn-mainnav-link","src/components/navigation/pn-mainnav/pn-mainnav-link.tsx"],"sourcesContent":["@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav-link {\n  display: block;\n  button,\n  a {\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\n    &:hover,\n    &:focus {\n      background-color: $white;\n      color: $blue700;\n      outline: 0;\n      box-shadow: none;\n    }\n    &:active {\n      background-color: $gray50;\n      color: $blue400;\n      box-shadow: none;\n    }\n  }\n}\n\npn-mainnav-link {\n  [data-level='1'] & {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      height: 100%;\n      padding-left: 0;\n      position: relative;\n      scroll-snap-align: center;\n    }\n    &:first-child {\n      border-top: 0.1rem solid $gray50;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        border: 0;\n      }\n    }\n\n    > button,\n    > a {\n      font-size: 2rem;\n      width: 100%;\n      border-bottom: 0.1rem solid $gray50;\n      height: auto;\n      padding: 1.9rem 0 1.9rem 3rem;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        height: 100%;\n        border: 0;\n        font-size: 1.6rem;\n        font-weight: normal;\n        position: relative;\n        outline: 0;\n        overflow: hidden;\n        padding: 1.6rem 1.6rem;\n        white-space: nowrap;\n\n        &::before {\n          content: '';\n          background-color: $blue400;\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          width: 100%;\n          height: 0.5em;\n          border-radius: 0.5em 0.5em 0 0;\n          transform: translateY(100%);\n          transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n        }\n\n        &:hover,\n        &:focus {\n          &::before {\n            transform: translateY(0);\n          }\n        }\n\n        &:active {\n          outline: 0;\n          box-shadow: none;\n          color: $blue700;\n\n          &::before {\n            background-color: $blue200;\n            transform: translateY(0);\n          }\n        }\n      }\n\n      &:hover,\n      &:focus {\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          text-decoration: none;\n        }\n      }\n\n      &[aria-expanded='true'] {\n        &::before {\n          @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n            content: '';\n            background-color: $blue400;\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 0.5em;\n            border-radius: 0.5em 0.5em 0 0;\n            transform: translateY(0);\n            transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n          }\n        }\n      }\n    }\n\n    [aria-expanded='true'] {\n      .first-level_icon {\n        transform: rotateX(180deg);\n      }\n    }\n\n    pn-icon {\n      &.first-level_icon {\n        transition: 0.25s linear transform;\n        width: 1.92rem;\n        height: 1.92rem;\n        display: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          display: block;\n        }\n      }\n\n      &.first-level_arrow {\n        display: block;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          display: none;\n        }\n\n        position: absolute;\n        height: 2.4rem;\n        width: 2.4rem;\n        right: 2.4rem;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n\n      svg {\n        pointer-events: none;\n        speak: none;\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n}\n\npn-mainnav-link {\n  // Additional links added to a level 2 section should not have the min-width required to make the columns look good\n  pn-mainnav-level[data-level='2']:not([data-level-listcount='1']) pn-mainnav-list:last-child & {\n    > a {\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        min-width: unset;\n      }\n    }\n  }\n  [data-level='2'] & {\n    position: static;\n    display: inline-block;\n    width: 100%;\n    height: auto;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      padding-left: 0;\n      margin-bottom: 1.6rem;\n    }\n\n    > a {\n      font-size: 1.6rem;\n      border-bottom: 0.1rem solid $gray50;\n      padding: 2.2rem 0 2.2rem 3rem;\n      white-space: normal;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        min-width: 16em;\n        border: 0;\n        border-radius: 1rem;\n        padding: 1.4rem 1.6rem;\n      }\n\n      &:hover {\n        background-color: $white;\n        color: $blue700;\n      }\n\n      &:hover,\n      &:focus {\n        box-shadow: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          background-color: $gray50;\n          color: $blue700;\n          text-decoration: underline;\n          outline: 0;\n        }\n        &::before {\n          content: none;\n        }\n      }\n\n      &:active {\n        box-shadow: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          background-color: $gray50;\n          color: $blue400;\n          outline: 0;\n        }\n\n        &::before {\n          content: none;\n        }\n      }\n    }\n\n    pn-icon {\n      display: inline-block;\n      margin-left: 0.2em;\n      min-width: 1.5rem;\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n  }\n}\n","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-mainnav-store';\nimport { angle_small_down, arrow_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-mainnav-link',\n  styleUrl: 'pn-mainnav-link.scss',\n  shadow: false,\n})\nexport class PnMainnavLink {\n  @Element() hostElement: HTMLElement;\n\n  /** Name */\n  @Prop() name: string = '';\n  /** Href */\n  @Prop() href: string = '';\n  /** Target */\n  @Prop() target: string = '';\n  /** Link id */\n  @Prop() linkid: string = '';\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-mainnav-level').length > 0;\n    if (this.hasChildren && this.name) {\n      const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n      this.levelId = `mainnav-lvl${2}-${safeLevelName}`;\n    }\n  }\n\n  setOpenMenuLevel() {\n    state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid}>\n        {this.hasChildren ? (\n          <button onClick={this.setOpenMenuLevel.bind(this)} aria-controls={this.levelId} aria-expanded={(state.openLevel + '' === this.levelId + '') + ''} aria-haspopup=\"true\">\n            {this.name}\n            <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n            <pn-icon class=\"first-level_arrow\" icon={arrow_right} color=\"blue700\" />\n          </button>\n        ) : (\n          <a\n            href={this.href}\n            {...(this.target ? { target: this.target } : {})}\n            {...(this.target === '_blank' ? { rel: 'nofollow noopener' } : {})}\n            {...(this.linkid ? { id: this.linkid } : {})}\n          >\n            {this.name}\n            {this.target === '_blank' ? <pn-icon icon={open_in_new} color=\"blue700\"></pn-icon> : null}\n          </a>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iOAAA,MAAMA,EAAmB,q0JACzB,MAAAC,EAAeD,E,MCQFE,EAAa,M,mCAID,G,UAEA,G,YAEE,G,YAEA,G,aAGE,G,UAEF,M,iBACO,K,kCAEhC,iBAAAC,GACEC,KAAKC,YAAcD,KAAKE,YAAYC,iBAAiB,oBAAoBC,OAAS,EAClF,GAAIJ,KAAKC,aAAeD,KAAKK,KAAM,CACjC,MAAMC,EAAgBN,KAAKK,KAAKE,cAAcC,QAAQ,OAAQ,KAC9DR,KAAKS,QAAU,cAAc,KAAKH,G,EAItC,gBAAAI,GACEC,EAAMC,UAAYD,EAAMC,UAAY,KAAOZ,KAAKS,QAAU,GAAK,GAAKT,KAAKS,O,CAG3E,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAWZ,KAAML,KAAKK,KAAMa,KAAMlB,KAAKkB,KAAMC,OAAQnB,KAAKmB,QAClEnB,KAAKC,YACJa,EAAA,UAAQM,QAASpB,KAAKU,iBAAiBW,KAAKrB,MAAK,gBAAiBA,KAAKS,QAAO,iBAAkBE,EAAMC,UAAY,KAAOZ,KAAKS,QAAU,IAAM,GAAE,gBAAgB,QAC7JT,KAAKK,KACNS,EAAA,WAASQ,MAAM,mBAAmBC,KAAMC,EAAkBC,MAAM,YAChEX,EAAA,WAASQ,MAAM,oBAAoBC,KAAMG,EAAaD,MAAM,aAG9DX,EAAA,KACEI,KAAMlB,KAAKkB,QACNlB,KAAK2B,OAAS,CAAEA,OAAQ3B,KAAK2B,QAAW,MACxC3B,KAAK2B,SAAW,SAAW,CAAEC,IAAK,qBAAwB,MAC1D5B,KAAKmB,OAAS,CAAEU,GAAI7B,KAAKmB,QAAW,IAExCnB,KAAKK,KACLL,KAAK2B,SAAW,SAAWb,EAAA,WAASS,KAAMO,EAAaL,MAAM,YAAuB,MAGzFX,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/pn-market-web-components/p-5d06e48f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as i,h as o}from"./p-bb1c965e.js";const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-media-block .media-block .media-block__block-container{display:grid;overflow:hidden}pn-media-block .media-block .media-block__media-container,pn-media-block .media-block .media-block__content-container,pn-media-block .media-block .media-block__overlay-filter{grid-area:1/1;width:100%;position:relative}pn-media-block .media-block .media-block__media-container{height:100vh;overflow:hidden;position:relative}pn-media-block .media-block .media-block__media-container img,pn-media-block .media-block .media-block__media-container video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;pointer-events:none;max-width:100%;max-height:none;height:100%;width:100%;pointer-events:none}pn-media-block .media-block .media-block__media-container pn-play-on-scroll{width:100%;height:100%}pn-media-block .media-block .media-block__media-container .scroll-wrapper{width:100%;height:100%}pn-media-block .media-block .media-block__media-container [slot=scroll-affected]{width:100%;height:100%;display:flex}pn-media-block .media-block .media-block__media-container .scroll-wrapper,pn-media-block .media-block .media-block__media-container .scroll-affected{width:100%;height:100%;display:flex}pn-media-block .media-block .media-block__media-container video{width:100%;height:100%}pn-media-block .media-block .media-block__overlay-filter{z-index:2}pn-media-block .media-block .media-block__content-container{z-index:3;display:flex;align-items:center;justify-content:center;transition:opacity 1s;flex-direction:column;margin:0 auto;padding:3.4rem 0;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){pn-media-block .media-block .media-block__content-container{max-width:540px}}@media (min-width: 768px){pn-media-block .media-block .media-block__content-container{max-width:720px}}@media (min-width: 992px){pn-media-block .media-block .media-block__content-container{max-width:960px}}@media (min-width: 1200px){pn-media-block .media-block .media-block__content-container{max-width:1140px}}@media (min-width: 1640px){pn-media-block .media-block .media-block__content-container{max-width:1440px}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container{padding:6.4rem 0}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container{padding:7.2rem 0}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container{padding:8rem 0}}pn-media-block .media-block .media-block__content-container .media-block__block-heading{max-width:100rem;text-wrap:balance;color:white;font-size:3.2rem;text-align:center;font-weight:700;line-height:1.1;margin-bottom:3rem}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4rem}}@media screen and (min-width: 768px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4.8rem}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8.8rem}}pn-media-block .media-block .media-block__content-container .media-block__preamble{max-width:80rem;max-width:80ch;text-wrap:balance;display:flex;color:white;font-size:1.8rem;text-align:center;font-weight:300}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2.4rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-weight:500}}pn-media-block .media-block .media-block__content-container .media-block__cta-link{margin-top:3rem}pn-media-block .media-block--height-100svh{min-height:100vh}@supports (height: 100svh){pn-media-block .media-block--height-100svh{height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{max-height:100svh}}pn-media-block .media-block--height-65svh{min-height:65svh;overflow:auto}pn-media-block .media-block--height-65svh .media-block__block-container{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__media-container picture{max-height:none !important;height:auto !important}pn-media-block .media-block--height-dynamic{height:auto;overflow:auto}pn-media-block .media-block--height-dynamic .media-block__block-container{height:auto;max-height:none}pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__overlay-filter{height:auto;max-height:none}pn-media-block .media-block--with-overlay .media-block__block-container .media-block__overlay-filter{z-index:2;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container,pn-media-block .media-block--fixed-background .media-block__block-container .media-block__overlay-filter{position:relative;overflow:hidden;top:0;width:100%;display:flex !important;clip-path:inset(0)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture{position:absolute;top:0;width:100%;display:flex !important;height:100%}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture img{position:fixed;width:100%;height:100%;object-fit:cover;z-index:1}pn-media-block .media-block--video .media-block__content-container{max-width:80%}pn-media-block .media-block--animate-overlay-background .media-block__overlay-filter{background-size:200% 200% !important;animation:overlayBackgroundAnimation 20s ease infinite}@keyframes overlayBackgroundAnimation{0%{background-position:100% 100%}50%{background-position:50% 60%}100%{background-position:100% 100%}}pn-media-block .media-block--margin-bottom{margin-bottom:3.2rem}@media screen and (min-width: 768px){pn-media-block .media-block--margin-bottom{margin-bottom:4rem}}@media screen and (min-width: 992px){pn-media-block .media-block--margin-bottom{margin-bottom:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block--margin-bottom{margin-bottom:7.2rem}}";const n=a;const t=class{constructor(i){e(this,i);this.blockHeight=null;this.imageSrc=null;this.imageSrcSmallScreenFormat=undefined;this.imageAltText="";this.videoSrc=null;this.parallaxScroll=false;this.showOverlayLayer=false;this.customOverlayBackground=null;this.animateOverlayBackground=false;this.scrollSnapBlock=false;this.fixedBackground=false;this.blockHeading=null;this.blockHeadingLevel=2;this.blockPreamble=null;this.marginBottom=false;this.pnPlayOnScrollObserverOptions={root:document,threshold:1,rootMargin:"220px 0px 220px 0px"};this.calculatedBlockHeight=undefined;this.hasButtonSlot=true}get block(){return i(this)}get hasVideo(){if(this.videoSrc!==null&&this.videoSrc!=="undefined"){return true}return false}get hasImage(){if(this.imageSrc!==null&&this.imageSrc!=="undefined"){return true}return false}observerScroll;observerSnap;componentWillLoad(){this.hasButtonSlot=!!this.block.querySelector('[slot="cta-button"]')}async componentDidLoad(){const e=document.getElementById("scroll-trigger");this.calculatedBlockHeight=this.block.offsetHeight;const i=this.block.querySelector("#mediaBlockOverlay");if(this.customOverlayBackground!=null||this.customOverlayBackground!="undefined"){i.style.background=`${this.customOverlayBackground}`}if(this.parallaxScroll){this.observerScroll=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){window.addEventListener("scroll",this.handleScroll)}else{window.removeEventListener("scroll",this.handleScroll)}}))}),{rootMargin:`0px 0px`});this.observerScroll.observe(e)}if(this.scrollSnapBlock){this.observerSnap=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){if(this.block instanceof HTMLElement){setTimeout((()=>{this.block.scrollIntoView({behavior:"smooth",block:"start"})}),1e3)}else{console.error("this.block is not a valid HTMLElement")}}}))}),{root:document,rootMargin:"100px 0px 100px 0px",threshold:0});this.observerSnap.observe(e)}}disconnectedCallback(){if(this.observerScroll){this.observerScroll.disconnect()}if(this.observerSnap){this.observerSnap.disconnect()}window.removeEventListener("scroll",this.handleScroll)}handleScroll=()=>{const e=this.block.firstElementChild;const i=this.block.querySelector("#scroll-trigger");const o=this.block.querySelector("#overlayed-button-pause-video");const a=i.getBoundingClientRect().top;const n=e.offsetHeight;const t=n-a;const c=.3;const d=.2;const l=this.block.querySelector(".media-block__media-container");const m=this.block.querySelector(".media-block__content-container");if(l!=null){l.style.transform=`translate(0, ${t*(.1+d)}px)`;if(o!=null){o.style.transform=`translate(0, ${-t*(.3+d)}px)`}}if(m){m.style.transform=`translate(0, ${t*(.5+c)}px)`;const e=Math.max(0,1-t/600);m.style.opacity=`${e}`}};render(){const{showOverlayLayer:e,fixedBackground:i,blockHeight:a,scrollSnapBlock:n,hasButtonSlot:t,hasVideo:c,hasImage:d,animateOverlayBackground:l,marginBottom:m}=this;const b=`h${this.blockHeadingLevel??2}`;const h=c;const r=d;const k=["media-block",a?`media-block--height-${a}`:"",e?"media-block--with-overlay":"",l?`media-block--animate-overlay-background`:"",h?"media-block--video":"",n?"scroll-snap":"no-scroll-snap",i?"media-block--fixed-background":"",m?"media-block--margin-bottom":""].join(" ");const s={root:this.blockHeight==="100svh"?this.block:null,threshold:[0,.5,1]};return o("div",{key:"dc3cf32de0360eac8564ff3f91d8c5891ee16ec1",class:k},o("div",{key:"e8210700007640025d21b0d0aea5988a3fceda87",class:"media-block__block-container"},o("div",{key:"7191a14b7f3df69b436cb162cccea46dae7c3968",class:"media-block__media-container"},h?o("pn-play-on-scroll",{"show-overlay":this.showOverlayLayer,observerOptions:s,"video-src":this.videoSrc}):r?o("picture",null,o("source",{media:"(min-width: 1400px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1224px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1140px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1023px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 768px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 500px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("img",{src:this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc,alt:this.imageAltText!=="undefined"?this.imageAltText:"",role:this.imageAltText!=="undefined"?"img":"presentation","aria-hidden":this.imageAltText!=="undefined"?"false":"true"})):null),!h&&o("div",{key:"af376598e9306a98a3b93c7242e5a2a4e20c0b6e",class:"media-block__overlay-filter",id:"mediaBlockOverlay"}),(this.blockHeading||this.blockPreamble)&&o("div",{key:"cf0d1995a249cc03befb202cb2a1c728c1a66c39",class:"media-block__content-container"},this.blockHeading&&o(b,{key:"1116ae451a6e6135191137018de6e07c77fe683f",level:this.blockHeadingLevel,class:"media-block__block-heading"},this.blockHeading),this.blockPreamble&&o("p",{key:"4e93ed27ebb5e1e53040a6305cbb45d3c90c4799",class:"media-block__preamble"},this.blockPreamble),t&&o("div",{key:"a68d5f917070cef67b0d7a5116b513bb2cf59d6b",class:"media-block__cta-link"},o("slot",{key:"0e48cbeadf462bfc357de335959e8901c3281fb3",name:"cta-button"})))),o("div",{key:"5dd819e8c2b65f0445eb29f3850d5641c3108eef",id:"scroll-trigger"}))}};t.style=n;export{t as pn_media_block};
+//# sourceMappingURL=p-5d06e48f.entry.js.map

package/dist/pn-market-web-components/p-5d06e48f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pnMediaBlockCss","PnMediaBlockStyle0","PnmediaBlock","undefined","root","document","threshold","rootMargin","hasVideo","this","videoSrc","hasImage","imageSrc","observerScroll","observerSnap","componentWillLoad","hasButtonSlot","block","querySelector","componentDidLoad","scrollTrigger","getElementById","calculatedBlockHeight","offsetHeight","overlayElement","customOverlayBackground","style","background","parallaxScroll","IntersectionObserver","entries","forEach","entry","isIntersecting","window","addEventListener","handleScroll","removeEventListener","observe","scrollSnapBlock","HTMLElement","setTimeout","scrollIntoView","behavior","console","error","disconnectedCallback","disconnect","mediaBlockElement","firstElementChild","videoPauseButton","scrollTriggerTop","getBoundingClientRect","top","mediaBlockElementHeight","scrollPosition","parallaxSpeedContent","parallaxSpeedMedia","mediaContainer","content","transform","opacity","Math","max","render","showOverlayLayer","fixedBackground","blockHeight","animateOverlayBackground","marginBottom","HeadingTag","blockHeadingLevel","isVideo","isImage","classes","join","pnPlayOnScrollObserverOptions","h","key","class","observerOptions","media","srcSet","imageSrcSmallScreenFormat","src","alt","imageAltText","role","id","blockHeading","blockPreamble","level","name"],"sources":["src/components/media/pn-media-block/pn-media-block.scss?tag=pn-media-block","src/components/media/pn-media-block/pn-media-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$animationDuration: 20s;\n\npn-media-block {\n  .media-block {\n    .media-block__block-container {\n      display: grid;\n      overflow: hidden;\n    }\n    .media-block__media-container,\n    .media-block__content-container,\n    .media-block__overlay-filter {\n      grid-area: 1 / 1;\n      width: 100%;\n      position: relative;\n    }\n\n    .media-block__media-container {\n      height: 100vh;\n      overflow: hidden;\n      position: relative;\n\n      img,\n      video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        object-fit: cover;\n        pointer-events: none;\n        max-width: 100%;\n        max-height: none;\n        height: 100%;\n        width: 100%;\n        pointer-events: none;\n      }\n\n      pn-play-on-scroll {\n        width: 100%;\n        height: 100%;\n      }\n\n      .scroll-wrapper {\n        width: 100%;\n        height: 100%;\n      }\n\n      [slot='scroll-affected'] {\n        width: 100%;\n        height: 100%;\n        display: flex;\n      }\n\n      .scroll-wrapper,\n      .scroll-affected {\n        width: 100%;\n        height: 100%;\n        display: flex;\n      }\n      video {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    .media-block__overlay-filter {\n      z-index: 2;\n    }\n\n    .media-block__content-container {\n      z-index: 3;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: opacity 1s;\n      flex-direction: column;\n      margin: 0 auto;\n      padding: 3.4rem 0;\n\n      @include inner-container;\n\n      @media screen and (min-width: $min-width-lg) {\n        padding: 6.4rem 0;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        padding: 7.2rem 0;\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        padding: 8rem 0;\n      }\n\n      .media-block__block-heading {\n        max-width: 100rem;\n        text-wrap: balance;\n        color: white;\n        font-size: 3.2rem;\n        text-align: center;\n        font-weight: 700;\n        line-height: 1.1;\n        margin-bottom: 3rem;\n\n        @media screen and (min-width: $min-width-sm) {\n          font-size: 4rem;\n        }\n\n        @media screen and (min-width: $min-width-md) {\n          font-size: 4.8rem;\n        }\n\n        @media screen and (min-width: $min-width-lg) {\n          font-size: 5.6rem;\n        }\n\n        @media screen and (min-width: $min-width-xl) {\n          font-size: 8rem;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-size: 8.8rem;\n        }\n      }\n\n      .media-block__preamble {\n        max-width: 80rem;\n        max-width: 80ch;\n        text-wrap: balance;\n        display: flex;\n        color: white;\n        font-size: 1.8rem;\n        text-align: center;\n        font-weight: 300;\n\n        @media screen and (min-width: $min-width-sm) {\n          font-size: 2rem;\n        }\n\n        @media screen and (min-width: $min-width-xl) {\n          font-size: 2.4rem;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-weight: 500;\n        }\n      }\n\n      .media-block__cta-link {\n        margin-top: 3rem;\n      }\n    }\n  }\n\n  .media-block--height-100svh {\n    min-height: 100vh;\n\n    @supports (height: 100svh) {\n      height: 100svh;\n    }\n\n    .media-block__block-container {\n      height: 100vh;\n\n      @supports (max-height: 100svh) {\n        max-height: 100svh;\n      }\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: 100vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 100svh;\n        }\n      }\n\n      .media-block__media-container picture {\n        height: 100vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 100svh;\n        }\n      }\n    }\n  }\n\n  .media-block--height-65svh {\n    min-height: 65svh;\n    overflow: auto;\n\n    .media-block__block-container {\n      height: 65vh;\n\n      @supports (max-height: 100svh) {\n        max-height: 65svh;\n      }\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: 65vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 65svh;\n        }\n      }\n    }\n\n    .media-block__media-container picture {\n      max-height: none !important;\n      height: auto !important;\n    }\n  }\n\n  .media-block--height-dynamic {\n    height: auto;\n    overflow: auto;\n\n    .media-block__block-container {\n      height: auto;\n      max-height: none;\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: auto;\n        max-height: none;\n      }\n    }\n  }\n\n  .media-block--with-overlay {\n    .media-block__block-container .media-block__overlay-filter {\n      z-index: 2;\n      background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n    }\n  }\n\n  .media-block--fixed-background {\n    .media-block__block-container {\n      .media-block__media-container,\n      .media-block__overlay-filter {\n        position: relative;\n        overflow: hidden;\n        top: 0;\n        width: 100%;\n        display: flex !important;\n        clip-path: inset(0);\n      }\n\n      .media-block__media-container {\n        picture {\n          position: absolute;\n          top: 0;\n          width: 100%;\n          display: flex !important;\n          height: 100%;\n\n          img {\n            position: fixed;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            z-index: 1;\n          }\n        }\n      }\n    }\n  }\n\n  .media-block--video {\n    .media-block__content-container {\n      max-width: 80%;\n    }\n  }\n\n  .media-block--animate-overlay-background {\n    .media-block__overlay-filter {\n      background-size: 200% 200% !important;\n      animation: overlayBackgroundAnimation $animationDuration ease infinite;\n    }\n  }\n\n  @keyframes overlayBackgroundAnimation {\n    0% {\n      background-position: 100% 100%;\n    }\n    50% {\n      background-position: 50% 60%;\n    }\n    100% {\n      background-position: 100% 100%;\n    }\n  }\n\n  .media-block--margin-bottom {\n    margin-bottom: 3.2rem;\n\n    @media screen and (min-width:$min-width-md) {\n      margin-bottom: 4rem;\n    }\n\n    @media screen and (min-width:$min-width-lg) {\n      margin-bottom: 5.6rem;\n    }\n\n    @media screen and (min-width:$min-width-xl) {\n      margin-bottom: 7.2rem;\n    }\n  }\n}\n","import { Component, Element, Prop, h, State } from '@stencil/core';\n\nfunction userPrefersReducedMotion(): boolean {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n@Component({\n  tag: 'pn-media-block',\n  styleUrl: 'pn-media-block.scss',\n})\nexport class PnmediaBlock {\n  @Prop() blockHeight: string = null;\n  @Prop() imageSrc?: string = null;\n  @Prop() imageSrcSmallScreenFormat?: string = undefined;\n  @Prop() imageAltText?: string = '';\n  @Prop() videoSrc?: string = null;\n  @Prop() parallaxScroll: boolean = false;\n  @Prop() showOverlayLayer: boolean = false;\n  @Prop() customOverlayBackground?: string = null;\n  @Prop() animateOverlayBackground: boolean = false;\n  @Prop() scrollSnapBlock: boolean = false;\n  @Prop() fixedBackground: boolean = false;\n  @Prop() blockHeading?: string = null;\n  @Prop() blockHeadingLevel?: number = 2;\n  @Prop() blockPreamble?: string = null;\n  @Prop() marginBottom?: boolean = false;\n\n  @State() pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n    root: document,\n    threshold: 1,\n    rootMargin: '220px 0px 220px 0px',\n  };\n\n  @State() calculatedBlockHeight: number;\n  @State() hasButtonSlot: boolean = true;\n\n  @Element() block: HTMLElement;\n\n  get hasVideo() {\n    if (this.videoSrc !== null && this.videoSrc !== 'undefined') {\n      return true;\n    }\n    return false;\n  }\n\n  get hasImage() {\n    if (this.imageSrc !== null && this.imageSrc !== 'undefined') {\n      return true;\n    }\n    return false;\n  }\n\n  private observerScroll: IntersectionObserver;\n  private observerSnap: IntersectionObserver;\n\n  componentWillLoad() {\n    this.hasButtonSlot = !!this.block.querySelector('[slot=\"cta-button\"]');\n  }\n\n  async componentDidLoad() {\n    const scrollTrigger = document.getElementById('scroll-trigger');\n    this.calculatedBlockHeight = this.block.offsetHeight;\n\n    const overlayElement = this.block.querySelector('#mediaBlockOverlay') as HTMLElement;\n    if (this.customOverlayBackground != null || this.customOverlayBackground != 'undefined') {\n      overlayElement.style.background = `${this.customOverlayBackground}`;\n    }\n\n    if (this.parallaxScroll) {\n      this.observerScroll = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              window.addEventListener('scroll', this.handleScroll);\n            } else {\n              window.removeEventListener('scroll', this.handleScroll);\n            }\n          });\n        },\n        { rootMargin: `0px 0px` },\n      );\n\n      this.observerScroll.observe(scrollTrigger);\n    }\n\n    if (this.scrollSnapBlock) {\n      this.observerSnap = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              // The block is within 100px of the viewport, scroll it into view\n              if (this.block instanceof HTMLElement) {\n                setTimeout(() => {\n                  this.block.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }, 1000); // Adjust the delay as needed\n              } else {\n                console.error('this.block is not a valid HTMLElement');\n              }\n            }\n          });\n        },\n        {\n          root: document,\n          rootMargin: '100px 0px 100px 0px',\n          threshold: 0,\n        },\n      );\n\n      this.observerSnap.observe(scrollTrigger);\n    }\n  }\n\n  disconnectedCallback() {\n    // Clean up the observer and event listener when the component is removed\n    if (this.observerScroll) {\n      this.observerScroll.disconnect();\n    }\n    if (this.observerSnap) {\n      this.observerSnap.disconnect();\n    }\n    window.removeEventListener('scroll', this.handleScroll);\n  }\n\n  handleScroll = () => {\n    const mediaBlockElement = this.block.firstElementChild as HTMLElement;\n    const scrollTrigger = this.block.querySelector('#scroll-trigger') as HTMLElement;\n    const videoPauseButton = this.block.querySelector('#overlayed-button-pause-video') as HTMLButtonElement;\n\n    const scrollTriggerTop = scrollTrigger.getBoundingClientRect().top;\n    const mediaBlockElementHeight = mediaBlockElement.offsetHeight;\n\n    const scrollPosition = mediaBlockElementHeight - scrollTriggerTop;\n\n    const parallaxSpeedContent = 0.3;\n    const parallaxSpeedMedia = 0.2;\n\n    const mediaContainer = this.block.querySelector('.media-block__media-container') as HTMLElement;\n    const content = this.block.querySelector('.media-block__content-container') as HTMLElement;\n\n    if (mediaContainer != null) {\n      // Move the image or video at a slower speed\n      mediaContainer.style.transform = `translate(0, ${scrollPosition * (0.1 + parallaxSpeedMedia)}px)`;\n\n      if (videoPauseButton != null) {\n        // Move the pause button up\n        videoPauseButton.style.transform = `translate(0, ${-scrollPosition * (0.3 + parallaxSpeedMedia)}px)`;\n      }\n    }\n\n    if (content) {\n      // Move the content at a faster speed\n      content.style.transform = `translate(0, ${scrollPosition * (0.5 + parallaxSpeedContent)}px)`;\n\n      // Change the opacity based on the scroll position\n      const opacity = Math.max(0, 1 - scrollPosition / 600);\n      content.style.opacity = `${opacity}`;\n    }\n  };\n\n  render() {\n    const { showOverlayLayer, fixedBackground, blockHeight, scrollSnapBlock, hasButtonSlot, hasVideo, hasImage, animateOverlayBackground, marginBottom } = this;\n    const HeadingTag = `h${this.blockHeadingLevel ?? 2}`;\n    const isVideo = hasVideo;\n    const isImage = hasImage;\n\n    const classes = [\n      'media-block',\n      blockHeight ? `media-block--height-${blockHeight}` : '',\n      showOverlayLayer ? 'media-block--with-overlay' : '',\n      animateOverlayBackground ? `media-block--animate-overlay-background` : '',\n      isVideo ? 'media-block--video' : '',\n      scrollSnapBlock ? 'scroll-snap' : 'no-scroll-snap',\n      fixedBackground ? 'media-block--fixed-background' : '',\n      marginBottom ? 'media-block--margin-bottom' : '',\n    ].join(' ');\n\n    const pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n      root: this.blockHeight === \"100svh\" ? this.block : null,\n      threshold: [0, 0.5, 1],  // Callback will be executed when 0%, 50%, and 100% of the target is visible\n    };\n\n    return (\n      <div class={classes}>\n        <div class=\"media-block__block-container\">\n          <div class=\"media-block__media-container\">\n            {isVideo ? (\n              <pn-play-on-scroll show-overlay={this.showOverlayLayer} observerOptions={pnPlayOnScrollObserverOptions} video-src={this.videoSrc}></pn-play-on-scroll>\n            ) : isImage ? (\n              <picture>\n                <source media=\"(min-width: 1400px)\" srcSet={this.imageSrc} />\n                <source media=\"(min-width: 1224px)\" srcSet={this.imageSrc} />\n                <source media=\"(min-width: 1140px)\" srcSet={this.imageSrc} />\n                <source\n                  media=\"(min-width: 1023px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <source\n                  media=\"(min-width: 768px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <source\n                  media=\"(min-width: 500px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <img\n                  src={this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                  alt={this.imageAltText !== 'undefined' ? this.imageAltText : ''}\n                  role={this.imageAltText !== 'undefined' ? 'img' : 'presentation'}\n                  aria-hidden={this.imageAltText !== 'undefined' ? 'false' : 'true'}\n                />\n              </picture>\n            ) : null}\n          </div>\n\n          {!isVideo && <div class=\"media-block__overlay-filter\" id=\"mediaBlockOverlay\"></div>}\n\n          {(this.blockHeading || this.blockPreamble) && (\n            <div class=\"media-block__content-container\">\n              {this.blockHeading && (\n                <HeadingTag level={this.blockHeadingLevel} class=\"media-block__block-heading\">\n                  {this.blockHeading}\n                </HeadingTag>\n              )}\n              {this.blockPreamble && <p class=\"media-block__preamble\">{this.blockPreamble}</p>}\n              {hasButtonSlot && (\n                <div class=\"media-block__cta-link\">\n                  <slot name=\"cta-button\" />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div id=\"scroll-trigger\"></div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}