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

package/pn-market-web-components/{p-a38118be.entry.js.map → p-08b473e0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnStatsInfoCss","PnStatsInfoStyle0","mockStringArray","PnStatsInfo","JSON","parse","this","dataArray","parseMyArrayProp","newValue","myParsedArray","render","h","Host","key","class","style","backgroundImage","backgroundUrl","name","heading","map","stats","index","startValue","data","unit","preamble","duration","format","formatStyle"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info.scss?tag=pn-stats-info","src/components/data-visualization/pn-stats-info/pn-stats-info.tsx"],"sourcesContent":["@import '../../../globals/main';\n\n//standalone no image/ default\npn-stats-info {\n  .pn-stats-info__container {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .pn-stats-info__container__map {\n    display: none;\n  }\n\n  .pn-stats-info-image-container {\n    display: none;\n  }\n\n  .pn-stats-info__container__content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 2.4rem 2.4rem 1.6rem;\n\n    width: 100%;\n    background-color: $blue900;\n\n    border-radius: 2.4rem;\n\n    @media screen and (min-width: $min-width-lg) {\n      padding: 4rem 2.4rem 1.6rem;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      padding: 5.6rem 2.4rem 3.2rem;\n    }\n  }\n\n  .pn-stats-info__container__content__heading {\n    color: $coral400;\n    margin-bottom: 2.4rem;\n    align-self: center;\n    text-align: center;\n\n    font-size: 3rem;\n    line-height: 110%;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-weight: 700;\n      font-size: 4.8rem;\n    }\n  }\n\n  .pn-stats-info__container__content__data {\n    height: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    width: 100%;\n    //one item\n\n    pn-stats-info-data:first-child:nth-last-child(2n),\n    pn-stats-info-data:first-child:nth-last-child(2n) ~ pn-stats-info-data {\n      width: 50%;\n    }\n\n    @media screen and (min-width: $min-width-md) {\n      pn-stats-info-data:first-child:nth-last-child(1) {\n        width: 100%;\n      }\n\n      // two items\n      pn-stats-info-data:first-child:nth-last-child(2),\n      pn-stats-info-data:first-child:nth-last-child(2) ~ pn-stats-info-data {\n        width: 50%;\n      }\n\n      //multiples of  tree items\n      pn-stats-info-data:first-child:nth-last-child(3n),\n      pn-stats-info-data:first-child:nth-last-child(3n) ~ pn-stats-info-data {\n        width: 33%;\n      }\n\n      //8 items\n      pn-stats-info-data:first-child:nth-last-child(8),\n      pn-stats-info-data:first-child:nth-last-child(8) ~ pn-stats-info-data {\n        width: 25%;\n      }\n    }\n\n    .pn-stats-info-data__container {\n      justify-content: flex-start;\n      min-height: 0;\n      padding: 2.4rem;\n\n      @media screen and (min-width: $min-width-md) {\n        min-height: 0;\n      }\n      @media screen and (min-width: $min-width-lg) {\n        min-height: 0;\n      }\n      @media screen and (min-width: $min-width-xl) {\n        min-height: 0;\n      }\n    }\n  }\n}\n\n// WITH BACKGROUND -------------------------------------\n\npn-stats-info[data-stats-image='background'] {\n  .pn-stats-info__container__map {\n    display: none;\n\n    @media screen and (min-width: $min-width-md) {\n      display: block;\n      max-width: 46rem;\n      width: 100%;\n      background-color: $blue900;\n      background-repeat: no-repeat;\n      background-position: bottom center;\n      background-size: 55%;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      background-size: contain;\n    }\n\n    border-top-left-radius: 2.4rem;\n    border-bottom-left-radius: 2.4rem;\n  }\n\n  .pn-stats-info-image-container {\n    display: none;\n  }\n\n  .pn-stats-info__container__content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    width: 100%;\n    background-color: $blue900;\n    background-repeat: no-repeat;\n    background-position: bottom left;\n    background-size: 50%;\n    background-blend-mode: overlay;\n\n    border-radius: 2.4rem;\n\n    @media screen and (min-width: $min-width-md) {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      max-width: 54rem;\n      background-position: -999px -999px;\n      background-size: 0;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      max-width: 100%;\n    }\n  }\n\n  .pn-stats-info__container__content__data {\n    min-height: 0;\n  }\n}\n\n// WITH IMAGE--------------------------------------------\n\npn-stats-info[data-stats-image='image'] {\n  .pn-stats-info__container {\n    flex-direction: column;\n    padding-top: 0;\n\n    @media screen and (min-width: $min-width-lg) {\n      flex-direction: row;\n    }\n  }\n\n  .pn-stats-info__container__map {\n    display: none;\n  }\n\n  .pn-stats-info-image-container {\n    display: block;\n    position: relative;\n\n    & [slot='illustration'] {\n      border-top-left-radius: 2.4rem;\n      border-top-right-radius: 2.4rem;\n      & > picture > img {\n        width: 100%;\n        height: auto;\n        border-top-left-radius: 2.4rem;\n        border-top-right-radius: 2.4rem;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      display: flex;\n      align-items: center;\n      background-color: $blue900;\n      padding-left: 4rem;\n      border-top-left-radius: 2.4rem;\n      border-bottom-left-radius: 2.4rem;\n\n      & [slot='illustration'] {\n        img {\n          clip-path: circle(50%);\n          object-fit: cover;\n          object-position: center;\n          aspect-ratio: 1;\n          max-width: 45rem;\n        }\n      }\n    }\n  }\n\n  .pn-stats-info__container__content {\n    width: 100%;\n    max-width: 100%;\n    border-bottom-right-radius: 2.4rem;\n    border-bottom-left-radius: 2.4rem;\n    border-top-right-radius: 0;\n    border-top-left-radius: 0;\n\n    @media screen and (min-width: $min-width-md) {\n      justify-content: center;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      border-top-right-radius: 2.4rem;\n      border-bottom-right-radius: 2.4rem;\n      border-bottom-left-radius: 0;\n      max-width: 100%;\n    }\n  }\n\n  .pn-stats-info__container__content__heading {\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 4.8rem;\n    }\n  }\n\n  .pn-stats-info__container__content__data {\n    width: 100%;\n    height: auto;\n    min-height: 0;\n    .pn-stats-info-data__container {\n      justify-content: flex-start;\n      min-height: 5.6rem;\n\n      @media screen and (min-width: $min-width-md) {\n        min-height: 5.6rem;\n        padding: 2.4rem;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        min-height: 5rem;\n      }\n    }\n\n    .pn-stats-info-data__container__content__data {\n      @media screen and (min-width: $min-width-lg) {\n        font-size: 5.6rem;\n      }\n    }\n\n    .pn-stats-info-data__container__content__unit {\n      @media screen and (min-width: $min-width-lg) {\n        font-size: 5.6rem;\n      }\n    }\n  }\n}\n\n//bleed\n.bleed-container:has(pn-stats-info) {\n  padding: 0;\n  margin-bottom: 3rem;\n\n  overflow: hidden;\n\n  .container > .mb-5 {\n    margin-bottom: 0 !important; //counteracts mb-5 in pn-project, sorry for the !important\n  }\n  .statsblock {\n    margin-bottom: 0 !important; //counteracts mb-5 in pn-project sorry for the !important\n  }\n}\n\n//i combo\n.comboquotestatsblock {\n  pn-stats-info {\n    width: 100%;\n\n    .pn-stats-info__container {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n\n      padding-top: 2rem;\n      @media screen and (min-width: $min-width-md) {\n        padding-top: 6rem;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        padding-top: 8rem;\n      }\n    }\n\n    .pn-stats-info__container__map {\n      display: none;\n\n      @media screen and (min-width: $min-width-md) {\n        display: block;\n        max-width: 46rem;\n        width: 100%;\n        background-color: $blue900;\n        background-repeat: no-repeat;\n        background-position: bottom center;\n        background-size: 55%;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        background-size: contain;\n      }\n    }\n\n    .pn-stats-info-image-container {\n      display: none;\n    }\n\n    .pn-stats-info__container__content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 1rem;\n\n      //map\n      width: 100%;\n      background-color: $blue900;\n      background-repeat: no-repeat;\n      background-position: bottom left;\n      background-size: 50%;\n      background-blend-mode: overlay;\n      padding-bottom: 2rem;\n      @media screen and (min-width: $min-width-md) {\n        max-width: 54rem;\n        background-position: -999px -999px;\n        background-size: 0;\n        padding-bottom: 4rem;\n        padding-right: 4rem;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        max-width: 100%;\n        padding-bottom: 6rem;\n        padding-right: 6rem;\n      }\n    }\n\n    .pn-stats-info__container__content__heading {\n      color: $coral400;\n      margin-bottom: 2.4rem;\n      align-self: center;\n      text-align: center;\n\n      font-size: 3rem;\n      line-height: 110%;\n\n      @media screen and (min-width: $min-width-xl) {\n        font-weight: 700;\n        font-size: 4.8rem;\n      }\n    }\n\n    .pn-stats-info__container__content__data {\n      height: 100%;\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      min-height: 20rem;\n\n      @media screen and (min-width: $min-width-xxl) {\n        width: 65rem;\n      }\n    }\n  }\n}\n\n//colors\npn-stats-info[data-stats-background-color='bluedarkest'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $blue900;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $blue900;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $blue900;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $coral400;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $white;\n  }\n}\n\npn-stats-info[data-stats-background-color='greendark'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $green700;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $green700;\n    }\n    \n    @media screen and (min-width: $min-width-lg) {\n      background-color: $green700;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $white;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $white;\n  }\n}\n\npn-stats-info[data-stats-background-color='green25'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $green25;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $green25;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $green25;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $blue700;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n\npn-stats-info[data-stats-background-color='gray100'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $gray100;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $gray100;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $gray100;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $blue700;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n\npn-stats-info[data-stats-background-color='bluedefault'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $blue400;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $blue400;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $blue400;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $white;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n\npn-stats-info[data-stats-background-color='blue25'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $blue25;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $blue25;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $blue25;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $blue700;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n\npn-stats-info[data-stats-background-color='coral25'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $coral25;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $coral25;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $coral25;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $blue700;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n\npn-stats-info[data-stats-background-color='gray25'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $gray25;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $gray25;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $gray25;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $blue700;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { PnStatsInfoDataProps } from './types';\n\nconst mockStringArray =\n  '[ { \"preamble\": \"Million parcels\",\"formatStyle\":\"None\", \"format\":\"En\",\"startValue\":0, \"data\": 2023, \"unit\": null, \"duration\": 0 }, { \"preamble\": \"Million parcels\", \"format\": \"En\", \"startValue\":40, \"data\": 226, \"unit\": null, \"duration\": 1000 },{\"preamble\": \"carbon dioxide emissions since 2009\", \"startValue\":0, \"format\":\"En\", \"formatStyle\":\"None\", \"data\": -44, \"unit\": \"%\", \"duration\": 2000 }, { \"preamble\": \"Million parcels\", \"startValue\":100, \"data\": 226, \"unit\": null, \"duration\": 1000 }, {\"preamble\": \"carbon dioxide emissions since 2009\", \"startValue\": 30, \"data\": -44, \"unit\": \"%\", \"duration\": 2000 }, { \"preamble\": \"Million parcels\", \"startValue\": 20, \"data\": 226, \"unit\": null, \"duration\": 1000 }]';\n\n@Component({\n  tag: 'pn-stats-info',\n  styleUrl: 'pn-stats-info.scss',\n})\nexport class PnStatsInfo {\n  @Prop() heading: string = null;\n  @Prop() dataArray: string = mockStringArray;\n  @Prop() backgroundUrl: string = null;\n\n  @State() myParsedArray: PnStatsInfoDataProps[] = JSON.parse(this.dataArray) as PnStatsInfoDataProps[];\n\n  @Watch('dataArray')\n  parseMyArrayProp(newValue: string) {\n    if (newValue) this.myParsedArray = JSON.parse(newValue);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-stats-info__container\">\n          <div class=\"pn-stats-info__container__map\" style={{ backgroundImage: `url(${this.backgroundUrl})` }}></div>\n\n          <div class=\"pn-stats-info-image-container\">\n            <slot name=\"illustration\" />\n          </div>\n\n          <div class=\"pn-stats-info__container__content\" style={{ backgroundImage: `url(${this.backgroundUrl})` }}>\n            {this.heading && <h3 class=\"pn-stats-info__container__content__heading\">{this.heading}</h3>}\n            <div class=\"pn-stats-info__container__content__data\">\n              {this.myParsedArray &&\n                this.myParsedArray.map((stats, index) => {\n                  return (\n                    <pn-stats-info-data\n                      index={index}\n                      startValue={stats.startValue}\n                      data={stats.data}\n                      unit={stats.unit}\n                      preamble={stats.preamble}\n                      duration={stats.duration}\n                      format={stats.format}\n                      formatStyle={stats.formatStyle}\n                    ></pn-stats-info-data>\n                  );\n                })}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,s6gBACvB,MAAAC,EAAeD,ECGf,MAAME,EACJ,osB,MAMWC,EAAW,M,sCACI,K,eACED,E,mBACI,K,mBAEiBE,KAAKC,MAAMC,KAAKC,U,CAGjE,gBAAAC,CAAiBC,GACf,GAAIA,EAAUH,KAAKI,cAAgBN,KAAKC,MAAMI,E,CAGhD,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCAAgCC,MAAO,CAAEC,gBAAiB,OAAOX,KAAKY,oBAEjFN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,kBAGbP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oCAAoCC,MAAO,CAAEC,gBAAiB,OAAOX,KAAKY,mBAClFZ,KAAKc,SAAWR,EAAA,MAAAE,IAAA,2CAAIC,MAAM,8CAA8CT,KAAKc,SAC9ER,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2CACRT,KAAKI,eACJJ,KAAKI,cAAcW,KAAI,CAACC,EAAOC,IAE3BX,EAAA,sBACEW,MAAOA,EACPC,WAAYF,EAAME,WAClBC,KAAMH,EAAMG,KACZC,KAAMJ,EAAMI,KACZC,SAAUL,EAAMK,SAChBC,SAAUN,EAAMM,SAChBC,OAAQP,EAAMO,OACdC,YAAaR,EAAMQ,mB","ignoreList":[]}
+{"version":3,"names":["pnStatsInfoCss","PnStatsInfoStyle0","mockStringArray","PnStatsInfo","JSON","parse","this","dataArray","parseMyArrayProp","newValue","myParsedArray","render","h","Host","key","class","style","backgroundImage","backgroundUrl","name","heading","map","stats","index","startValue","data","unit","preamble","duration","format","formatStyle"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info.scss?tag=pn-stats-info","src/components/data-visualization/pn-stats-info/pn-stats-info.tsx"],"sourcesContent":["@import '../../../globals/main';\n\n//standalone no image/ default\npn-stats-info {\n  .pn-stats-info__container {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .pn-stats-info__container__map {\n    display: none;\n  }\n\n  .pn-stats-info-image-container {\n    display: none;\n  }\n\n  .pn-stats-info__container__content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 2.4rem 2.4rem 1.6rem;\n\n    width: 100%;\n    background-color: $blue900;\n\n    border-radius: 2.4rem;\n\n    @media screen and (min-width: $min-width-lg) {\n      padding: 4rem 2.4rem 1.6rem;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      padding: 5.6rem 2.4rem 3.2rem;\n    }\n  }\n\n  .pn-stats-info__container__content__heading {\n    color: $coral400;\n    margin-bottom: 2.4rem;\n    align-self: center;\n    text-align: center;\n\n    font-size: 3rem;\n    line-height: 110%;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-weight: 700;\n      font-size: 4.8rem;\n    }\n  }\n\n  .pn-stats-info__container__content__data {\n    height: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    width: 100%;\n    //one item\n\n    pn-stats-info-data:first-child:nth-last-child(2n),\n    pn-stats-info-data:first-child:nth-last-child(2n) ~ pn-stats-info-data {\n      width: 50%;\n    }\n\n    @media screen and (min-width: $min-width-md) {\n      pn-stats-info-data:first-child:nth-last-child(1) {\n        width: 100%;\n      }\n\n      // two items\n      pn-stats-info-data:first-child:nth-last-child(2),\n      pn-stats-info-data:first-child:nth-last-child(2) ~ pn-stats-info-data {\n        width: 50%;\n      }\n\n      //multiples of  tree items\n      pn-stats-info-data:first-child:nth-last-child(3n),\n      pn-stats-info-data:first-child:nth-last-child(3n) ~ pn-stats-info-data {\n        width: 33%;\n      }\n\n      //8 items\n      pn-stats-info-data:first-child:nth-last-child(8),\n      pn-stats-info-data:first-child:nth-last-child(8) ~ pn-stats-info-data {\n        width: 25%;\n      }\n    }\n\n    .pn-stats-info-data__container {\n      justify-content: flex-start;\n      min-height: 0;\n      padding: 2.4rem;\n\n      @media screen and (min-width: $min-width-md) {\n        min-height: 0;\n      }\n      @media screen and (min-width: $min-width-lg) {\n        min-height: 0;\n      }\n      @media screen and (min-width: $min-width-xl) {\n        min-height: 0;\n      }\n    }\n  }\n}\n\n// WITH BACKGROUND -------------------------------------\n\npn-stats-info[data-stats-image='background'] {\n  .pn-stats-info__container__map {\n    display: none;\n\n    @media screen and (min-width: $min-width-md) {\n      display: block;\n      max-width: 46rem;\n      width: 100%;\n      background-color: $blue900;\n      background-repeat: no-repeat;\n      background-position: bottom center;\n      background-size: 55%;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      background-size: contain;\n    }\n\n    border-top-left-radius: 2.4rem;\n    border-bottom-left-radius: 2.4rem;\n  }\n\n  .pn-stats-info-image-container {\n    display: none;\n  }\n\n  .pn-stats-info__container__content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    width: 100%;\n    background-color: $blue900;\n    background-repeat: no-repeat;\n    background-position: bottom left;\n    background-size: 50%;\n    background-blend-mode: overlay;\n\n    border-radius: 2.4rem;\n\n    @media screen and (min-width: $min-width-md) {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      max-width: 54rem;\n      background-position: -999px -999px;\n      background-size: 0;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      max-width: 100%;\n    }\n  }\n\n  .pn-stats-info__container__content__data {\n    min-height: 0;\n  }\n}\n\n// WITH IMAGE--------------------------------------------\n\npn-stats-info[data-stats-image='image'] {\n  .pn-stats-info__container {\n    flex-direction: column;\n    padding-top: 0;\n\n    @media screen and (min-width: $min-width-lg) {\n      flex-direction: row;\n    }\n  }\n\n  .pn-stats-info__container__map {\n    display: none;\n  }\n\n  .pn-stats-info-image-container {\n    display: block;\n    position: relative;\n\n    & [slot='illustration'] {\n      border-top-left-radius: 2.4rem;\n      border-top-right-radius: 2.4rem;\n      & > picture > img {\n        width: 100%;\n        height: auto;\n        border-top-left-radius: 2.4rem;\n        border-top-right-radius: 2.4rem;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      display: flex;\n      align-items: center;\n      background-color: $blue900;\n      padding-left: 4rem;\n      border-top-left-radius: 2.4rem;\n      border-bottom-left-radius: 2.4rem;\n\n      & [slot='illustration'] {\n        img {\n          clip-path: circle(50%);\n          object-fit: cover;\n          object-position: center;\n          aspect-ratio: 1;\n          max-width: 45rem;\n        }\n      }\n    }\n  }\n\n  .pn-stats-info__container__content {\n    width: 100%;\n    max-width: 100%;\n    border-bottom-right-radius: 2.4rem;\n    border-bottom-left-radius: 2.4rem;\n    border-top-right-radius: 0;\n    border-top-left-radius: 0;\n\n    @media screen and (min-width: $min-width-md) {\n      justify-content: center;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      border-top-right-radius: 2.4rem;\n      border-bottom-right-radius: 2.4rem;\n      border-bottom-left-radius: 0;\n      max-width: 100%;\n    }\n  }\n\n  .pn-stats-info__container__content__heading {\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 4.8rem;\n    }\n  }\n\n  .pn-stats-info__container__content__data {\n    width: 100%;\n    height: auto;\n    min-height: 0;\n    .pn-stats-info-data__container {\n      justify-content: flex-start;\n      min-height: 5.6rem;\n\n      @media screen and (min-width: $min-width-md) {\n        min-height: 5.6rem;\n        padding: 2.4rem;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        min-height: 5rem;\n      }\n    }\n\n    .pn-stats-info-data__container__content__data {\n      @media screen and (min-width: $min-width-lg) {\n        font-size: 5.6rem;\n      }\n    }\n\n    .pn-stats-info-data__container__content__unit {\n      @media screen and (min-width: $min-width-lg) {\n        font-size: 5.6rem;\n      }\n    }\n  }\n}\n\n//bleed\n.bleed-container:has(pn-stats-info) {\n  padding: 0;\n  margin-bottom: 3rem;\n\n  overflow: hidden;\n\n  .container > .mb-5 {\n    margin-bottom: 0 !important; //counteracts mb-5 in pn-project, sorry for the !important\n  }\n  .statsblock {\n    margin-bottom: 0 !important; //counteracts mb-5 in pn-project sorry for the !important\n  }\n}\n\n//i combo\n.comboquotestatsblock {\n  pn-stats-info {\n    width: 100%;\n\n    .pn-stats-info__container {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n\n      padding-top: 2rem;\n      @media screen and (min-width: $min-width-md) {\n        padding-top: 6rem;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        padding-top: 8rem;\n      }\n    }\n\n    .pn-stats-info__container__map {\n      display: none;\n\n      @media screen and (min-width: $min-width-md) {\n        display: block;\n        max-width: 46rem;\n        width: 100%;\n        background-color: $blue900;\n        background-repeat: no-repeat;\n        background-position: bottom center;\n        background-size: 55%;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        background-size: contain;\n      }\n    }\n\n    .pn-stats-info-image-container {\n      display: none;\n    }\n\n    .pn-stats-info__container__content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 1rem;\n\n      //map\n      width: 100%;\n      background-color: $blue900;\n      background-repeat: no-repeat;\n      background-position: bottom left;\n      background-size: 50%;\n      background-blend-mode: overlay;\n      padding-bottom: 2rem;\n      @media screen and (min-width: $min-width-md) {\n        max-width: 54rem;\n        background-position: -999px -999px;\n        background-size: 0;\n        padding-bottom: 4rem;\n        padding-right: 4rem;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        max-width: 100%;\n        padding-bottom: 6rem;\n        padding-right: 6rem;\n      }\n    }\n\n    .pn-stats-info__container__content__heading {\n      color: $coral400;\n      margin-bottom: 2.4rem;\n      align-self: center;\n      text-align: center;\n\n      font-size: 3rem;\n      line-height: 110%;\n\n      @media screen and (min-width: $min-width-xl) {\n        font-weight: 700;\n        font-size: 4.8rem;\n      }\n    }\n\n    .pn-stats-info__container__content__data {\n      height: 100%;\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      min-height: 20rem;\n\n      @media screen and (min-width: $min-width-xxl) {\n        width: 65rem;\n      }\n    }\n  }\n}\n\n//colors\npn-stats-info[data-stats-background-color='bluedarkest'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $blue900;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $blue900;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $blue900;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $coral400;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $white;\n  }\n}\n\npn-stats-info[data-stats-background-color='greendark'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $green700;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $green700;\n    }\n    \n    @media screen and (min-width: $min-width-lg) {\n      background-color: $green700;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $white;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $white;\n  }\n}\n\npn-stats-info[data-stats-background-color='green25'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $green25;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $green25;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $green25;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $blue700;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n\npn-stats-info[data-stats-background-color='gray100'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $gray100;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $gray100;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $gray100;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $blue700;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n\npn-stats-info[data-stats-background-color='bluedefault'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $blue400;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $blue400;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $blue400;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $white;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n\npn-stats-info[data-stats-background-color='blue25'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $blue25;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $blue25;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $blue25;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $blue700;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n\npn-stats-info[data-stats-background-color='coral25'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $coral25;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $coral25;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $coral25;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $blue700;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n\npn-stats-info[data-stats-background-color='gray25'] {\n  .pn-stats-info__container__content,\n  .pn-stats-info__container__map {\n    background-color: $gray25;\n  }\n\n  .pn-stats-info-image-container {\n    background-color: transparent;\n    [slot='illustration'] {\n      background-color: $gray25;\n    }\n    @media screen and (min-width: $min-width-lg) {\n      background-color: $gray25;\n    }\n  }\n\n  .pn-stats-info__container__content__heading,\n  .pn-stats-info-data__container__content {\n    color: $blue700;\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    color: $blue900;\n  }\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { PnStatsInfoDataProps } from './types';\n\nconst mockStringArray =\n  '[ { \"preamble\": \"Million parcels\",\"formatStyle\":\"None\", \"format\":\"En\",\"startValue\":0, \"data\": 2023, \"unit\": null, \"duration\": 0 }, { \"preamble\": \"Million parcels\", \"format\": \"En\", \"startValue\":40, \"data\": 226, \"unit\": null, \"duration\": 1000 },{\"preamble\": \"carbon dioxide emissions since 2009\", \"startValue\":0, \"format\":\"En\", \"formatStyle\":\"None\", \"data\": -44, \"unit\": \"%\", \"duration\": 2000 }, { \"preamble\": \"Million parcels\", \"startValue\":100, \"data\": 226, \"unit\": null, \"duration\": 1000 }, {\"preamble\": \"carbon dioxide emissions since 2009\", \"startValue\": 30, \"data\": -44, \"unit\": \"%\", \"duration\": 2000 }, { \"preamble\": \"Million parcels\", \"startValue\": 20, \"data\": 226, \"unit\": null, \"duration\": 1000 }]';\n\n@Component({\n  tag: 'pn-stats-info',\n  styleUrl: 'pn-stats-info.scss',\n})\nexport class PnStatsInfo {\n  @Prop() heading: string = null;\n  @Prop() dataArray: string = mockStringArray;\n  @Prop() backgroundUrl: string = null;\n\n  @State() myParsedArray: PnStatsInfoDataProps[] = JSON.parse(this.dataArray) as PnStatsInfoDataProps[];\n\n  @Watch('dataArray')\n  parseMyArrayProp(newValue: string) {\n    if (newValue) this.myParsedArray = JSON.parse(newValue);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-stats-info__container\">\n          <div class=\"pn-stats-info__container__map\" style={{ backgroundImage: `url(${this.backgroundUrl})` }}></div>\n\n          <div class=\"pn-stats-info-image-container\">\n            <slot name=\"illustration\" />\n          </div>\n\n          <div class=\"pn-stats-info__container__content\" style={{ backgroundImage: `url(${this.backgroundUrl})` }}>\n            {this.heading && <h3 class=\"pn-stats-info__container__content__heading\">{this.heading}</h3>}\n            <div class=\"pn-stats-info__container__content__data\">\n              {this.myParsedArray &&\n                this.myParsedArray.map((stats, index) => {\n                  return (\n                    <pn-stats-info-data\n                      index={index}\n                      startValue={stats.startValue}\n                      data={stats.data}\n                      unit={stats.unit}\n                      preamble={stats.preamble}\n                      duration={stats.duration}\n                      format={stats.format}\n                      formatStyle={stats.formatStyle}\n                    ></pn-stats-info-data>\n                  );\n                })}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,+uhBACvB,MAAAC,EAAeD,ECGf,MAAME,EACJ,osB,MAMWC,EAAW,M,sCACI,K,eACED,E,mBACI,K,mBAEiBE,KAAKC,MAAMC,KAAKC,U,CAGjE,gBAAAC,CAAiBC,GACf,GAAIA,EAAUH,KAAKI,cAAgBN,KAAKC,MAAMI,E,CAGhD,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCAAgCC,MAAO,CAAEC,gBAAiB,OAAOX,KAAKY,oBAEjFN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,kBAGbP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oCAAoCC,MAAO,CAAEC,gBAAiB,OAAOX,KAAKY,mBAClFZ,KAAKc,SAAWR,EAAA,MAAAE,IAAA,2CAAIC,MAAM,8CAA8CT,KAAKc,SAC9ER,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2CACRT,KAAKI,eACJJ,KAAKI,cAAcW,KAAI,CAACC,EAAOC,IAE3BX,EAAA,sBACEW,MAAOA,EACPC,WAAYF,EAAME,WAClBC,KAAMH,EAAMG,KACZC,KAAMJ,EAAMI,KACZC,SAAUL,EAAMK,SAChBC,SAAUN,EAAMM,SAChBC,OAAQP,EAAMO,OACdC,YAAaR,EAAMQ,mB","ignoreList":[]}

package/pn-market-web-components/p-0b5a125d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as e,h as o,d as i}from"./p-82546a44.js";import{F as r}from"./p-3478f368.js";import{M as n}from"./p-6b1d045c.js";import{H as a}from"./p-0b920554.js";const s=(t="",e="#005D92")=>{switch(t){case"facebook":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n          <circle cx="28" cy="28" r="28" fill="${e}" />\n          <path fill-rule="evenodd" clip-rule="evenodd" d="M38.6754 16H17.3246C16.593 16 16 16.5929 16 17.3246V38.6754C16 39.407 16.593 40 17.3246 40H28.8191V30.706H25.6915V27.0839H28.8191V24.4127C28.8191 21.3128 30.7124 19.6248 33.4778 19.6248C34.8023 19.6248 35.9409 19.7235 36.2726 19.7675V23.0071L34.3547 23.008C32.8507 23.008 32.5596 23.7226 32.5596 24.7713V27.0839H36.1463L35.6793 30.706H32.5596V40H38.6754C39.407 40 40 39.407 40 38.6754V17.3246C40 16.5929 39.407 16 38.6754 16Z" fill="white" />\n      </svg>`;case"twitter":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <circle cx="28" cy="28" r="28" fill="${e}"/>\n              <path d="M34.8996 17.5H38.5996L30.5996 26.4L39.9996 38.6H32.5996L26.7996 31.2L20.1996 38.6H16.4996L25.0996 29L16.0996 17.5H23.5996L28.7996 24.2L34.8996 17.5ZM33.5996 36.4H35.5996L22.4996 19.5H20.2996L33.5996 36.4Z" fill="white"/>\n              </svg>`;case"linkedin":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n          <circle cx="28" cy="28" r="28" fill="${e}" />\n          <path d="M37.5809 16H18.4191C17.0832 16 16 17.0747 16 18.399V37.601C16 38.9267 17.0832 40 18.4191 40H37.5809C38.9182 40 40 38.9253 40 37.601V18.399C40 17.0747 38.9182 16 37.5809 16ZM23.7013 34.9895H20.4725V24.7229H23.7013V34.9895ZM22.0653 23.4634C21.0462 23.4634 20.3874 22.7487 20.3874 21.8672C20.3874 20.965 21.0672 20.2711 22.1085 20.2711C23.1499 20.2711 23.7864 20.9636 23.8074 21.8672C23.8074 22.7501 23.1485 23.4634 22.0653 23.4634ZM35.4912 34.9895H32.2624V29.3002C32.2624 27.9772 31.7948 27.075 30.6264 27.075C29.7344 27.075 29.204 27.6834 28.9695 28.2711C28.8843 28.4808 28.8634 28.7746 28.8634 29.0685V34.9881H25.6332V27.9979C25.6332 26.7177 25.5913 25.6472 25.5481 24.7229H28.3525L28.5018 26.1507H28.566C28.9904 25.4789 30.0318 24.4925 31.7739 24.4925C33.8984 24.4925 35.4912 25.8996 35.4912 28.9222V34.9895Z" fill="white" />\n      </svg>`;case"instagram":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n          <circle cx="28" cy="28" r="28" fill="${e}" />\n          <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9995 18.1621C31.2037 18.1621 31.5829 18.1745 32.8485 18.2321C34.0183 18.2854 34.6538 18.4807 35.0767 18.6451C35.6369 18.8628 36.0365 19.1228 36.4566 19.5425C36.8768 19.9626 37.1368 20.3623 37.354 20.9224C37.5184 21.3454 37.7137 21.9808 37.767 23.1507C37.8246 24.4158 37.837 24.7955 37.837 27.9998C37.837 31.204 37.8246 31.5832 37.767 32.8488C37.7137 34.0187 37.5184 34.6541 37.354 35.0771C37.1363 35.6373 36.8763 36.0369 36.4566 36.457C36.0365 36.8772 35.6369 37.1372 35.0767 37.3545C34.6538 37.5188 34.0183 37.7141 32.8485 37.7674C31.5834 37.8251 31.2037 37.8375 27.9995 37.8375C24.7953 37.8375 24.4157 37.8251 23.1506 37.7674C21.9807 37.7141 21.3453 37.5188 20.9223 37.3545C20.3622 37.1368 19.9625 36.8767 19.5424 36.457C19.1223 36.0369 18.8622 35.6373 18.645 35.0771C18.4807 34.6541 18.2854 34.0187 18.232 32.8488C18.1744 31.5837 18.162 31.204 18.162 27.9998C18.162 24.7955 18.1744 24.4163 18.232 23.1507C18.2854 21.9808 18.4807 21.3454 18.645 20.9224C18.8627 20.3623 19.1228 19.9626 19.5424 19.5425C19.9625 19.1224 20.3622 18.8623 20.9223 18.6451C21.3453 18.4807 21.9807 18.2854 23.1506 18.2321C24.4161 18.1745 24.7953 18.1621 27.9995 18.1621ZM27.9995 16C24.7405 16 24.3318 16.0138 23.052 16.0724C21.7749 16.1305 20.9028 16.3334 20.1392 16.6302C19.35 16.9369 18.6807 17.3471 18.0139 18.0144C17.347 18.6813 16.9365 19.3505 16.6302 20.1393C16.3334 20.9029 16.1305 21.7751 16.0724 23.0521C16.0138 24.332 16 24.7407 16 27.9998C16 31.2588 16.0138 31.6675 16.0724 32.9474C16.1305 34.2245 16.3334 35.0966 16.6302 35.8602C16.9369 36.6495 17.347 37.3187 18.0144 37.9856C18.6817 38.6529 19.3505 39.0631 20.1397 39.3698C20.9028 39.6666 21.7754 39.8695 23.0524 39.9276C24.3323 39.9862 24.741 40 28 40C31.259 40 31.6677 39.9862 32.9476 39.9276C34.2246 39.8695 35.0972 39.6666 35.8603 39.3698C36.6495 39.0631 37.3188 38.6529 37.9856 37.9856C38.653 37.3182 39.0631 36.6495 39.3698 35.8602C39.6666 35.0971 39.8695 34.2245 39.9276 32.9474C39.9862 31.6675 40 31.2588 40 27.9998C40 24.7407 39.9862 24.332 39.9276 23.0521C39.8695 21.7751 39.6666 20.9024 39.3698 20.1393C39.0631 19.35 38.653 18.6808 37.9856 18.0139C37.3183 17.3466 36.6495 16.9365 35.8603 16.6297C35.0963 16.3334 34.2241 16.1305 32.9471 16.0724C31.6672 16.0138 31.2585 16 27.9995 16ZM27.9996 21.8379C24.5963 21.8379 21.8379 24.5969 21.8379 27.9998C21.8379 31.4027 24.5968 34.1616 27.9996 34.1616C31.4025 34.1616 34.1613 31.4027 34.1613 27.9998C34.1613 24.5969 31.4029 21.8379 27.9996 21.8379ZM27.9996 31.9995C25.7904 31.9995 23.9999 30.2085 23.9999 27.9998C23.9999 25.7905 25.7909 24 27.9996 24C30.2083 24 31.9993 25.791 31.9993 27.9998C31.9993 30.209 30.2088 31.9995 27.9996 31.9995ZM35.845 21.594C35.845 22.3892 35.2003 23.0339 34.4051 23.0339C33.6098 23.0339 32.9651 22.3892 32.9651 21.594C32.9651 20.7987 33.6098 20.154 34.4051 20.154C35.2003 20.154 35.845 20.7987 35.845 21.594Z" fill="white" />\n      </svg>`;case"youtube":return`<svg width="56" height="56" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve">\n        <circle fill="${e}" cx="28" cy="28" r="28"></circle>\n        <g transform="translate(9937 4831.656)">\n          <path fill="#fff" d="M-9909-4793.8c0,0-2.2,0-4.7-0.1c-1.4,0-2.7-0.1-3.7-0.2c-1.3-0.1-2.1-0.2-2.6-0.3\n            c-0.3-0.1-0.6-0.2-0.9-0.4c-0.3-0.2-0.5-0.3-0.7-0.6s-0.4-0.5-0.6-0.7c-0.2-0.3-0.3-0.6-0.4-0.9c-0.4-1.7-0.6-4-0.6-6.7\n            c0-1.2,0.1-2.4,0.2-3.6c0.1-0.6,0.1-1.1,0.2-1.7c0.1-0.5,0.1-1.1,0.2-1.5c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.3-0.5,0.6-0.7\n            s0.5-0.4,0.7-0.6c0.3-0.2,0.6-0.3,0.9-0.4c0.5-0.1,1.4-0.3,2.6-0.3c1-0.1,2.2-0.1,3.7-0.2c2.4-0.1,4.6-0.1,4.7-0.1\n            c0,0,2.2,0,4.7,0.1c1.4,0,2.7,0.1,3.7,0.2c1.3,0.1,2.1,0.2,2.6,0.3c0.3,0.1,0.6,0.2,0.9,0.4c0.3,0.2,0.5,0.3,0.7,0.6\n            s0.4,0.5,0.6,0.7c0.2,0.3,0.3,0.6,0.4,0.9c0.2,0.9,0.4,2,0.5,3.1c0.1,1.1,0.1,2.3,0.1,3.6c0,1.2-0.1,2.4-0.2,3.6\n            c-0.1,0.6-0.1,1.1-0.2,1.7c-0.1,0.5-0.2,1.1-0.2,1.5c-0.1,0.3-0.2,0.6-0.4,0.9c-0.2,0.3-0.3,0.5-0.6,0.7c-0.2,0.2-0.5,0.4-0.7,0.6\n            c-0.3,0.2-0.6,0.3-0.9,0.4c-0.5,0.1-1.4,0.3-2.6,0.3c-1,0.1-2.2,0.1-3.7,0.2C-9906.8-4793.8-9909-4793.8-9909-4793.8z\n             M-9911.8-4807.9v8.4l7.3-4.2L-9911.8-4807.9z"></path>\n        </g>\n        </svg>`;default:return""}};const l={sv:{searchlabel:"Sök",searchplaceholder:"Vad letar du efter?",searchbuttontext:"Sök",menuHomeButton:"Hem",menuGoBackButton:"Gå tillbaka",mainMenuButton:"Meny",menuStartButton:"Start"},en:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"},da:{searchlabel:"Søg",searchplaceholder:"Søg",searchbuttontext:"Søg",menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbage",mainMenuButton:"Menu",menuStartButton:"Start"},no:{searchlabel:"Søk",searchplaceholder:"Søk",searchbuttontext:"Søk",menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbake",mainMenuButton:"Meny",menuStartButton:"Start"},fi:{searchlabel:"Hae",searchplaceholder:"Hae",searchbuttontext:"Hae",menuHomeButton:"Koti",menuGoBackButton:"Mene takaisin",mainMenuButton:"Valikko",menuStartButton:"Alkaa"},zh:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"},it:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"},nl:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"}};const m="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-sitefooter .social-media a[target=_blank]:not(.pn-button):after{content:none}@media screen and (min-width: 60em){pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]){display:flex;align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-width:min-content}pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]) div[slot=bottomsocialmediadesktop]{display:block;margin-top:auto;margin-bottom:1.6rem}pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]) div[slot=bottomsocialmediadesktop] .trustpilot-widget{display:flex;justify-content:flex-start}}pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile]{display:block;margin-top:1rem;margin-bottom:2.3rem}pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{display:flex;justify-content:center}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{justify-content:flex-start}}@media screen and (min-width: 60em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile]{display:none}}div[slot=middle-extra-mobile],div[slot=middle-extra]{display:none}pn-marketweb-sitefooter[theme=dotcom]{width:100%}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottomsocialmediamobile],pn-marketweb-sitefooter[theme=dotcom] div[slot=bottomsocialmediadesktop]{display:none}pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra-mobile]{display:block;width:100%;text-align:-webkit-center;margin:2.4rem 0}@media screen and (min-width: 1024px){pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra-mobile]{display:none}pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra]{display:block;width:100%;text-align:-webkit-center;margin:3.2rem 0}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan{flex-direction:row}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan ul{margin-bottom:1.6rem}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan ul{margin-bottom:0;margin-right:4.8rem}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper{display:flex;flex-direction:column;width:100%}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper{width:auto;flex-direction:row}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .separator{border-top:1px solid #d3cecb;margin-bottom:1.6rem}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .separator{display:flex;width:1px;height:auto;min-height:90%;background-color:#d3cecb;margin-right:4.8rem;margin-bottom:0}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .swan{justify-self:center;align-self:center}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=bluedarkest] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#ffffff}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=bluedarkest] pn-site-footer[theme=dotcom] pn-swan *{color:white}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom]{background-color:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{background-color:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom]>svg path{fill:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media{border-top:0.1rem solid #d3cecb;border-bottom:0.1rem solid #d3cecb}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media>ul>li:hover svg>circle{fill:#8eddf9}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#ffffff}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] pn-swan *{color:white}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom]{background-color:#f3f2f2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom]>svg path{fill:#f3f2f2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{background-color:#f3f2f2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media{border-top:0.1rem solid #d3cecb;border-bottom:0.1rem solid #d3cecb}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media li svg circle{fill:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media li svg:hover>circle{fill:#00a0d6}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{color:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] *{color:#0d234b}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#0d234b}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] a:not(.pn-h2){color:#005d92}pn-marketweb-sitefooter[theme=tpl] pn-site-footer{background-color:#0d234b;padding-top:6rem}@media screen and (max-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] pn-site-footer{padding-left:2.6rem;padding-right:2.6rem}}pn-marketweb-sitefooter[theme=tpl] pn-site-footer>svg{display:none}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom{background-color:#0d234b;color:#ffffff;margin:2.5rem 0}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom div[slot=bottom]{border-top:1px solid #005d92;border-bottom:1px solid #005d92}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom a{color:#ffffff}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom a:hover{text-decoration:underline;color:#ffffff}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo{background-color:#0d234b;color:#ffffff}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top a,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo a{color:#fbc2c1}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top a:hover,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo a:hover{text-decoration:underline;color:#fbc2c1}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 8rem}}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 5rem}}@media screen and (max-width: 48em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 3rem}}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{width:114rem;justify-content:space-between}}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-logo a svg path{fill:#00a0d6}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col{width:unset;min-width:unset}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col:first-child{min-width:45%}}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col:first-child{min-width:100%;padding-top:0}}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a{display:inline-flex;gap:0.7rem;align-items:flex-start}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a .pn-h2{color:#ffffff}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a span.footer-tpl-links{display:none}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a:hover{text-decoration:underline;color:#fbc2c1}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a pn-icon svg{background-color:#fbc2c1;border-radius:0.3rem;height:1.7rem;width:1.7rem;margin-top:0.3rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a pn-icon svg path{fill:#0d234b}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col .pn-h2{margin-bottom:3.5rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media{flex-direction:column;gap:0.5rem;row-gap:0rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media li{max-height:4rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a{align-items:center;gap:0}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a circle{display:none}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a span.footer-tpl-links{display:block}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a svg{height:3.7rem;width:3.7rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a svg path{fill:#fbc2c1}";const c=m;const d=class{constructor(e){t(this,e);this.market="se";this.language="sv";this.environment=null;this.endpoint=null;this.siteDomainInUrls=false;this.cache=false;this.theme="default";this.backgroundcolor="darkestblue";this.showSwan=false;this.headingLevel="h2";this.siteDefinition=undefined;this.footerContent=undefined;this.i18n=undefined;this.gotData=false;this.fetchingData=false}get hostElement(){return e(this)}fetchHelper=new r("sitefooter");endpointPath="/api/footer/footer";componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(t=window.location.href){const e=new n(t);if(!this.market){const t=await e.getMarket();this.market=t}if(!this.language){const t=await e.getLanguage();this.language=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=""}}async init(){this.setTranslations();await this.fetchData()}setTranslations(){if(this.language&&l[this.language]){this.i18n=l[this.language]}}onLanguageChange(){this.setTranslations();this.fetchData()}onMarketChange(){this.fetchData()}setFetchUrl(t){switch(this.theme){case"dotcom":return`${t}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;default:return`${t}${this.endpointPath}?market=${this.market}&language=${this.language}`}}async fetchData(){if(this.endpoint===null||!this.market||!this.language){return}this.fetchingData=true;const t=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const e=this.setFetchUrl(t);const o=await this.fetchHelper.fetchJson(e,{mode:"cors"},this.cache,this.onFetchRefreshed.bind(this));await this.setStateFromData(o)}onFetchRefreshed(t){this.setStateFromData(t)}setStateFromData(t){if(typeof t!=="object"){console.warn("Data was not valid",t)}this.siteDefinition=t.sitedefinition;this.footerContent=t.footer;if(this.siteDomainInUrls){this.adjustLinks()}this.gotData=true;this.fetchingData=true}adjustLinks(){this.footerContent.bottomLinks.forEach((t=>{t.linkHref=this.adjustHref(t.linkHref)}));this.footerContent.columns.forEach((t=>{t.links.forEach((t=>{t.linkHref=this.adjustHref(t.linkHref)}))}))}adjustHref(t){if(!t||t.indexOf("http")===0||this.siteDomainInUrls){return t}const e=this.siteDefinition.url.lastIndexOf("/")===this.siteDefinition.url.length-1?this.siteDefinition.url.substring(0,this.siteDefinition.url.length-1):this.siteDefinition.url;t=e+t;return t}uniqueId(t){return"footer-"+t.replace(/[^A-Za-z0-9.\\\/]/gim,"")}renderCols(){if(this.gotData&&this.footerContent?.columns){return this.footerContent.columns.map((t=>o("pn-site-footer-col",{theme:this.theme},t.firstLinkAsHeader&&t.links&&t.links[0]?o("a",{href:t.links[0].linkHref,target:t.links[0].openInNewWindow?"_blank":null,rel:t.links[0].openInNewWindow?"noopener nofollower noreferrer":null,title:t.links[0].linkText,id:this.uniqueId(t.links[0].linkText)},o(a,{level:this.headingLevel,cssClass:`${"pn-"+this.headingLevel}`},t.links[0].linkText)):o(a,{level:this.headingLevel,cssClass:`${"pn-"+this.headingLevel}`},t.heading),t.links&&(!t.body||this.theme==="tpl")?o("ul",{...t.links&&t.links[0]&&t.links[0].linkType&&{class:"social-media"}},t.links.map(((e,i)=>{if(!e.linkHref||t.firstLinkAsHeader&&i==0){return false}let r=e.linkText;if(e.linkType){r=s(e.linkType)}let n=this.uniqueId(r);return o("li",null,o("a",{href:e.linkHref,...e.openInNewWindow&&{target:"_blank"},title:e.linkText,innerHTML:r,id:n},this.theme==="tpl"?o("span",{class:"footer-tpl-links"},e.linkText):null))}))):null,t.body?o("div",{innerHTML:t.body}):null,o("slot",{name:"bottomsocialmediadesktop"}),o("slot",{name:"bottomsocialmediamobile"}))))}else{return null}}renderBottomLinks(){return this.footerContent.bottomLinks.map((t=>{if(!t.linkHref){return o("li",null,t.linkText)}let e=this.uniqueId(t.linkText);return o("li",null,o("a",{href:t.linkHref,...t.openInNewWindow&&{target:"_blank"},title:t.linkText,id:e},t.linkText))}))}renderDefaultFooter(){return o(i,{language:this.language,market:this.market,environment:this.environment},o("pn-site-footer",{url:this.siteDefinition?.url??""},o("slot",{name:"logo"}),this.renderCols(),o("div",{slot:"bottom"},this.gotData&&this.footerContent?.copyrightText?o("span",null,this.footerContent.copyrightText):null,this.gotData&&this.footerContent?.bottomLinks?o("span",null,this.footerContent.bottomLinks.map((t=>{if(!t.linkHref){return o("span",null,t.linkText)}let e=this.uniqueId(t.linkText);return o("a",{href:t.linkHref,...t.openInNewWindow&&{target:"_blank"},title:t.linkText,id:e},t.linkText)}))):null)))}renderSocialMeidaIconListElements(){return this.gotData&&this.footerContent?.socialmedialinks.map((t=>{let e=s(t.linkType,"#00A0D6");let i=this.uniqueId(t.linkText);return o("li",null,o("a",{href:t.linkHref,...t.openInNewWindow&&{target:"_blank"},title:t.linkText,innerHTML:e,id:i}))}))}renderSwanComponent(){return this.showSwan&&o("div",{class:"swan-wrapper"},o("div",{class:"separator"}),o("pn-swan",{language:this.language,"license-number":this.footerContent?.swanInfo?.swanLicense,"link-to":this.footerContent?.swanInfo?.swanLink}))}renderDotComFooter(){return o(i,{language:this.language,market:this.market,environment:this.environment},o("pn-site-footer",{theme:this.theme,url:this.siteDefinition?.url??""},this.renderCols(),o("slot",{name:"middle-extra"}),o("slot",{name:"middle-extra-mobile"}),o("div",{slot:"bottom"},o("div",{class:`social-media ${this.showSwan?"social-media--swan":""}`},o("ul",null,this.renderSocialMeidaIconListElements()),this.renderSwanComponent()),o("div",{class:"copyright"},this.gotData&&this.footerContent?.copyrightText?o("span",null,this.footerContent.copyrightText):null,this.gotData&&this.footerContent?.bottomLinks?o("ul",null,this.renderBottomLinks()):null))))}render(){switch(this.theme){case"dotcom":return this.renderDotComFooter();default:return this.renderDefaultFooter()}}static get watchers(){return{language:["onLanguageChange"],market:["onMarketChange"]}}};d.style=c;export{d as pn_marketweb_sitefooter};
+//# sourceMappingURL=p-0b5a125d.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getSocialMediaIconsByType","linkType","fill","translations","sv","searchlabel","searchplaceholder","searchbuttontext","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","en","da","no","fi","zh","it","nl","pnMarketwebSitefooterCss","PnMarketwebSitefooterStyle0","PnMarketwebSiteheader","fetchHelper","FetchHelper","endpointPath","componentWillLoad","this","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","market","resolvedMarket","getMarket","language","getLanguage","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","setTranslations","fetchData","i18n","onLanguageChange","onMarketChange","setFetchUrl","endpointBase","theme","fetchingData","lastIndexOf","length","substring","fetchUrl","data","fetchJson","mode","cache","onFetchRefreshed","bind","setStateFromData","console","warn","siteDefinition","sitedefinition","footerContent","footer","siteDomainInUrls","adjustLinks","gotData","bottomLinks","forEach","link","linkHref","adjustHref","columns","col","links","domainUrl","url","uniqueId","text","replace","renderCols","map","column","h","firstLinkAsHeader","target","openInNewWindow","rel","title","linkText","id","HeadingTag","level","headingLevel","cssClass","heading","body","class","i","linkId","innerHTML","name","renderBottomLinks","renderDefaultFooter","Host","slot","copyrightText","renderSocialMeidaIconListElements","socialmedialinks","renderSwanComponent","showSwan","swanInfo","swanLicense","swanLink","renderDotComFooter","render"],"sources":["src/components/layout-components/pn-marketweb-sitefooter/socialMediaIcons.ts","src/components/layout-components/pn-marketweb-sitefooter/translations.ts","src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.scss?tag=pn-marketweb-sitefooter","src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.tsx"],"sourcesContent":["export const getSocialMediaIconsByType = (linkType = '', fill = '#005D92') => {\n  switch (linkType) {\n    case 'facebook':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M38.6754 16H17.3246C16.593 16 16 16.5929 16 17.3246V38.6754C16 39.407 16.593 40 17.3246 40H28.8191V30.706H25.6915V27.0839H28.8191V24.4127C28.8191 21.3128 30.7124 19.6248 33.4778 19.6248C34.8023 19.6248 35.9409 19.7235 36.2726 19.7675V23.0071L34.3547 23.008C32.8507 23.008 32.5596 23.7226 32.5596 24.7713V27.0839H36.1463L35.6793 30.706H32.5596V40H38.6754C39.407 40 40 39.407 40 38.6754V17.3246C40 16.5929 39.407 16 38.6754 16Z\" fill=\"white\" />\n      </svg>`;\n    case 'twitter':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\"/>\n              <path d=\"M34.8996 17.5H38.5996L30.5996 26.4L39.9996 38.6H32.5996L26.7996 31.2L20.1996 38.6H16.4996L25.0996 29L16.0996 17.5H23.5996L28.7996 24.2L34.8996 17.5ZM33.5996 36.4H35.5996L22.4996 19.5H20.2996L33.5996 36.4Z\" fill=\"white\"/>\n              </svg>`;\n    case 'linkedin':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n          <path d=\"M37.5809 16H18.4191C17.0832 16 16 17.0747 16 18.399V37.601C16 38.9267 17.0832 40 18.4191 40H37.5809C38.9182 40 40 38.9253 40 37.601V18.399C40 17.0747 38.9182 16 37.5809 16ZM23.7013 34.9895H20.4725V24.7229H23.7013V34.9895ZM22.0653 23.4634C21.0462 23.4634 20.3874 22.7487 20.3874 21.8672C20.3874 20.965 21.0672 20.2711 22.1085 20.2711C23.1499 20.2711 23.7864 20.9636 23.8074 21.8672C23.8074 22.7501 23.1485 23.4634 22.0653 23.4634ZM35.4912 34.9895H32.2624V29.3002C32.2624 27.9772 31.7948 27.075 30.6264 27.075C29.7344 27.075 29.204 27.6834 28.9695 28.2711C28.8843 28.4808 28.8634 28.7746 28.8634 29.0685V34.9881H25.6332V27.9979C25.6332 26.7177 25.5913 25.6472 25.5481 24.7229H28.3525L28.5018 26.1507H28.566C28.9904 25.4789 30.0318 24.4925 31.7739 24.4925C33.8984 24.4925 35.4912 25.8996 35.4912 28.9222V34.9895Z\" fill=\"white\" />\n      </svg>`;\n    case 'instagram':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27.9995 18.1621C31.2037 18.1621 31.5829 18.1745 32.8485 18.2321C34.0183 18.2854 34.6538 18.4807 35.0767 18.6451C35.6369 18.8628 36.0365 19.1228 36.4566 19.5425C36.8768 19.9626 37.1368 20.3623 37.354 20.9224C37.5184 21.3454 37.7137 21.9808 37.767 23.1507C37.8246 24.4158 37.837 24.7955 37.837 27.9998C37.837 31.204 37.8246 31.5832 37.767 32.8488C37.7137 34.0187 37.5184 34.6541 37.354 35.0771C37.1363 35.6373 36.8763 36.0369 36.4566 36.457C36.0365 36.8772 35.6369 37.1372 35.0767 37.3545C34.6538 37.5188 34.0183 37.7141 32.8485 37.7674C31.5834 37.8251 31.2037 37.8375 27.9995 37.8375C24.7953 37.8375 24.4157 37.8251 23.1506 37.7674C21.9807 37.7141 21.3453 37.5188 20.9223 37.3545C20.3622 37.1368 19.9625 36.8767 19.5424 36.457C19.1223 36.0369 18.8622 35.6373 18.645 35.0771C18.4807 34.6541 18.2854 34.0187 18.232 32.8488C18.1744 31.5837 18.162 31.204 18.162 27.9998C18.162 24.7955 18.1744 24.4163 18.232 23.1507C18.2854 21.9808 18.4807 21.3454 18.645 20.9224C18.8627 20.3623 19.1228 19.9626 19.5424 19.5425C19.9625 19.1224 20.3622 18.8623 20.9223 18.6451C21.3453 18.4807 21.9807 18.2854 23.1506 18.2321C24.4161 18.1745 24.7953 18.1621 27.9995 18.1621ZM27.9995 16C24.7405 16 24.3318 16.0138 23.052 16.0724C21.7749 16.1305 20.9028 16.3334 20.1392 16.6302C19.35 16.9369 18.6807 17.3471 18.0139 18.0144C17.347 18.6813 16.9365 19.3505 16.6302 20.1393C16.3334 20.9029 16.1305 21.7751 16.0724 23.0521C16.0138 24.332 16 24.7407 16 27.9998C16 31.2588 16.0138 31.6675 16.0724 32.9474C16.1305 34.2245 16.3334 35.0966 16.6302 35.8602C16.9369 36.6495 17.347 37.3187 18.0144 37.9856C18.6817 38.6529 19.3505 39.0631 20.1397 39.3698C20.9028 39.6666 21.7754 39.8695 23.0524 39.9276C24.3323 39.9862 24.741 40 28 40C31.259 40 31.6677 39.9862 32.9476 39.9276C34.2246 39.8695 35.0972 39.6666 35.8603 39.3698C36.6495 39.0631 37.3188 38.6529 37.9856 37.9856C38.653 37.3182 39.0631 36.6495 39.3698 35.8602C39.6666 35.0971 39.8695 34.2245 39.9276 32.9474C39.9862 31.6675 40 31.2588 40 27.9998C40 24.7407 39.9862 24.332 39.9276 23.0521C39.8695 21.7751 39.6666 20.9024 39.3698 20.1393C39.0631 19.35 38.653 18.6808 37.9856 18.0139C37.3183 17.3466 36.6495 16.9365 35.8603 16.6297C35.0963 16.3334 34.2241 16.1305 32.9471 16.0724C31.6672 16.0138 31.2585 16 27.9995 16ZM27.9996 21.8379C24.5963 21.8379 21.8379 24.5969 21.8379 27.9998C21.8379 31.4027 24.5968 34.1616 27.9996 34.1616C31.4025 34.1616 34.1613 31.4027 34.1613 27.9998C34.1613 24.5969 31.4029 21.8379 27.9996 21.8379ZM27.9996 31.9995C25.7904 31.9995 23.9999 30.2085 23.9999 27.9998C23.9999 25.7905 25.7909 24 27.9996 24C30.2083 24 31.9993 25.791 31.9993 27.9998C31.9993 30.209 30.2088 31.9995 27.9996 31.9995ZM35.845 21.594C35.845 22.3892 35.2003 23.0339 34.4051 23.0339C33.6098 23.0339 32.9651 22.3892 32.9651 21.594C32.9651 20.7987 33.6098 20.154 34.4051 20.154C35.2003 20.154 35.845 20.7987 35.845 21.594Z\" fill=\"white\" />\n      </svg>`;\n    case 'youtube':\n      return `<svg width=\"56\" height=\"56\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 56 56\" style=\"enable-background:new 0 0 56 56;\" xml:space=\"preserve\">\n        <circle fill=\"${fill}\" cx=\"28\" cy=\"28\" r=\"28\"></circle>\n        <g transform=\"translate(9937 4831.656)\">\n          <path fill=\"#fff\" d=\"M-9909-4793.8c0,0-2.2,0-4.7-0.1c-1.4,0-2.7-0.1-3.7-0.2c-1.3-0.1-2.1-0.2-2.6-0.3\n            c-0.3-0.1-0.6-0.2-0.9-0.4c-0.3-0.2-0.5-0.3-0.7-0.6s-0.4-0.5-0.6-0.7c-0.2-0.3-0.3-0.6-0.4-0.9c-0.4-1.7-0.6-4-0.6-6.7\n            c0-1.2,0.1-2.4,0.2-3.6c0.1-0.6,0.1-1.1,0.2-1.7c0.1-0.5,0.1-1.1,0.2-1.5c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.3-0.5,0.6-0.7\n            s0.5-0.4,0.7-0.6c0.3-0.2,0.6-0.3,0.9-0.4c0.5-0.1,1.4-0.3,2.6-0.3c1-0.1,2.2-0.1,3.7-0.2c2.4-0.1,4.6-0.1,4.7-0.1\n            c0,0,2.2,0,4.7,0.1c1.4,0,2.7,0.1,3.7,0.2c1.3,0.1,2.1,0.2,2.6,0.3c0.3,0.1,0.6,0.2,0.9,0.4c0.3,0.2,0.5,0.3,0.7,0.6\n            s0.4,0.5,0.6,0.7c0.2,0.3,0.3,0.6,0.4,0.9c0.2,0.9,0.4,2,0.5,3.1c0.1,1.1,0.1,2.3,0.1,3.6c0,1.2-0.1,2.4-0.2,3.6\n            c-0.1,0.6-0.1,1.1-0.2,1.7c-0.1,0.5-0.2,1.1-0.2,1.5c-0.1,0.3-0.2,0.6-0.4,0.9c-0.2,0.3-0.3,0.5-0.6,0.7c-0.2,0.2-0.5,0.4-0.7,0.6\n            c-0.3,0.2-0.6,0.3-0.9,0.4c-0.5,0.1-1.4,0.3-2.6,0.3c-1,0.1-2.2,0.1-3.7,0.2C-9906.8-4793.8-9909-4793.8-9909-4793.8z\n             M-9911.8-4807.9v8.4l7.3-4.2L-9911.8-4807.9z\"></path>\n        </g>\n        </svg>`;\n    default:\n      return '';\n  }\n};\n","export const translations = {\n  sv: {\n    searchlabel: 'Sök',\n    searchplaceholder: 'Vad letar du efter?',\n    searchbuttontext: 'Sök',\n    menuHomeButton: 'Hem',\n    menuGoBackButton: 'Gå tillbaka',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n  },\n  en: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  da: {\n    searchlabel: 'Søg',\n    searchplaceholder: 'Søg',\n    searchbuttontext: 'Søg',\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbage',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  no: {\n    searchlabel: 'Søk',\n    searchplaceholder: 'Søk',\n    searchbuttontext: 'Søk',\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbake',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n  },\n  fi: {\n    searchlabel: 'Hae',\n    searchplaceholder: 'Hae',\n    searchbuttontext: 'Hae',\n    menuHomeButton: 'Koti',\n    menuGoBackButton: 'Mene takaisin',\n    mainMenuButton: 'Valikko',\n    menuStartButton: 'Alkaa',\n  },\n  zh: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  it: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  nl: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n};\n","@import '../../../globals/main.scss';\n@import '../../navigation/pn-site-footer/pn-site-footer-common.scss';\n\npn-marketweb-sitefooter {\n  .social-media {\n    a[target='_blank']:not(.pn-button):after {\n      content: none;\n    }\n  }\n}\n\npn-marketweb-sitefooter:not([theme='dotcom']) {\n  @media screen and (min-width: $sitefooter-media-smalldesktop) {\n    pn-site-footer-col:has(div[slot='bottomsocialmediadesktop']) {\n      display: flex;\n      align-content: flex-start;\n      align-items: flex-start;\n      flex-direction: column;\n      flex-wrap: wrap;\n      min-width: min-content;\n\n      div[slot='bottomsocialmediadesktop'] {\n        display: block;\n        margin-top: auto;\n        margin-bottom: 1.6rem;\n\n        .trustpilot-widget {\n          display: flex;\n          justify-content: flex-start;\n        }\n      }\n    }\n  }\n\n  [slot='bottomsocialmediamobile'] {\n    display: block;\n    margin-top: 1rem;\n    margin-bottom: 2.3rem;\n\n    .trustpilot-widget {\n      display: flex;\n      justify-content: center;\n\n      @media screen and (min-width: $sitefooter-media-phoneheight) {\n        justify-content: flex-start;\n      }\n    }\n\n    @media screen and (min-width: $sitefooter-media-smalldesktop) {\n      display: none;\n    }\n  }\n}\n\ndiv[slot='middle-extra-mobile'],\ndiv[slot='middle-extra'] {\n  display: none;\n}\n\npn-marketweb-sitefooter[theme='dotcom'] {\n  width: 100%;\n\n  div[slot='bottomsocialmediamobile'],\n  div[slot='bottomsocialmediadesktop'] {\n    display: none;\n  }\n\n  div[slot='middle-extra-mobile'] {\n    display: block;\n    width: 100%;\n    text-align: -webkit-center;\n    margin: 2.4rem 0;\n  }\n\n  @media screen and (min-width: 1024px) {\n    div[slot='middle-extra-mobile'] {\n      display: none;\n    }\n\n    div[slot='middle-extra'] {\n      display: block;\n      width: 100%;\n      text-align: -webkit-center;\n      margin: 3.2rem 0;\n    }\n  }\n\n  div[slot='bottom'] .social-media.social-media--swan {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media screen and (min-width: $min-width-md) {\n      flex-direction: row;\n    }\n\n    ul {\n      margin-bottom: 1.6rem;\n      @media screen and (min-width: $min-width-md) {\n        margin-bottom: 0;\n        margin-right: 4.8rem;\n      }\n    }\n\n    .swan-wrapper {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n\n      @media screen and (min-width: $min-width-md) {\n        width: auto;\n        flex-direction: row;\n      }\n\n      .separator {\n        border-top: 1px solid #d3cecb;\n        margin-bottom: 1.6rem;\n\n        @media screen and (min-width: $min-width-md) {\n          display: flex;\n          width: 1px;\n          height: auto;\n          min-height: 90%;\n          background-color: #d3cecb;\n          margin-right: 4.8rem;\n          margin-bottom: 0;\n        }\n      }\n\n      .swan {\n        justify-self: center;\n        align-self: center;\n      }\n    }\n  }\n\n  //com layout in different colors\n  &[backgroundcolor='bluedarkest'] pn-site-footer[theme='dotcom'] {\n    pn-site-footer-col[theme='dotcom'] svg path {\n      fill: $white;\n    }\n\n    pn-swan * {\n      color: white;\n    }\n  }\n\n  &[backgroundcolor='blue'] pn-site-footer[theme='dotcom'] {\n    background-color: $blue700;\n\n    .pn-sitefooter-top,\n    .pn-sitefooter-bottom {\n      background-color: $blue700;\n    }\n\n    > svg path {\n      fill: $blue700;\n    }\n\n    .pn-sitefooter-bottom .social-media {\n      border-top: 0.1rem solid $gray200;\n      border-bottom: 0.1rem solid $gray200;\n\n      & > ul > li:hover svg > circle {\n        fill: $blue200;\n      }\n    }\n\n    pn-site-footer-col[theme='dotcom'] svg path {\n      fill: $white;\n    }\n\n    pn-swan * {\n      color: white;\n    }\n  }\n\n  &[backgroundcolor='gray'] pn-site-footer[theme='dotcom'] {\n    background-color: $gray50;\n\n    > svg path {\n      fill: $gray50;\n    }\n\n    .pn-sitefooter-top,\n    .pn-sitefooter-bottom {\n      background-color: $gray50;\n    }\n\n    .pn-sitefooter-bottom {\n      .social-media {\n        border-top: 0.1rem solid $gray200;\n        border-bottom: 0.1rem solid $gray200;\n\n        li svg circle {\n          fill: $blue700;\n        }\n\n        li svg:hover > circle {\n          fill: $blue400;\n        }\n      }\n\n      > [slot='bottom'] > .copyright * {\n        color: $blue700;\n      }\n    }\n\n    pn-site-footer-col[theme='dotcom'] {\n      * {\n        color: $blue900;\n      }\n\n      svg path {\n        fill: $blue900;\n      }\n\n      a:not(.pn-h2) {\n        color: $blue700;\n      }\n    }\n  }\n}\n\npn-marketweb-sitefooter[theme='tpl'] {\n  pn-site-footer {\n    background-color: $blue900;\n    padding-top: 6rem;\n\n    @media screen and (max-width: $sitefooter-media-phoneheight) {\n      padding-left: 2.6rem;\n      padding-right: 2.6rem;\n    }\n\n    & > svg {\n      display: none;\n    }\n  }\n\n  div.pn-sitefooter-bottom {\n    background-color: $blue900;\n    color: $white;\n    margin: 2.5rem 0;\n\n    div[slot='bottom'] {\n      border-top: 1px solid $blue700;\n      border-bottom: 1px solid $blue700;\n    }\n\n    a {\n      color: $white;\n\n      &:hover {\n        text-decoration: underline;\n        color: $white;\n      }\n    }\n  }\n\n  .pn-sitefooter-top,\n  .pn-sitefooter-logo {\n    background-color: $blue900;\n    color: $white;\n\n    a {\n      color: $coral200;\n\n      &:hover {\n        text-decoration: underline;\n        color: $coral200;\n      }\n    }\n  }\n\n  .pn-sitefooter-top .pn-sitefooter-cols {\n    @media screen and (max-width: $sitefooter-media-smalldesktop) {\n      padding: 0 8rem;\n    }\n\n    @media screen and (max-width: $sitefooter-media-smalldesktop) {\n      padding: 0 5rem;\n    }\n\n    @media screen and (max-width: $sitefooter-media-tablet) {\n      padding: 0 3rem;\n    }\n\n    @media screen and (min-width: $sitefooter-media-phoneheight) {\n      width: 114rem;\n      justify-content: space-between;\n    }\n  }\n\n  div.pn-sitefooter-logo a svg path {\n    fill: $blue400;\n  }\n\n  div pn-site-footer-col {\n    @media screen and (min-width: $sitefooter-media-phoneheight) {\n      width: unset;\n      min-width: unset;\n\n      &:first-child {\n        min-width: 45%;\n      }\n    }\n\n    &:first-child {\n      @media screen and (max-width: $sitefooter-media-smalldesktop) {\n        min-width: 100%;\n        padding-top: 0;\n      }\n    }\n\n    a {\n      display: inline-flex;\n      gap: 0.7rem;\n      align-items: flex-start;\n\n      .pn-h2 {\n        color: $white;\n      }\n\n      span.footer-tpl-links {\n        display: none;\n      }\n\n      &:hover {\n        text-decoration: underline;\n        color: $coral200;\n      }\n\n      pn-icon svg {\n        background-color: $coral200;\n        border-radius: 0.3rem;\n        height: 1.7rem;\n        width: 1.7rem;\n        margin-top: 0.3rem;\n\n        path {\n          fill: $blue900;\n        }\n      }\n    }\n\n    .pn-h2 {\n      margin-bottom: 3.5rem;\n    }\n\n    ul.social-media {\n      flex-direction: column;\n      gap: 0.5rem;\n      row-gap: 0rem;\n\n      li {\n        max-height: 4rem;\n      }\n\n      a {\n        align-items: center;\n        gap: 0;\n\n        circle {\n          display: none;\n        }\n\n        span.footer-tpl-links {\n          display: block;\n        }\n\n        svg {\n          height: 3.7rem;\n          width: 3.7rem;\n\n          path {\n            fill: $coral200;\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MenuSiteDefinition, SiteFooterContentModel } from './pn-marketweb-sitefooter-types';\nimport { getSocialMediaIconsByType } from './socialMediaIcons';\nimport { translations } from './translations';\nimport { HeadingTag } from '../../../globals/HeadingTag';\n\n@Component({\n  tag: 'pn-marketweb-sitefooter',\n  styleUrl: 'pn-marketweb-sitefooter.scss',\n})\nexport class PnMarketwebSiteheader {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) market: string = 'se';\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @Prop({ mutable: true, reflect: true }) environment: string = null;\n  @Prop() endpoint: string = null;\n\n  /** Adjusts the menus URLs */\n  @Prop() siteDomainInUrls: boolean = false;\n\n  /** If the component should use cached requests */\n  @Prop() cache: boolean = false;\n\n  /** dotcom prop */\n  @Prop({ reflect: true }) theme: string = 'default';\n  /** dotcom backgroundcolor */\n  @Prop({ reflect: true }) backgroundcolor: string = 'darkestblue';\n\n  @Prop() showSwan: boolean = false;\n  @Prop() headingLevel: string = \"h2\";\n\n  @State() siteDefinition: MenuSiteDefinition;\n  @State() footerContent: SiteFooterContentModel;\n\n  @State() i18n: any;\n  @State() gotData: boolean = false;\n  @State() fetchingData: boolean = false;\n\n  fetchHelper = new FetchHelper('sitefooter');\n  endpointPath = '/api/footer/footer';\n\n  componentWillLoad() {\n    this.setInitialValues().then(() => {\n      this.init();\n    });\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    if (!this.market) {\n      const resolvedMarket = await marketWebContextService.getMarket();\n      this.market = resolvedMarket;\n    }\n    if (!this.language) {\n      const resolvedMarket = await marketWebContextService.getLanguage();\n      this.language = resolvedMarket;\n    }\n    if (!this.environment) {\n      this.environment = await marketWebContextService.getEnvironmentName();\n    }\n    if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n    }\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  async init() {\n    this.setTranslations();\n    await this.fetchData();\n  }\n\n  setTranslations() {\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    this.fetchData();\n  }\n\n  @Watch('market')\n  onMarketChange() {\n    this.fetchData();\n  }\n\n  setFetchUrl(endpointBase: string) {\n    switch (this.theme) {\n      case 'dotcom':\n        return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;\n      default:\n        return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;\n    }\n  }\n\n  async fetchData() {\n    if (this.endpoint === null || !this.market || !this.language) {\n      // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n      return;\n    }\n\n    this.fetchingData = true;\n    const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = this.setFetchUrl(endpointBase);\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n      this.onFetchRefreshed.bind(this),\n    )) as any;\n    await this.setStateFromData(data);\n  }\n\n  onFetchRefreshed(data) {\n    this.setStateFromData(data);\n  }\n\n  setStateFromData(data: any) {\n    if (typeof data !== 'object') {\n      console.warn('Data was not valid', data);\n    }\n\n    this.siteDefinition = data.sitedefinition;\n    this.footerContent = data.footer;\n\n    if (this.siteDomainInUrls) {\n      this.adjustLinks();\n    }\n\n    this.gotData = true;\n    this.fetchingData = true;\n  }\n  adjustLinks() {\n    this.footerContent.bottomLinks.forEach(link => {\n      link.linkHref = this.adjustHref(link.linkHref);\n    });\n    this.footerContent.columns.forEach(col => {\n      col.links.forEach(link => {\n        link.linkHref = this.adjustHref(link.linkHref);\n      });\n    });\n  }\n\n  adjustHref(href: string) {\n    if (!href || href.indexOf('http') === 0 || this.siteDomainInUrls) {\n      return href;\n    }\n    const domainUrl =\n      this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n        ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n        : this.siteDefinition.url;\n    href = domainUrl + href;\n    return href;\n  }\n\n  uniqueId(text: string) {\n    return 'footer-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n  }\n\n  renderCols() {\n    if (this.gotData && this.footerContent?.columns) {\n      return this.footerContent.columns.map(column => {\n        return (\n          <pn-site-footer-col theme={this.theme}>\n            {column.firstLinkAsHeader && column.links && column.links[0] ? (\n              <a\n                href={column.links[0].linkHref}\n                target={column.links[0].openInNewWindow ? '_blank' : null}\n                rel={column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null}\n                title={column.links[0].linkText}\n                id={this.uniqueId(column.links[0].linkText)}\n              >\n                <HeadingTag level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}>\n                  {column.links[0].linkText}\n                </HeadingTag>\n              </a>\n            ) : (\n              <HeadingTag level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}>\n                {column.heading}\n              </HeadingTag>\n            )}\n            {column.links && (!column.body || this.theme === 'tpl') ? (\n              <ul {...(column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' })}>\n                {column.links.map((link, i) => {\n                  if (!link.linkHref || (column.firstLinkAsHeader && i == 0)) {\n                    return false;\n                  }\n                  let linkText = link.linkText;\n                  if (link.linkType) {\n                    linkText = getSocialMediaIconsByType(link.linkType);\n                  }\n                  let linkId = this.uniqueId(linkText);\n                  return (\n                    <li>\n                      <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}>\n                        {this.theme === 'tpl' ? <span class=\"footer-tpl-links\">{link.linkText}</span> : null}\n                      </a>\n                    </li>\n                  );\n                })}\n              </ul>\n            ) : null}\n            {column.body ? <div innerHTML={column.body}></div> : null}\n            <slot name=\"bottomsocialmediadesktop\" />\n            <slot name=\"bottomsocialmediamobile\" />\n          </pn-site-footer-col>\n        );\n      });\n    } else {\n      return null;\n    }\n  }\n\n  renderBottomLinks() {\n    return this.footerContent.bottomLinks.map(link => {\n      if (!link.linkHref) {\n        return <li>{link.linkText}</li>;\n      }\n      let linkId = this.uniqueId(link.linkText);\n\n      return (\n        <li>\n          <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n            {link.linkText}\n          </a>\n        </li>\n      );\n    });\n  }\n\n  renderDefaultFooter() {\n    return (\n      <Host language={this.language} market={this.market} environment={this.environment}>\n        <pn-site-footer url={this.siteDefinition?.url ?? ''}>\n          <slot name=\"logo\"></slot>\n          {this.renderCols()}\n\n          <div slot=\"bottom\">\n            {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n            {this.gotData && this.footerContent?.bottomLinks ? (\n              <span>\n                {this.footerContent.bottomLinks.map(link => {\n                  if (!link.linkHref) {\n                    return <span>{link.linkText}</span>;\n                  }\n                  let linkId = this.uniqueId(link.linkText);\n                  return (\n                    <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n                      {link.linkText}\n                    </a>\n                  );\n                })}\n              </span>\n            ) : null}\n          </div>\n        </pn-site-footer>\n      </Host>\n    );\n  }\n\n  renderSocialMeidaIconListElements() {\n    return (\n      this.gotData &&\n      this.footerContent?.socialmedialinks.map(link => {\n        let linkText = getSocialMediaIconsByType(link.linkType, '#00A0D6');\n        let linkId = this.uniqueId(link.linkText);\n        return (\n          <li>\n            <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}></a>\n          </li>\n        );\n      })\n    );\n  }\n\n  renderSwanComponent() {\n    return (\n      this.showSwan && (\n        <div class=\"swan-wrapper\">\n          <div class=\"separator\"></div>\n          <pn-swan language={this.language} license-number={this.footerContent?.swanInfo?.swanLicense} link-to={this.footerContent?.swanInfo?.swanLink} />\n        </div>\n      )\n    );\n  }\n\n  renderDotComFooter() {\n    return (\n      <Host language={this.language} market={this.market} environment={this.environment}>\n        <pn-site-footer theme={this.theme} url={this.siteDefinition?.url ?? ''}>\n          {this.renderCols()}\n          <slot name=\"middle-extra\"></slot>\n          <slot name=\"middle-extra-mobile\"></slot>\n          <div slot=\"bottom\">\n            <div class={`social-media ${this.showSwan ? 'social-media--swan' : ''}`}>\n              <ul>{this.renderSocialMeidaIconListElements()}</ul>\n              {this.renderSwanComponent()}\n            </div>\n\n            <div class=\"copyright\">\n              {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n              {this.gotData && this.footerContent?.bottomLinks ? <ul>{this.renderBottomLinks()}</ul> : null}\n            </div>\n          </div>\n        </pn-site-footer>\n      </Host>\n    );\n  }\n\n  render() {\n    switch (this.theme) {\n      case 'dotcom':\n        return this.renderDotComFooter();\n      default:\n        return this.renderDefaultFooter();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-0b920554.js

@@ -0,0 +1,2 @@
+import{h as s}from"./p-82546a44.js";const a=({level:a,id:o,cssClass:r,additionalProps:e},i)=>{const n=a;return s(n,{id:o,className:r,...e,innerHTML:i})};export{a as H};
+//# sourceMappingURL=p-0b920554.js.map

package/pn-market-web-components/p-0b920554.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HeadingTag","level","id","cssClass","additionalProps","children","Tag","h","className","innerHTML"],"sources":["src/globals/HeadingTag.tsx"],"sourcesContent":["import { h, FunctionalComponent } from '@stencil/core';\n\ninterface HeadingTagProps {\n  level: string;\n  id?: string;\n  cssClass?: string;\n  additionalProps?: { [key: string]: string };\n}\n\nexport const HeadingTag: FunctionalComponent<HeadingTagProps> = ({ level, id, cssClass, additionalProps }, children) => {\n  const Tag = level;\n\n  return <Tag id={id} className={cssClass} {...additionalProps} innerHTML={children}></Tag>;\n};\n"],"mappings":"0CASaA,EAAmD,EAAGC,QAAOC,KAAIC,WAAUC,mBAAmBC,KACzG,MAAMC,EAAML,EAEZ,OAAOM,EAACD,EAAG,CAACJ,GAAIA,EAAIM,UAAWL,KAAcC,EAAiBK,UAAWJ,GAAgB,S","ignoreList":[]}

package/pn-market-web-components/p-0fc01d3f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,d as e}from"./p-82546a44.js";import{t as n}from"./p-6e056c20.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-findprice-result [slot=insurance]{display:flex;justify-content:center}pn-proxio-findprice-result .insurance-box{padding:0.4rem 0.8rem;border-radius:0.8rem;background-color:#8eddf9;text-align:center;font-size:1.2rem;font-weight:400;margin-bottom:2.4rem}";const s=r;const o=class{constructor(i){t(this,i);this.item=null;this.activeweight=null;this.shownitems=[];this.Usp1=undefined;this.Usp2=undefined;this.Usp3=undefined;this.description=[];this.showMeasurement=false;this.showInternational=false;this.selectedCountrycode="";this.market="";this.language="sv";this.weightText="";this.linkId="";this.shopLabel="";this.shopUrl="";this.shopId="";this.i18n=n[this.language]}componentWillLoad(){this.composeItems()}composeItems(){this.shownitems=[this.item]}getPriceString(t){if(!t.productWeightGroupList){return null}const i=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let e="";if(this.showInternational&&this.selectedCountrycode&&this.selectedCountrycode!==this.market&&t.weightPriceCountryList){let n=t.weightPriceCountryList.filter((t=>t.item3.includes(this.selectedCountrycode.toUpperCase())));e=n?n[i]?.item2:""}else{e=t.weightAndPriceList?t?.weightAndPriceList[i]?.item2:""}return e?this.i18n.from+e:""}getProductLink(t,i){if(t.productWeightGroupList){const e=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let n=i[e]?.item2;let r=t.productLink?t?.productLink:"";return r?r+(n?"?productId="+n:""):""}return null}getDeliveryInformation(t){if(!this.showInternational||!t.deliveryDateInternationalInformation){return t.deliveryDateInformation}const i=t?.deliveryDateInternationalInformation?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return t.deliveryDateInformation}return i.item2}getInsuranceAmountText(t){if(!t.insuranceAmounts){return""}const i=t?.insuranceAmounts?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return""}return i.item2}render(){return i(e,{key:"0d651962cb698e67e9bd1f41c544b09ba4454701"},i("pn-proxio-productcard",{key:"5e5289c30a2946c80167c8487f2b87e5f576b86a"},i("pn-illustration",{key:"fc729699f603d04d819f43d375b2233991a7dc05",slot:"illustrationmobile",illustration:this.item.proxioProduct.productIcon}),i("h2",{key:"b8e356187c7901f8ee1595484aa613e14c425d9d",slot:"title"},this.item.proxioProduct.productTitle),i("pn-proxio-productcard-description",{key:"fed3272a2a54f0835590bd52af658f8f164c8a04",slot:"description",heading:this.item.proxioProduct.productPreamble,highlight:this.getDeliveryInformation(this.item.proxioProduct),list:this.item.proxioProduct.productDescriptionBulletListItems}),i("div",{key:"c5e27c403d2e9491302b1e7146151f400b5b8b0f",slot:"information"},i("pn-proxio-productcard-information",{key:"648ca8f9c69d6682cb4cdc82fef9b78eb4199458",label:this.i18n.labelMaxDimensions,information:this.item.proxioProduct.productPackageDimensionsList}),i("pn-proxio-productcard-information",{key:"c9df2b7d8af3494e71a9b996c44aeb8f3166e937",label:this.i18n.labelMaxDimensionsRoll,information:this.item.proxioProduct.productRollDimensionsList})),i("div",{key:"a6fc78819dbafaf887489f1b81df5918735a8bbc",slot:"bottomtags"},this.item.proxioProduct.usp1?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp1):null,this.item.proxioProduct.usp2?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp2):null,this.item.proxioProduct.usp3?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp3):null),i("pn-illustration",{key:"29a32d5b160e90f42bcdb5ccab593603c77af79c",slot:"illustration",illustration:this.item.proxioProduct.productIcon}),i("div",{key:"4ae186576c5ae73631b62aff610433c34f333b75",slot:"pricelink"},i("pn-proxio-productcard-pricelink",{key:"288b434bc5aa38d13a3ad853c5f78acffec489af",price:this.getPriceString(this.item.proxioProduct),link:this.getProductLink(this.item.proxioProduct,this.item.proxioProduct.productWeightGroupList),linktext:this.item.proxioProduct.productLinkText}),this.item.relatedProxioProducts?this.item.relatedProxioProducts.map((t=>i("pn-proxio-productcard-pricelink",{price:this.getPriceString(t),link:t.productLink,linktext:t.productLinkText}))):null),this.getInsuranceAmountText(this.item.proxioProduct)?i("div",{slot:"insurance"},i("div",{class:"insurance-box"},this.getInsuranceAmountText(this.item.proxioProduct))):null))}static get watchers(){return{item:["composeItems"],activeweight:["getPriceString","getProductLink"]}}};o.style=s;export{o as pn_proxio_findprice_result};
+//# sourceMappingURL=p-0fc01d3f.entry.js.map

package/pn-market-web-components/{p-4fa5bc85.entry.js.map → p-0fc01d3f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProxioFindpriceResultCss","PnProxioFindpriceResultStyle0","PnProxioFindPriceResult","translations","this","language","componentWillLoad","composeItems","shownitems","item","getPriceString","product","productWeightGroupList","activeIndex","findIndex","item1","activeweight","price","showInternational","selectedCountrycode","market","weightPriceCountryList","filter","item3","includes","toUpperCase","item2","weightAndPriceList","i18n","from","getProductLink","productId","productLink","getDeliveryInformation","deliveryDateInternationalInformation","deliveryDateInformation","internationalShipment","find","info","toLowerCase","getInsuranceAmountText","insuranceAmounts","insuranceAmount","render","h","Host","key","slot","illustration","proxioProduct","productIcon","productTitle","heading","productPreamble","highlight","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts","map","class"],"sources":["src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.scss?tag=pn-proxio-findprice-result","src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-proxio-findprice-result {\n  [slot='insurance'] {\n    display: flex;\n    justify-content: center;\n  }\n\n  .insurance-box {\n    padding: 0.4rem 0.8rem;\n    border-radius: 0.8rem;\n    background-color: $blue200;\n    text-align: center;\n    font-size: 1.2rem;\n    font-weight: 400;\n    margin-bottom: 2.4rem;\n  }\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProxioPriceGroupi18n, ProxioProduct, ProductGenericItem, ProductWeightGroupListItem, ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport { translations } from '../pn-proxio-pricegroup/translations';\n\n@Component({\n  tag: 'pn-proxio-findprice-result',\n  styleUrl: 'pn-proxio-findprice-result.scss',\n})\nexport class PnProxioFindPriceResult {\n  @Prop({ mutable: true }) item: ProxioPriceListGroupResponse = null;\n  @Prop({ mutable: true }) activeweight: number = null;\n  @Prop() shownitems: ProxioPriceListGroupResponse[] = [];\n  @Prop() Usp1?: string;\n  @Prop() Usp2?: string;\n  @Prop() Usp3?: string;\n  @Prop() description?: string[] = [];\n  @Prop() showMeasurement?: boolean = false;\n  @Prop() showInternational: boolean = false;\n  @Prop() selectedCountrycode: string = '';\n  @Prop() market: string = '';\n  @Prop({ mutable: true }) language: string = 'sv';\n\n  @State() weightText = '';\n  @State() linkId: string = '';\n  @State() shopLabel: string = '';\n  @State() shopUrl: string = '';\n  @State() shopId: string = '';\n  @State() i18n: ProxioPriceGroupi18n = translations[this.language];\n\n  componentWillLoad() {\n    this.composeItems();\n  }\n\n  @Watch('item')\n  composeItems() {\n    this.shownitems = [this.item];\n  }\n\n  @Watch('activeweight')\n  getPriceString(product: ProxioProduct) {\n    if (!product.productWeightGroupList) {\n      return null;\n    }\n\n    const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n    let price = '';\n\n    if (this.showInternational && this.selectedCountrycode && this.selectedCountrycode !== this.market && product.weightPriceCountryList) {\n      let weightPriceCountryList = product.weightPriceCountryList.filter(item => item.item3.includes(this.selectedCountrycode.toUpperCase()));\n\n      price = weightPriceCountryList ? weightPriceCountryList[activeIndex]?.item2 : '';\n    } else {\n      price = product.weightAndPriceList ? product?.weightAndPriceList[activeIndex]?.item2 : '';\n    }\n\n    return price ? this.i18n.from + price : '';\n  }\n\n  @Watch('activeweight')\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    if (product.productWeightGroupList) {\n      const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n      let productId = productWeightGroupList[activeIndex]?.item2;\n      let productLink = product.productLink ? product?.productLink : '';\n      return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n    }\n    return null;\n  }\n\n  getDeliveryInformation(product: ProxioProduct) {\n    if (!this.showInternational || !product.deliveryDateInternationalInformation) {\n      return product.deliveryDateInformation;\n    }\n\n    const internationalShipment = product?.deliveryDateInternationalInformation?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n    if (!internationalShipment?.item2 ?? true) {\n      return product.deliveryDateInformation;\n    }\n\n    return internationalShipment.item2;\n  }\n\n  getInsuranceAmountText(product: ProxioProduct) {\n    if (!product.insuranceAmounts) {\n      return '';\n    }\n\n    const insuranceAmount = product?.insuranceAmounts?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n    if (!insuranceAmount?.item2 ?? true) {\n      return '';\n    }\n\n    return insuranceAmount.item2;\n  }\n\n  render() {\n    return (\n      <Host>\n        {\n          <pn-proxio-productcard>\n            <pn-illustration slot=\"illustrationmobile\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n            <h2 slot=\"title\">{this.item.proxioProduct.productTitle}</h2>\n            <pn-proxio-productcard-description\n              slot=\"description\"\n              heading={this.item.proxioProduct.productPreamble}\n              highlight={this.getDeliveryInformation(this.item.proxioProduct)}\n              list={this.item.proxioProduct.productDescriptionBulletListItems}\n            ></pn-proxio-productcard-description>\n            <div slot=\"information\">\n              <pn-proxio-productcard-information\n                label={this.i18n.labelMaxDimensions}\n                information={this.item.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n              ></pn-proxio-productcard-information>\n              <pn-proxio-productcard-information\n                label={this.i18n.labelMaxDimensionsRoll}\n                information={this.item.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n              ></pn-proxio-productcard-information>\n            </div>\n            <div slot=\"bottomtags\">\n              {this.item.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp1}</pn-titletag> : null}\n              {this.item.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp2}</pn-titletag> : null}\n              {this.item.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp3}</pn-titletag> : null}\n            </div>\n            <pn-illustration slot=\"illustration\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n            <div slot=\"pricelink\">\n              <pn-proxio-productcard-pricelink\n                price={this.getPriceString(this.item.proxioProduct)}\n                link={this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList)}\n                linktext={this.item.proxioProduct.productLinkText}\n              ></pn-proxio-productcard-pricelink>\n              {this.item.relatedProxioProducts\n                ? this.item.relatedProxioProducts.map(product => (\n                    <pn-proxio-productcard-pricelink\n                      price={this.getPriceString(product)}\n                      link={product.productLink}\n                      linktext={product.productLinkText}\n                    ></pn-proxio-productcard-pricelink>\n                  ))\n                : null}\n            </div>\n            {this.getInsuranceAmountText(this.item.proxioProduct) ? (\n              <div slot=\"insurance\">\n                <div class=\"insurance-box\">{this.getInsuranceAmountText(this.item.proxioProduct)}</div>\n              </div>\n            ) : null}\n          </pn-proxio-productcard>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pnProxioFindpriceResultCss","PnProxioFindpriceResultStyle0","PnProxioFindPriceResult","translations","this","language","componentWillLoad","composeItems","shownitems","item","getPriceString","product","productWeightGroupList","activeIndex","findIndex","item1","activeweight","price","showInternational","selectedCountrycode","market","weightPriceCountryList","filter","item3","includes","toUpperCase","item2","weightAndPriceList","i18n","from","getProductLink","productId","productLink","getDeliveryInformation","deliveryDateInternationalInformation","deliveryDateInformation","internationalShipment","find","info","toLowerCase","getInsuranceAmountText","insuranceAmounts","insuranceAmount","render","h","Host","key","slot","illustration","proxioProduct","productIcon","productTitle","heading","productPreamble","highlight","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts","map","class"],"sources":["src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.scss?tag=pn-proxio-findprice-result","src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-proxio-findprice-result {\n  [slot='insurance'] {\n    display: flex;\n    justify-content: center;\n  }\n\n  .insurance-box {\n    padding: 0.4rem 0.8rem;\n    border-radius: 0.8rem;\n    background-color: $blue200;\n    text-align: center;\n    font-size: 1.2rem;\n    font-weight: 400;\n    margin-bottom: 2.4rem;\n  }\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProxioPriceGroupi18n, ProxioProduct, ProductGenericItem, ProductWeightGroupListItem, ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport { translations } from '../pn-proxio-pricegroup/translations';\n\n@Component({\n  tag: 'pn-proxio-findprice-result',\n  styleUrl: 'pn-proxio-findprice-result.scss',\n})\nexport class PnProxioFindPriceResult {\n  @Prop({ mutable: true }) item: ProxioPriceListGroupResponse = null;\n  @Prop({ mutable: true }) activeweight: number = null;\n  @Prop() shownitems: ProxioPriceListGroupResponse[] = [];\n  @Prop() Usp1?: string;\n  @Prop() Usp2?: string;\n  @Prop() Usp3?: string;\n  @Prop() description?: string[] = [];\n  @Prop() showMeasurement?: boolean = false;\n  @Prop() showInternational: boolean = false;\n  @Prop() selectedCountrycode: string = '';\n  @Prop() market: string = '';\n  @Prop({ mutable: true }) language: string = 'sv';\n\n  @State() weightText = '';\n  @State() linkId: string = '';\n  @State() shopLabel: string = '';\n  @State() shopUrl: string = '';\n  @State() shopId: string = '';\n  @State() i18n: ProxioPriceGroupi18n = translations[this.language];\n\n  componentWillLoad() {\n    this.composeItems();\n  }\n\n  @Watch('item')\n  composeItems() {\n    this.shownitems = [this.item];\n  }\n\n  @Watch('activeweight')\n  getPriceString(product: ProxioProduct) {\n    if (!product.productWeightGroupList) {\n      return null;\n    }\n\n    const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n    let price = '';\n\n    if (this.showInternational && this.selectedCountrycode && this.selectedCountrycode !== this.market && product.weightPriceCountryList) {\n      let weightPriceCountryList = product.weightPriceCountryList.filter(item => item.item3.includes(this.selectedCountrycode.toUpperCase()));\n\n      price = weightPriceCountryList ? weightPriceCountryList[activeIndex]?.item2 : '';\n    } else {\n      price = product.weightAndPriceList ? product?.weightAndPriceList[activeIndex]?.item2 : '';\n    }\n\n    return price ? this.i18n.from + price : '';\n  }\n\n  @Watch('activeweight')\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    if (product.productWeightGroupList) {\n      const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n      let productId = productWeightGroupList[activeIndex]?.item2;\n      let productLink = product.productLink ? product?.productLink : '';\n      return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n    }\n    return null;\n  }\n\n  getDeliveryInformation(product: ProxioProduct) {\n    if (!this.showInternational || !product.deliveryDateInternationalInformation) {\n      return product.deliveryDateInformation;\n    }\n\n    const internationalShipment = product?.deliveryDateInternationalInformation?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n    if (!internationalShipment?.item2 ?? true) {\n      return product.deliveryDateInformation;\n    }\n\n    return internationalShipment.item2;\n  }\n\n  getInsuranceAmountText(product: ProxioProduct) {\n    if (!product.insuranceAmounts) {\n      return '';\n    }\n\n    const insuranceAmount = product?.insuranceAmounts?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n    if (!insuranceAmount?.item2 ?? true) {\n      return '';\n    }\n\n    return insuranceAmount.item2;\n  }\n\n  render() {\n    return (\n      <Host>\n        {\n          <pn-proxio-productcard>\n            <pn-illustration slot=\"illustrationmobile\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n            <h2 slot=\"title\">{this.item.proxioProduct.productTitle}</h2>\n            <pn-proxio-productcard-description\n              slot=\"description\"\n              heading={this.item.proxioProduct.productPreamble}\n              highlight={this.getDeliveryInformation(this.item.proxioProduct)}\n              list={this.item.proxioProduct.productDescriptionBulletListItems}\n            ></pn-proxio-productcard-description>\n            <div slot=\"information\">\n              <pn-proxio-productcard-information\n                label={this.i18n.labelMaxDimensions}\n                information={this.item.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n              ></pn-proxio-productcard-information>\n              <pn-proxio-productcard-information\n                label={this.i18n.labelMaxDimensionsRoll}\n                information={this.item.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n              ></pn-proxio-productcard-information>\n            </div>\n            <div slot=\"bottomtags\">\n              {this.item.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp1}</pn-titletag> : null}\n              {this.item.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp2}</pn-titletag> : null}\n              {this.item.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp3}</pn-titletag> : null}\n            </div>\n            <pn-illustration slot=\"illustration\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n            <div slot=\"pricelink\">\n              <pn-proxio-productcard-pricelink\n                price={this.getPriceString(this.item.proxioProduct)}\n                link={this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList)}\n                linktext={this.item.proxioProduct.productLinkText}\n              ></pn-proxio-productcard-pricelink>\n              {this.item.relatedProxioProducts\n                ? this.item.relatedProxioProducts.map(product => (\n                    <pn-proxio-productcard-pricelink\n                      price={this.getPriceString(product)}\n                      link={product.productLink}\n                      linktext={product.productLinkText}\n                    ></pn-proxio-productcard-pricelink>\n                  ))\n                : null}\n            </div>\n            {this.getInsuranceAmountText(this.item.proxioProduct) ? (\n              <div slot=\"insurance\">\n                <div class=\"insurance-box\">{this.getInsuranceAmountText(this.item.proxioProduct)}</div>\n              </div>\n            ) : null}\n          </pn-proxio-productcard>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-17c43a96.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as s,d as a}from"./p-82546a44.js";const n="";const r=n;const d=class{constructor(t){e(this,t);this.label="Mina sidor!";this.myPageUrl=undefined}get hostElement(){return t(this)}render(){return s(a,{key:"5d4f6fda2eb4419e2b5b6cfa18a567afecc6be07"},s("pn-button",{key:"5fd285823e3eab3d734aa362cc5179ddaf1de1f3",href:this.myPageUrl},this.label))}};d.style=r;export{d as pn_marketweb_siteheader_login_mypage_button};
+//# sourceMappingURL=p-17c43a96.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnMarketwebSiteheaderLoginMypageButtonCss","PnMarketwebSiteheaderLoginMypageButtonStyle0","PnMarketwebSiteheaderLoginMypageButton","render","h","Host","key","href","this","myPageUrl","label"],"sources":["src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.scss?tag=pn-marketweb-siteheader-login-mypage-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.tsx"],"sourcesContent":["pn-marketweb-siteheader-login-mypage-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-mypage-button',\n  styleUrl: 'pn-marketweb-siteheader-login-mypage-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginMypageButton {\n  @Element() hostElement: HTMLElement;\n  @Prop() label: string = 'Mina sidor!';\n  @Prop() myPageUrl: string;\n\n  render() {\n    return (\n      <Host>\n        <pn-button href={this.myPageUrl}>{this.label}</pn-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAA4C,GAClD,MAAAC,EAAeD,E,MCKFE,EAAsC,M,oCAEzB,c,0DAGxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,aAAAE,IAAA,2CAAWC,KAAMC,KAAKC,WAAYD,KAAKE,O","ignoreList":[]}

package/pn-market-web-components/p-19bbac6d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,d as n}from"./p-82546a44.js";import{a as e}from"./p-36b39340.js";const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";const r=o;const a=class{constructor(i){t(this,i)}render(){return i(n,{key:"a54ac8b5337b080c3684da1adf3924a66e8e2db5"},i("div",{key:"c9ec257fbe1a0a6f266e15d5615028389be32aeb",class:"cardcontent"},i("div",{key:"f4fa413b12e6796e43a85ef84be95af5e77c313f",class:"carddetails"},i("slot",{key:"d3e84fb18d8e21e5874b7f1896e923235195b380",name:"illustrationmobile"}),i("div",{key:"f957632f1a121cde3f016ef74e05e287e8a76a61",class:"heading"},i("slot",{key:"a5ad524ac899686241ff5fa7fb75b805ff5d5364",name:"title"}),i("slot",{key:"8b2498d83972342c5fd1fe0c08d8a6841fe8fba4",name:"uppertags"})),i("slot",{key:"ee3530c277aef75f1bdae161cf656c03c0efc151",name:"description"}),i("slot",{key:"399d0361f0302828d42e0f263331e526ad2656a7",name:"information"}),i("slot",{key:"e41b169bd8a128542e274cd5786f4fcd21296a06",name:"bottomtags"})),i("div",{key:"dd2ea4dfd8fd9a620a9bfac2facdb79ce9a28fd1",class:"cardcalltoactions"},i("slot",{key:"64c7dc14217432fddf536c1256779de624f8d135",name:"illustration"}),i("slot",{key:"1c0dc3318e43c55210d4de994f38426bcf96e84d",name:"pricelink"}),i("slot",{key:"08f83562748f18e63e4963a76048cf7ccf3dea06",name:"insurance"}))))}};a.style=r;const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0aa85c}";const p=d;const c=class{constructor(i){t(this,i);this.heading=undefined;this.highlight=undefined;this.description=undefined;this.list=[]}render(){return i(n,{key:"d3e64b6d66f2b2bc0857716a2125c709627f28fb"},this.heading?i("h3",null,this.heading):null,this.highlight?i("h3",{class:"highlight"},this.highlight):null,this.description?i("span",null,this.description):null,this.list?i("ul",null,this.list.map((t=>i("li",null,t)))):null)}};c.style=p;const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";const s=l;const m=class{constructor(i){t(this,i);this.label=undefined;this.information=[]}render(){return i(n,{key:"f8036717bc69970e8348e909c600484babd47dac"},i("div",{key:"ab79a0e358ec13504924e8f375262474d04d9e07",class:"cardinfocontent"},this.information&&this.information.length>0&&this.label?i("div",{class:"cardinfocontent-item"},this.label?i("p",{class:"cardinfocontent-title"},i("strong",null,this.label)):null,this.information.map((t=>t?i("p",null,i("strong",{class:"cardinfocontent-label"},t.item1,":")," ",t.item2):null))):null))}};m.style=s;const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-pricelink{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;gap:0.8rem;align-content:center;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}pn-proxio-productcard-pricelink .pn-pricelink-vat{font-weight:400}";const u=h;const f=class{constructor(i){t(this,i);this.price=undefined;this.vatText="";this.link=undefined;this.linktext=undefined}render(){return this.link&&this.linktext?i(n,null,this.price?i("h3",null,this.price," ",i("span",{class:"pn-pricelink-vat"},this.vatText)):null,i("pn-button",{small:"true",icon:e,appearance:"light",href:this.link,target:"_blank",rel:"noopener nofollower noreferrer"},this.linktext)):null}};f.style=u;export{a as pn_proxio_productcard,c as pn_proxio_productcard_description,m as pn_proxio_productcard_information,f as pn_proxio_productcard_pricelink};
+//# sourceMappingURL=p-19bbac6d.entry.js.map

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

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

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

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

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

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

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

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