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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as o,d as i}from"./p-82546a44.js";import{s as n}from"./p-f9083b7a.js";import{a}from"./p-36b39340.js";import"./p-8836de82.js";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-profile-modal{margin:1em auto;display:flex;flex-direction:column;min-width:42.4rem;max-width:38.4rem;width:100%;padding:1.6rem;border-radius:8px;background:#ffffff}.profilemodal-container{padding:3.2rem;border-radius:8px;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);border:0.1rem solid #f3f2f2;display:flex;flex-direction:column}.profilemodal-logo{display:none}.profilemodal-logo svg{display:block;margin:0 auto 2.4rem}.profilemodal-heading{text-align:center;font-weight:700}.profilemodal-content{margin:1.6rem 0 0}.profilemodal-content pn-segmented-control{transform:translateZ(0) translateX(-50%);left:50%}.profilemodal-cta{margin:1.6rem 0 0;transition:max-height 0.15s ease, opacity 0.15s ease;overflow:hidden;opacity:1}.profilemodal-cta[aria-hidden=true]{max-height:0;opacity:1}.profilemodal-cta>pn-button{width:100%}";const d=l;const r=class{constructor(t){e(this,t);this.heading=null;this.continueCtaText=null;this.choosenCompanyText=null;this.toText=null;this.chooseCustomerNumberText=null;this.isLoading=true}get hostElement(){return t(this)}componentWillLoad(){this.populateState();this.bindEvents()}populateState(){n.i18n.chooseCustomerNumberText=this.chooseCustomerNumberText;n.i18n.choosenCompanyText=this.choosenCompanyText;n.i18n.toText=this.toText;const e=this.hostElement.querySelector('pn-profile-modal-type[selected="true"]');if(e){n.selectedType=e.getAttribute("name")}}bindEvents(){const e=this.hostElement.querySelector("pn-segmented-control");if(e){e.addEventListener("change",this.onSegmentControlChange.bind(this))}}onSegmentControlChange(e){const t=e.target.value;const o=this.hostElement.querySelector(`[typeid="${t}"]`);if(o){const e=[...this.hostElement.querySelectorAll("pn-profile-modal-type")];e.forEach((e=>{e.setAttribute("selected",(e.getAttribute("typeid")===t)+"")}))}}onCTAClick(){if(!n.selectedUrl){console.log("no Url as been selected, will not continue")}}onUrlSelected(e){if(!e||!e.detail){return}n.selectedUrl=e.detail;const t=this.hostElement.querySelector(".profilemodal-cta pn-button");if(t){t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})}}render(){return o(i,{key:"cfdda32b80bb34f0474d02f259015ef573d4204d"},o("div",{key:"2a4fa8bb08866ac7639f6128766bbbc7a8c83d4a",class:"profilemodal-container"},o("div",{key:"22a58e5ffb7e1d916af69443a0b7bcd0c9fcf64d",class:"profilemodal-logo"},o("svg",{key:"30dd9d63884248e6d9b80ef4a2246b58860630f4",viewBox:"0 0 133 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"17.1rem",height:"3.2rem"},o("path",{key:"84a14c530eab18959357c5723ed263a6427b7247","fill-rule":"evenodd","clip-rule":"evenodd",fill:"#00A0D6",d:"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z"}))),this.heading===""?null:o("div",{class:"profilemodal-heading"},this.heading),o("div",{key:"2ec735cc3c4d5280b3e482f80d224d1b87c3652a",class:"profilemodal-content"},o("slot",{key:"3523c9e2bb04f7d626720bee72a7a1581e54cb14"})),this.continueCtaText?o("div",{class:"profilemodal-cta","aria-hidden":!n.selectedUrl+""},o("pn-button",{onclick:this.onCTAClick,href:n.selectedUrl,icon:a},this.continueCtaText)):null))}};r.style=d;export{r as pn_profile_modal};
+//# sourceMappingURL=p-c89cb749.entry.js.map

package/pn-market-web-components/{p-95519556.entry.js.map → p-c89cb749.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProfileModalCss","PnProfileModalStyle0","PnProfileModal","componentWillLoad","this","populateState","bindEvents","state","i18n","chooseCustomerNumberText","choosenCompanyText","toText","selectedType","hostElement","querySelector","getAttribute","segmentControl","addEventListener","onSegmentControlChange","bind","e","contentId","target","value","content","types","querySelectorAll","forEach","type","setAttribute","onCTAClick","selectedUrl","console","log","onUrlSelected","detail","ctaBtn","scrollIntoView","block","inline","behavior","render","h","Host","key","class","viewBox","fill","xmlns","width","height","d","heading","continueCtaText","onclick","href","icon","arrow_right"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal.scss?tag=pn-profile-modal","src/components/profile/pn-profile-modal/pn-profile-modal.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal {\n  margin: 1em auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 42.4rem;\n  max-width: 38.4rem;\n  width: 100%;\n  padding: 1.6rem;\n  border-radius: 8px;\n  background: $white;\n}\n\n.profilemodal-container {\n  padding: 3.2rem;\n  border-radius: 8px;\n  box-shadow:\n    0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n    0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n  border: 0.1rem solid $gray50;\n  display: flex;\n  flex-direction: column;\n}\n\n.profilemodal-logo {\n  display: none;\n  svg {\n    display: block;\n    margin: 0 auto 2.4rem;\n  }\n}\n\n.profilemodal-heading {\n  text-align: center;\n  font-weight: 700;\n}\n\n.profilemodal-content {\n  margin: 1.6rem 0 0;\n  pn-segmented-control {\n    transform: translateZ(0) translateX(-50%);\n    left: 50%;\n  }\n}\n\n.profilemodal-cta {\n  margin: 1.6rem 0 0;\n  transition:\n    max-height 0.15s ease,\n    opacity 0.15s ease;\n  overflow: hidden;\n  opacity: 1;\n  &[aria-hidden='true'] {\n    max-height: 0;\n    opacity: 1;\n  }\n  > pn-button {\n    width: 100%;\n  }\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\n\nimport state from './pn-profile-modal-store';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n  tag: 'pn-profile-modal',\n  styleUrl: 'pn-profile-modal.scss',\n})\nexport class PnProfileModal {\n  @Element() hostElement: Element;\n\n  @Prop() heading: string = null;\n  @Prop() continueCtaText: string = null;\n  @Prop() choosenCompanyText: string = null;\n  @Prop() toText: string = null;\n  @Prop() chooseCustomerNumberText: string = null;\n\n  @State() isLoading: boolean = true;\n\n  componentWillLoad() {\n    this.populateState();\n    this.bindEvents();\n  }\n  populateState() {\n    state.i18n.chooseCustomerNumberText = this.chooseCustomerNumberText;\n    state.i18n.choosenCompanyText = this.choosenCompanyText;\n    state.i18n.toText = this.toText;\n    const selectedType = this.hostElement.querySelector('pn-profile-modal-type[selected=\"true\"]');\n    if (selectedType) {\n      state.selectedType = selectedType.getAttribute('name');\n    }\n  }\n  bindEvents() {\n    const segmentControl = this.hostElement.querySelector('pn-segmented-control');\n    if (segmentControl) {\n      segmentControl.addEventListener('change', this.onSegmentControlChange.bind(this));\n    }\n  }\n  onSegmentControlChange(e) {\n    const contentId = e.target.value;\n    const content = this.hostElement.querySelector(`[typeid=\"${contentId}\"]`);\n    if (content) {\n      const types = [...this.hostElement.querySelectorAll('pn-profile-modal-type')];\n      types.forEach(type => {\n        type.setAttribute('selected', (type.getAttribute('typeid') === contentId) + '');\n      });\n    }\n  }\n\n  onCTAClick() {\n    if (!state.selectedUrl) {\n      console.log('no Url as been selected, will not continue');\n    }\n  }\n  @Listen('urlSelected')\n  onUrlSelected(e) {\n    if (!e || !e.detail) {\n      return;\n    }\n    state.selectedUrl = e.detail;\n    const ctaBtn = this.hostElement.querySelector('.profilemodal-cta pn-button');\n    if (ctaBtn) {\n      ctaBtn.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"profilemodal-container\">\n          <div class=\"profilemodal-logo\">\n            <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                fill=\"#00A0D6\"\n                d=\"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z\"\n              ></path>\n            </svg>\n          </div>\n\n          {this.heading === '' ? null : <div class=\"profilemodal-heading\">{this.heading}</div>}\n          <div class=\"profilemodal-content\">\n            <slot />\n          </div>\n          {this.continueCtaText ? (\n            <div class=\"profilemodal-cta\" aria-hidden={!state.selectedUrl + ''}>\n              <pn-button onclick={this.onCTAClick} href={state.selectedUrl} icon={arrow_right}>\n                {this.continueCtaText}\n              </pn-button>\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAoB,o7BAC1B,MAAAC,EAAeD,E,MCOFE,EAAc,M,sCAGC,K,qBACQ,K,wBACG,K,YACZ,K,8BACkB,K,eAEb,I,kCAE9B,iBAAAC,GACEC,KAAKC,gBACLD,KAAKE,Y,CAEP,aAAAD,GACEE,EAAMC,KAAKC,yBAA2BL,KAAKK,yBAC3CF,EAAMC,KAAKE,mBAAqBN,KAAKM,mBACrCH,EAAMC,KAAKG,OAASP,KAAKO,OACzB,MAAMC,EAAeR,KAAKS,YAAYC,cAAc,0CACpD,GAAIF,EAAc,CAChBL,EAAMK,aAAeA,EAAaG,aAAa,O,EAGnD,UAAAT,GACE,MAAMU,EAAiBZ,KAAKS,YAAYC,cAAc,wBACtD,GAAIE,EAAgB,CAClBA,EAAeC,iBAAiB,SAAUb,KAAKc,uBAAuBC,KAAKf,M,EAG/E,sBAAAc,CAAuBE,GACrB,MAAMC,EAAYD,EAAEE,OAAOC,MAC3B,MAAMC,EAAUpB,KAAKS,YAAYC,cAAc,YAAYO,OAC3D,GAAIG,EAAS,CACX,MAAMC,EAAQ,IAAIrB,KAAKS,YAAYa,iBAAiB,0BACpDD,EAAME,SAAQC,IACZA,EAAKC,aAAa,YAAaD,EAAKb,aAAa,YAAcM,GAAa,GAAG,G,EAKrF,UAAAS,GACE,IAAKvB,EAAMwB,YAAa,CACtBC,QAAQC,IAAI,6C,EAIhB,aAAAC,CAAcd,GACZ,IAAKA,IAAMA,EAAEe,OAAQ,CACnB,M,CAEF5B,EAAMwB,YAAcX,EAAEe,OACtB,MAAMC,EAAShC,KAAKS,YAAYC,cAAc,+BAC9C,GAAIsB,EAAQ,CACVA,EAAOC,eAAe,CAAEC,MAAO,QAASC,OAAQ,UAAWC,SAAU,U,EAIzE,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,OAAAE,IAAA,2CAAKE,QAAQ,aAAaC,KAAK,OAAOC,MAAM,6BAA6BC,MAAM,UAAUC,OAAO,UAC9FR,EAAA,QAAAE,IAAA,uDACY,UAAS,YACT,UACVG,KAAK,UACLI,EAAE,68FAKP/C,KAAKgD,UAAY,GAAK,KAAOV,EAAA,OAAKG,MAAM,wBAAwBzC,KAAKgD,SACtEV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,QAAAE,IAAA,8CAEDxC,KAAKiD,gBACJX,EAAA,OAAKG,MAAM,mBAAkB,eAAetC,EAAMwB,YAAc,IAC9DW,EAAA,aAAWY,QAASlD,KAAK0B,WAAYyB,KAAMhD,EAAMwB,YAAayB,KAAMC,GACjErD,KAAKiD,kBAGR,M","ignoreList":[]}
+{"version":3,"names":["pnProfileModalCss","PnProfileModalStyle0","PnProfileModal","componentWillLoad","this","populateState","bindEvents","state","i18n","chooseCustomerNumberText","choosenCompanyText","toText","selectedType","hostElement","querySelector","getAttribute","segmentControl","addEventListener","onSegmentControlChange","bind","e","contentId","target","value","content","types","querySelectorAll","forEach","type","setAttribute","onCTAClick","selectedUrl","console","log","onUrlSelected","detail","ctaBtn","scrollIntoView","block","inline","behavior","render","h","Host","key","class","viewBox","fill","xmlns","width","height","d","heading","continueCtaText","onclick","href","icon","arrow_right"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal.scss?tag=pn-profile-modal","src/components/profile/pn-profile-modal/pn-profile-modal.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal {\n  margin: 1em auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 42.4rem;\n  max-width: 38.4rem;\n  width: 100%;\n  padding: 1.6rem;\n  border-radius: 8px;\n  background: $white;\n}\n\n.profilemodal-container {\n  padding: 3.2rem;\n  border-radius: 8px;\n  box-shadow:\n    0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n    0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n  border: 0.1rem solid $gray50;\n  display: flex;\n  flex-direction: column;\n}\n\n.profilemodal-logo {\n  display: none;\n  svg {\n    display: block;\n    margin: 0 auto 2.4rem;\n  }\n}\n\n.profilemodal-heading {\n  text-align: center;\n  font-weight: 700;\n}\n\n.profilemodal-content {\n  margin: 1.6rem 0 0;\n  pn-segmented-control {\n    transform: translateZ(0) translateX(-50%);\n    left: 50%;\n  }\n}\n\n.profilemodal-cta {\n  margin: 1.6rem 0 0;\n  transition:\n    max-height 0.15s ease,\n    opacity 0.15s ease;\n  overflow: hidden;\n  opacity: 1;\n  &[aria-hidden='true'] {\n    max-height: 0;\n    opacity: 1;\n  }\n  > pn-button {\n    width: 100%;\n  }\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\n\nimport state from './pn-profile-modal-store';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n  tag: 'pn-profile-modal',\n  styleUrl: 'pn-profile-modal.scss',\n})\nexport class PnProfileModal {\n  @Element() hostElement: Element;\n\n  @Prop() heading: string = null;\n  @Prop() continueCtaText: string = null;\n  @Prop() choosenCompanyText: string = null;\n  @Prop() toText: string = null;\n  @Prop() chooseCustomerNumberText: string = null;\n\n  @State() isLoading: boolean = true;\n\n  componentWillLoad() {\n    this.populateState();\n    this.bindEvents();\n  }\n  populateState() {\n    state.i18n.chooseCustomerNumberText = this.chooseCustomerNumberText;\n    state.i18n.choosenCompanyText = this.choosenCompanyText;\n    state.i18n.toText = this.toText;\n    const selectedType = this.hostElement.querySelector('pn-profile-modal-type[selected=\"true\"]');\n    if (selectedType) {\n      state.selectedType = selectedType.getAttribute('name');\n    }\n  }\n  bindEvents() {\n    const segmentControl = this.hostElement.querySelector('pn-segmented-control');\n    if (segmentControl) {\n      segmentControl.addEventListener('change', this.onSegmentControlChange.bind(this));\n    }\n  }\n  onSegmentControlChange(e) {\n    const contentId = e.target.value;\n    const content = this.hostElement.querySelector(`[typeid=\"${contentId}\"]`);\n    if (content) {\n      const types = [...this.hostElement.querySelectorAll('pn-profile-modal-type')];\n      types.forEach(type => {\n        type.setAttribute('selected', (type.getAttribute('typeid') === contentId) + '');\n      });\n    }\n  }\n\n  onCTAClick() {\n    if (!state.selectedUrl) {\n      console.log('no Url as been selected, will not continue');\n    }\n  }\n  @Listen('urlSelected')\n  onUrlSelected(e) {\n    if (!e || !e.detail) {\n      return;\n    }\n    state.selectedUrl = e.detail;\n    const ctaBtn = this.hostElement.querySelector('.profilemodal-cta pn-button');\n    if (ctaBtn) {\n      ctaBtn.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"profilemodal-container\">\n          <div class=\"profilemodal-logo\">\n            <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                fill=\"#00A0D6\"\n                d=\"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z\"\n              ></path>\n            </svg>\n          </div>\n\n          {this.heading === '' ? null : <div class=\"profilemodal-heading\">{this.heading}</div>}\n          <div class=\"profilemodal-content\">\n            <slot />\n          </div>\n          {this.continueCtaText ? (\n            <div class=\"profilemodal-cta\" aria-hidden={!state.selectedUrl + ''}>\n              <pn-button onclick={this.onCTAClick} href={state.selectedUrl} icon={arrow_right}>\n                {this.continueCtaText}\n              </pn-button>\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oJAAA,MAAMA,EAAoB,6vCAC1B,MAAAC,EAAeD,E,MCOFE,EAAc,M,sCAGC,K,qBACQ,K,wBACG,K,YACZ,K,8BACkB,K,eAEb,I,kCAE9B,iBAAAC,GACEC,KAAKC,gBACLD,KAAKE,Y,CAEP,aAAAD,GACEE,EAAMC,KAAKC,yBAA2BL,KAAKK,yBAC3CF,EAAMC,KAAKE,mBAAqBN,KAAKM,mBACrCH,EAAMC,KAAKG,OAASP,KAAKO,OACzB,MAAMC,EAAeR,KAAKS,YAAYC,cAAc,0CACpD,GAAIF,EAAc,CAChBL,EAAMK,aAAeA,EAAaG,aAAa,O,EAGnD,UAAAT,GACE,MAAMU,EAAiBZ,KAAKS,YAAYC,cAAc,wBACtD,GAAIE,EAAgB,CAClBA,EAAeC,iBAAiB,SAAUb,KAAKc,uBAAuBC,KAAKf,M,EAG/E,sBAAAc,CAAuBE,GACrB,MAAMC,EAAYD,EAAEE,OAAOC,MAC3B,MAAMC,EAAUpB,KAAKS,YAAYC,cAAc,YAAYO,OAC3D,GAAIG,EAAS,CACX,MAAMC,EAAQ,IAAIrB,KAAKS,YAAYa,iBAAiB,0BACpDD,EAAME,SAAQC,IACZA,EAAKC,aAAa,YAAaD,EAAKb,aAAa,YAAcM,GAAa,GAAG,G,EAKrF,UAAAS,GACE,IAAKvB,EAAMwB,YAAa,CACtBC,QAAQC,IAAI,6C,EAIhB,aAAAC,CAAcd,GACZ,IAAKA,IAAMA,EAAEe,OAAQ,CACnB,M,CAEF5B,EAAMwB,YAAcX,EAAEe,OACtB,MAAMC,EAAShC,KAAKS,YAAYC,cAAc,+BAC9C,GAAIsB,EAAQ,CACVA,EAAOC,eAAe,CAAEC,MAAO,QAASC,OAAQ,UAAWC,SAAU,U,EAIzE,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,OAAAE,IAAA,2CAAKE,QAAQ,aAAaC,KAAK,OAAOC,MAAM,6BAA6BC,MAAM,UAAUC,OAAO,UAC9FR,EAAA,QAAAE,IAAA,uDACY,UAAS,YACT,UACVG,KAAK,UACLI,EAAE,68FAKP/C,KAAKgD,UAAY,GAAK,KAAOV,EAAA,OAAKG,MAAM,wBAAwBzC,KAAKgD,SACtEV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,QAAAE,IAAA,8CAEDxC,KAAKiD,gBACJX,EAAA,OAAKG,MAAM,mBAAkB,eAAetC,EAAMwB,YAAc,IAC9DW,EAAA,aAAWY,QAASlD,KAAK0B,WAAYyB,KAAMhD,EAAMwB,YAAayB,KAAMC,GACjErD,KAAKiD,kBAGR,M","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as i}from"./p-82546a44.js";import{a as t}from"./p-8644928d.js";import{s as a}from"./p-fb4cdf98.js";import"./p-8836de82.js";const n={sv:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Hit eller dit?",sizeheading:"Hur mycket väger det?",resultlistheading:"Några utvalda val",weightlabel:"Vikt",maxweightlabel:"Maxvikt",maxmeasurementlabel:"Maxvolym",senddirectcta:"Köp frakt via Skicka Direkt",stampshopcta:"Köp frimärken via vår webshop"},en:{componentheading:"What do you want to send?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Weight",maxweightlabel:"Max weight",maxmeasurementlabel:"Maximum measurement",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},da:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Vægt",maxweightlabel:"Max vægt",maxmeasurementlabel:"Maks. Volumen",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},no:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Vekt",maxweightlabel:"Maks vekt",maxmeasurementlabel:"Maks volum",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},fi:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Paino",maxweightlabel:"Max paino",maxmeasurementlabel:"Max äänenvoimakkuus",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"}};const s={se:{currency:"kr"},dk:{currency:"dk"},fi:{currency:" €"},no:{currency:"kr"}};const o=[{name:"Brev",value:"letter",illustration:"letterbox-reply-letter-plants"},{name:"Paket",value:"parcel",illustration:"tracking"}];const r={letter:[{name:"Sweden",value:"sweden",illustration:"letterboxes"},{name:"Abroad",value:"abroad",illustration:"character-box-letters-globe"}],parcel:[{name:"Sweden",value:"sweden",illustration:"letterboxes"},{name:"Within Europe",value:"withineurope",illustration:"character-box-letters-globe"},{name:"Outside Europe",value:"outsideeurope",illustration:"discover"}]};const l={letter:[{name:"50g",abbreviation:"g",value:50},{name:"100g",abbreviation:"g",value:100},{name:"250g",abbreviation:"g",value:250},{name:"500g",abbreviation:"g",value:500},{name:"1kg",abbreviation:"kg",value:1},{name:"2kg",abbreviation:"kg",value:2}],parcel:[{name:"1kg",abbreviation:"kg",value:1},{name:"2kg",abbreviation:"kg",value:2},{name:"3kg",abbreviation:"kg",value:3},{name:"4kg",abbreviation:"kg",value:4},{name:"5kg",abbreviation:"kg",value:5},{name:"6kg",abbreviation:"kg",value:6},{name:"7Kg",abbreviation:"kg",value:7},{name:"8kg",abbreviation:"kg",value:8},{name:"9kg",abbreviation:"kg",value:9},{name:"10kg",abbreviation:"kg",value:10},{name:"11kg",abbreviation:"kg",value:11},{name:"12kg",abbreviation:"kg",value:12},{name:"13kg",abbreviation:"kg",value:13},{name:"14kg",abbreviation:"kg",value:14},{name:"15kg",abbreviation:"kg",value:15},{name:"16kg",abbreviation:"kg",value:16},{name:"17kg",abbreviation:"kg",value:17},{name:"18kg",abbreviation:"kg",value:18},{name:"20kg",abbreviation:"kg",value:20}]};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-find-service-and-price .findprice-form{max-width:50em;margin:0 auto}pn-find-service-and-price h2,pn-find-service-and-price .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-find-service-and-price .postagetypes,pn-find-service-and-price .deliveryscope{text-align:center;margin-bottom:3rem}pn-find-service-and-price .weightoption{display:flex;gap:1em}pn-find-service-and-price .weightoption-input{width:5em;position:relative}pn-find-service-and-price .weightoption-input input::-webkit-outer-spin-button,pn-find-service-and-price .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-find-service-and-price .weightoption-input-abbreviation{position:absolute;top:50%;transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-find-service-and-price .weightoption-range{flex-grow:1;align-self:flex-end;position:relative;top:0.5em}pn-find-service-and-price .weightoption-range input{width:calc(100% - 1.5em)}pn-find-service-and-price .weightoption-range datalist{width:100%;display:flex;justify-content:space-between;font-size:0.75em}pn-find-service-and-price .resultlist{margin:3em 0}";const p=h;const d=class{constructor(i){e(this,i);this.source="https://com-inte.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx";this.language="sv";this.market="se";this.filteredItems=[];this.postagetype={value:"",name:"",icon:""};this.weight={value:0,name:""};this.weightvalue=0;this.deliveryscope={value:"",name:"",icon:""};this.sourceData={types:[],data:[]}}componentWillLoad(){this.setState();this.getDataSource()}async getDataSource(){const e=`?cache=${Math.floor(Math.random()*(1e4-1)+1)}`;const i=await fetch(this.source+e);const a=await i.blob();try{const e=await t(a);this.sourceData=e;this.filterItems()}catch(e){console.log("Unable to parse data")}}setState(){if(this.market){a.market=s[this.market]}if(this.language&&n[this.language]){a.i18n=n[this.language]}}filterItems(){if(!this.sourceData?.data){console.log("Data has not yet been loaded");return}if(!this.postagetype){return}const e=this.sourceData.data.filter((e=>e.what===this.postagetype.value));if(!this.deliveryscope){return}const i=e.filter((e=>e.deliveryscope===this.deliveryscope.value));if(!this.weight||!this.weight.value){return}const t=this.weight.abbreviation.toLocaleLowerCase()==="kg"&&this.postagetype.value==="letter"?this.weight.value*1e3:this.weight.value;let a=i.filter((e=>e.maxweight===t));if(a.length===0){a=i.filter((e=>e.maxweight>=t));if(a.length>0){const e=[...new Map(a.reverse().map((e=>[e["id"],e]))).values()];if(e.length>0){a=e}}}this.filteredItems=a}render(){return i("div",{key:"0de982c8ec40481b1a547375c6ebe90dd0793e68"},i("div",{key:"c91c7d40a40133f018332de72c9e2d01bb345be8",class:"findprice-form"},a.i18n.componentheading?i("h2",null,a.i18n.componentheading):null,i("div",{key:"2806ec049ae3cad22813d139b57526faea25300b",class:"postagetypes"},o.map((e=>i("pn-choice-button",{choiceid:e.value,value:e.value,name:"postagetype",type:"radio",checked:e.value===this.postagetype.value,onChange:()=>{this.postagetype=o.filter((i=>i.value===e.value))[0];this.deliveryscope={value:"",name:"",icon:""};this.weight={value:0,name:""};this.weightvalue=this.weight.value}},i("pn-illustration",{illustration:e.illustration})," ",e.name)))),this.postagetype.value&&r[this.postagetype.value]?i("div",null,a.i18n.deliveryscopeheading?i("div",{class:"heading"},a.i18n.deliveryscopeheading):null,i("div",{class:"deliveryscope"},r[this.postagetype.value].map((e=>i("pn-choice-button",{choiceid:this.postagetype.value+e.value,value:e.value,name:"deliveryscope",type:"radio",checked:e.value===this.deliveryscope.value,onChange:()=>{this.deliveryscope=r[this.postagetype.value].filter((i=>i.value===e.value))[0];if(this.weight.value===0){this.weight=l[this.postagetype.value][0];this.weightvalue=this.weight.value}}},i("pn-illustration",{illustration:e.illustration})," ",e.name))))):null,this.postagetype.value&&l[this.postagetype.value]&&this.deliveryscope.value?i("div",null,a.i18n.sizeheading?i("div",{class:"heading"},a.i18n.sizeheading):null,i("div",{class:"weightoption"},i("div",{class:"weightoption-input"},i("pn-input",{inputid:"weightvalue",name:"weightvalue",type:"number",label:a.i18n.weightlabel,value:this.weightvalue,onChange:e=>{if(e&&e.target&&e.target.value){const i=parseInt(e.target.value,10);if(!isNaN(i)){let e=l[this.postagetype.value].filter((e=>{let t=e.abbreviation==="kg"?e.value*1e3:e.value;return t>=i}));if(e&&e.length>0){this.weight=e[0];this.weightvalue=this.weight.value}}}}}),i("span",{class:"weightoption-input-abbreviation"},this.weight.abbreviation)),i("div",{class:"weightoption-range"},i("input",{type:"range",id:"weightrange",name:"weightrange",list:"weightlist",value:!this.weight.value?0:l[this.postagetype.value].findIndex((e=>e.value===this.weightvalue)),onChange:e=>{const i=e.target.value;this.weight=l[this.postagetype.value][i];this.weightvalue=this.weight.value},min:"0",max:l[this.postagetype.value].length-1}),i("datalist",{id:"weightlist"},l[this.postagetype.value].map(((e,t)=>{let a=e.name;if(l[this.postagetype.value].length>6){a=t%5===0||t===0||t===l[this.postagetype.value].length-1?e.name:""}return i("option",{value:t,...a?{label:a}:{}})})))))):null),this.filteredItems&&this.filteredItems.length>0?i("div",{class:"resultlist"},a.i18n.resultlistheading?i("div",{class:"heading"},a.i18n.resultlistheading):null,this.filteredItems.map((e=>i("div",null,i("pn-find-service-and-price-result",{item:e}))))):null)}static get watchers(){return{market:["setState"],language:["setState"],postagetype:["filterItems"],deliveryscope:["filterItems"],weightvalue:["filterItems"]}}};d.style=p;export{d as pn_find_service_and_price};
+//# sourceMappingURL=p-c9038b03.entry.js.map

package/pn-market-web-components/{p-64d0dbba.entry.js.map → p-c9038b03.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["translations","sv","componentheading","deliveryscopeheading","sizeheading","resultlistheading","weightlabel","maxweightlabel","maxmeasurementlabel","senddirectcta","stampshopcta","en","da","no","fi","markets","se","currency","dk","postagetypes","name","value","illustration","deliveryscopes","letter","parcel","weights","abbreviation","pnFindServiceAndPriceCss","PnFindServiceAndPriceStyle0","PnfindServiceAndPrice","icon","types","data","componentWillLoad","this","setState","getDataSource","cacheBusting","Math","floor","random","req","fetch","source","reqbody","blob","convertedData","convertFileFromStream","sourceData","filterItems","e","console","log","market","state","language","i18n","postagetype","typeData","filter","x","what","deliveryscope","deliveryScopeData","weight","comparisonWeight","toLocaleLowerCase","weightFilteredData","maxweight","length","uniqueWeightOptions","Map","reverse","map","item","values","filteredItems","render","h","key","class","choiceid","type","checked","onChange","weightvalue","inputid","label","target","weightNum","parseInt","isNaN","matchingWeights","weightInGrams","id","list","findIndex","min","max","weightindex","labelText"],"sources":["src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-translations.ts","src/components/widgets/pn-find-service-and-price/data.js","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.scss?tag=pn-find-service-and-price","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Hit eller dit?',\n    sizeheading: 'Hur mycket väger det?',\n    resultlistheading: 'Några utvalda val',\n    weightlabel: 'Vikt',\n    maxweightlabel: 'Maxvikt',\n    maxmeasurementlabel: 'Maxvolym',\n    senddirectcta: 'Köp frakt via Skicka Direkt',\n    stampshopcta: 'Köp frimärken via vår webshop',\n  },\n  en: {\n    componentheading: 'What do you want to send?',\n    deliveryscopeheading: 'Here or there?',\n    sizeheading: 'How much does it weigh?',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Weight',\n    maxweightlabel: 'Max weight',\n    maxmeasurementlabel: 'Maximum measurement',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n  da: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Here or there?',\n    sizeheading: 'How much does it weigh?',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Vægt',\n    maxweightlabel: 'Max vægt',\n    maxmeasurementlabel: 'Maks. Volumen',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n  no: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Here or there?',\n    sizeheading: 'How much does it weigh?',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Vekt',\n    maxweightlabel: 'Maks vekt',\n    maxmeasurementlabel: 'Maks volum',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n  fi: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Here or there?',\n    sizeheading: 'How much does it weigh?',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Paino',\n    maxweightlabel: 'Max paino',\n    maxmeasurementlabel: 'Max äänenvoimakkuus',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n};\n\nexport const markets = {\n  se: {\n    currency: 'kr',\n  },\n  dk: {\n    currency: 'dk',\n  },\n  fi: {\n    currency: ' €',\n  },\n  no: {\n    currency: 'kr',\n  },\n};\n","const postagetypes = [\n  { name: 'Brev', value: 'letter', illustration: 'letterbox-reply-letter-plants' },\n  { name: 'Paket', value: 'parcel', illustration: 'tracking' },\n];\n\nconst deliveryscopes = {\n  letter: [\n    { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n    { name: 'Abroad', value: 'abroad', illustration: 'character-box-letters-globe' },\n  ],\n  parcel: [\n    { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n    { name: 'Within Europe', value: 'withineurope', illustration: 'character-box-letters-globe' },\n    { name: 'Outside Europe', value: 'outsideeurope', illustration: 'discover' },\n  ],\n};\n\nconst weights = {\n  letter: [\n    { name: '50g', abbreviation: 'g', value: 50 },\n    { name: '100g', abbreviation: 'g', value: 100 },\n    { name: '250g', abbreviation: 'g', value: 250 },\n    { name: '500g', abbreviation: 'g', value: 500 },\n    { name: '1kg', abbreviation: 'kg', value: 1 },\n    { name: '2kg', abbreviation: 'kg', value: 2 },\n  ],\n  parcel: [\n    { name: '1kg', abbreviation: 'kg', value: 1 },\n    { name: '2kg', abbreviation: 'kg', value: 2 },\n    { name: '3kg', abbreviation: 'kg', value: 3 },\n    { name: '4kg', abbreviation: 'kg', value: 4 },\n    { name: '5kg', abbreviation: 'kg', value: 5 },\n    { name: '6kg', abbreviation: 'kg', value: 6 },\n    { name: '7Kg', abbreviation: 'kg', value: 7 },\n    { name: '8kg', abbreviation: 'kg', value: 8 },\n    { name: '9kg', abbreviation: 'kg', value: 9 },\n    { name: '10kg', abbreviation: 'kg', value: 10 },\n    { name: '11kg', abbreviation: 'kg', value: 11 },\n    { name: '12kg', abbreviation: 'kg', value: 12 },\n    { name: '13kg', abbreviation: 'kg', value: 13 },\n    { name: '14kg', abbreviation: 'kg', value: 14 },\n    { name: '15kg', abbreviation: 'kg', value: 15 },\n    { name: '16kg', abbreviation: 'kg', value: 16 },\n    { name: '17kg', abbreviation: 'kg', value: 17 },\n    { name: '18kg', abbreviation: 'kg', value: 18 },\n    { name: '20kg', abbreviation: 'kg', value: 20 },\n  ],\n};\n\nexport { postagetypes, weights, deliveryscopes };\n","@import '../../../globals/main.scss';\n\npn-find-service-and-price {\n  .findprice-form {\n    max-width: 50em;\n    margin: 0 auto;\n  }\n\n  h2,\n  .heading {\n    text-align: center;\n    font-size: 1.5em;\n    line-height: 1.1;\n    font-weight: bold;\n    margin-bottom: 1rem;\n  }\n  .postagetypes,\n  .deliveryscope {\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n\n  .weightoption {\n    display: flex;\n    gap: 1em;\n  }\n\n  .weightoption-input {\n    width: 5em;\n    position: relative;\n\n    input::-webkit-outer-spin-button,\n    input::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n\n  .weightoption-input-abbreviation {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 1.2em;\n    margin-top: 1.55rem;\n    font-weight: 500;\n  }\n\n  .weightoption-range {\n    flex-grow: 1;\n    align-self: flex-end;\n    position: relative;\n    top: 0.5em;\n    input {\n      width: calc(100% - 1.5em);\n    }\n    datalist {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      font-size: 0.75em;\n    }\n  }\n\n  .resultlist {\n    margin: 3em 0;\n  }\n}\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-find-service-and-price-translations';\nimport { ProductPriceSourceData, ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport {\n  FindServiceAndPricePostageType,\n  FindServiceAndPriceWeight,\n  FindServiceAndPriceDeliveryScope,\n  PnfindServiceAndPriceMarket,\n  PnfindServiceAndPricei18n,\n} from './pn-find-service-and-price-types';\nimport { postagetypes, weights, deliveryscopes } from './data.js';\nimport { convertFileFromStream } from '../../../globals/shared/productprice/convert.js';\nimport { state } from './pn-find-service-and-price-store';\n\n@Component({\n  tag: 'pn-find-service-and-price',\n  styleUrl: 'pn-find-service-and-price.scss',\n})\nexport class PnfindServiceAndPrice {\n  @Prop() source: string = 'https://com-inte.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx';\n  @Prop({ mutable: true }) language: string = 'sv';\n  @Prop({ mutable: true }) market: string = 'se';\n\n  @State() filteredItems: ProductPriceItem[] = [];\n  @State() postagetype: FindServiceAndPricePostageType = {\n    value: '',\n    name: '',\n    icon: '',\n  } as FindServiceAndPricePostageType;\n  @State() weight: FindServiceAndPriceWeight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n  @State() weightvalue: number = 0;\n  @State() deliveryscope: FindServiceAndPriceDeliveryScope = {\n    value: '',\n    name: '',\n    icon: '',\n  } as FindServiceAndPriceDeliveryScope;\n  @State() sourceData: ProductPriceSourceData = { types: [], data: [] };\n\n  componentWillLoad() {\n    this.setState();\n    this.getDataSource();\n\n    // window.setTimeout(() => {\n    //   this.postagetype = postagetypes[0];\n    //   this.deliveryscope = deliveryscopes[this.postagetype.value][0];\n    //   this.weight = weights[this.postagetype.value][0];\n    //   this.weightvalue = this.weight.value;\n    // }, 500)\n  }\n\n  async getDataSource() {\n    const cacheBusting = `?cache=${Math.floor(Math.random() * (10000 - 1) + 1)}`;\n    const req = await fetch(this.source + cacheBusting);\n    const reqbody = await req.blob();\n    try {\n      const convertedData = await convertFileFromStream(reqbody);\n      this.sourceData = convertedData;\n      this.filterItems();\n    } catch (e) {\n      console.log('Unable to parse data');\n    }\n  }\n\n  @Watch('market')\n  @Watch('language')\n  setState() {\n    if (this.market) {\n      state.market = markets[this.market] as PnfindServiceAndPriceMarket;\n    }\n    if (this.language && translations[this.language]) {\n      state.i18n = translations[this.language] as PnfindServiceAndPricei18n;\n    }\n  }\n\n  @Watch('postagetype')\n  @Watch('deliveryscope')\n  @Watch('weightvalue')\n  filterItems() {\n    // this.debug = `Postagetype: ${this.postagetype.value}. <br/>Weight: ${ this.weight.value }`;\n    if (!this.sourceData?.data) {\n      console.log('Data has not yet been loaded');\n      return;\n    }\n    if (!this.postagetype) {\n      return;\n    }\n    const typeData = this.sourceData.data.filter(x => x.what === this.postagetype.value);\n    if (!this.deliveryscope) {\n      return;\n    }\n    const deliveryScopeData = typeData.filter(x => x.deliveryscope === this.deliveryscope.value);\n    if (!this.weight || !this.weight.value) {\n      return;\n    }\n\n    // For letters we use grams. Otherwise we use KG\n    const comparisonWeight = this.weight.abbreviation.toLocaleLowerCase() === 'kg' && this.postagetype.value === 'letter' ? this.weight.value * 1000 : this.weight.value;\n\n    let weightFilteredData = deliveryScopeData.filter(x => x.maxweight === comparisonWeight);\n\n    // In parcels the maxwidths don't necessarily start at 1kg so we fetch any type below the user selected value\n    if (weightFilteredData.length === 0) {\n      weightFilteredData = deliveryScopeData.filter(x => x.maxweight >= comparisonWeight);\n      if (weightFilteredData.length > 0) {\n        // We reverse the result array since the map will take the last unique item instead of the first\n        const uniqueWeightOptions = [...new Map(weightFilteredData.reverse().map(item => [item['id'], item])).values()];\n        if (uniqueWeightOptions.length > 0) {\n          weightFilteredData = uniqueWeightOptions;\n        }\n      }\n    }\n\n    this.filteredItems = weightFilteredData;\n  }\n\n  render() {\n    return (\n      <div>\n        <div class=\"findprice-form\">\n          {state.i18n.componentheading ? <h2>{state.i18n.componentheading}</h2> : null}\n          <div class=\"postagetypes\">\n            {postagetypes.map(postagetype => (\n              <pn-choice-button\n                choiceid={postagetype.value}\n                value={postagetype.value}\n                name=\"postagetype\"\n                type=\"radio\"\n                checked={postagetype.value === this.postagetype.value}\n                onChange={() => {\n                  this.postagetype = (postagetypes as FindServiceAndPricePostageType[]).filter(x => x.value === postagetype.value)[0];\n                  this.deliveryscope = { value: '', name: '', icon: '' } as FindServiceAndPriceDeliveryScope;\n                  this.weight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n                  this.weightvalue = this.weight.value;\n                }}\n              >\n                <pn-illustration illustration={postagetype.illustration}></pn-illustration> {postagetype.name}\n              </pn-choice-button>\n            ))}\n          </div>\n\n          {this.postagetype.value && deliveryscopes[this.postagetype.value] ? (\n            <div>\n              {state.i18n.deliveryscopeheading ? <div class=\"heading\">{state.i18n.deliveryscopeheading}</div> : null}\n              <div class=\"deliveryscope\">\n                {deliveryscopes[this.postagetype.value].map(deliveryscope => (\n                  <pn-choice-button\n                    choiceid={this.postagetype.value + deliveryscope.value}\n                    value={deliveryscope.value}\n                    name=\"deliveryscope\"\n                    type=\"radio\"\n                    checked={deliveryscope.value === this.deliveryscope.value}\n                    onChange={() => {\n                      this.deliveryscope = (deliveryscopes[this.postagetype.value] as FindServiceAndPriceDeliveryScope[]).filter(x => x.value === deliveryscope.value)[0];\n                      if (this.weight.value === 0) {\n                        this.weight = weights[this.postagetype.value][0];\n                        this.weightvalue = this.weight.value;\n                      }\n                    }}\n                  >\n                    <pn-illustration illustration={deliveryscope.illustration}></pn-illustration> {deliveryscope.name}\n                  </pn-choice-button>\n                ))}\n              </div>\n            </div>\n          ) : null}\n\n          {this.postagetype.value && weights[this.postagetype.value] && this.deliveryscope.value ? (\n            <div>\n              {state.i18n.sizeheading ? <div class=\"heading\">{state.i18n.sizeheading}</div> : null}\n              <div class=\"weightoption\">\n                <div class=\"weightoption-input\">\n                  <pn-input\n                    inputid=\"weightvalue\"\n                    name=\"weightvalue\"\n                    type=\"number\"\n                    label={state.i18n.weightlabel}\n                    value={this.weightvalue}\n                    onChange={e => {\n                      if (e && e.target && e.target.value) {\n                        const weightNum = parseInt(e.target.value, 10);\n                        if (!isNaN(weightNum)) {\n                          let matchingWeights = (weights[this.postagetype.value] as FindServiceAndPriceWeight[]).filter(x => {\n                            let weightInGrams = x.abbreviation === 'kg' ? x.value * 1000 : x.value;\n                            return weightInGrams >= weightNum;\n                          });\n                          if (matchingWeights && matchingWeights.length > 0) {\n                            this.weight = matchingWeights[0];\n                            this.weightvalue = this.weight.value;\n                          }\n                        }\n                      }\n                    }}\n                  ></pn-input>\n                  <span class=\"weightoption-input-abbreviation\">{this.weight.abbreviation}</span>\n                </div>\n                <div class=\"weightoption-range\">\n                  <input\n                    type=\"range\"\n                    id=\"weightrange\"\n                    name=\"weightrange\"\n                    list=\"weightlist\"\n                    value={!this.weight.value ? 0 : weights[this.postagetype.value].findIndex(x => x.value === this.weightvalue)}\n                    onChange={e => {\n                      const value = (e.target as HTMLInputElement).value;\n                      this.weight = weights[this.postagetype.value][value];\n                      this.weightvalue = this.weight.value;\n                    }}\n                    min=\"0\"\n                    // max={ weights[this.postagetype.value][weights[this.postagetype.value].length - 1].value }\n                    max={weights[this.postagetype.value].length - 1}\n                  />\n                  <datalist id=\"weightlist\">\n                    {weights[this.postagetype.value].map((weight, weightindex) => {\n                      let labelText = weight.name;\n                      if (weights[this.postagetype.value].length > 6) {\n                        labelText = weightindex % 5 === 0 || weightindex === 0 || weightindex === weights[this.postagetype.value].length - 1 ? weight.name : '';\n                      }\n                      return <option value={weightindex} {...(labelText ? { label: labelText } : {})}></option>;\n                    })}\n                  </datalist>\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </div>\n        {this.filteredItems && this.filteredItems.length > 0 ? (\n          <div class=\"resultlist\">\n            {state.i18n.resultlistheading ? <div class=\"heading\">{state.i18n.resultlistheading}</div> : null}\n            {this.filteredItems.map((item: ProductPriceItem) => (\n              <div>\n                <pn-find-service-and-price-result item={item}></pn-find-service-and-price-result>\n              </div>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["translations","sv","componentheading","deliveryscopeheading","sizeheading","resultlistheading","weightlabel","maxweightlabel","maxmeasurementlabel","senddirectcta","stampshopcta","en","da","no","fi","markets","se","currency","dk","postagetypes","name","value","illustration","deliveryscopes","letter","parcel","weights","abbreviation","pnFindServiceAndPriceCss","PnFindServiceAndPriceStyle0","PnfindServiceAndPrice","icon","types","data","componentWillLoad","this","setState","getDataSource","cacheBusting","Math","floor","random","req","fetch","source","reqbody","blob","convertedData","convertFileFromStream","sourceData","filterItems","e","console","log","market","state","language","i18n","postagetype","typeData","filter","x","what","deliveryscope","deliveryScopeData","weight","comparisonWeight","toLocaleLowerCase","weightFilteredData","maxweight","length","uniqueWeightOptions","Map","reverse","map","item","values","filteredItems","render","h","key","class","choiceid","type","checked","onChange","weightvalue","inputid","label","target","weightNum","parseInt","isNaN","matchingWeights","weightInGrams","id","list","findIndex","min","max","weightindex","labelText"],"sources":["src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-translations.ts","src/components/widgets/pn-find-service-and-price/data.js","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.scss?tag=pn-find-service-and-price","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Hit eller dit?',\n    sizeheading: 'Hur mycket väger det?',\n    resultlistheading: 'Några utvalda val',\n    weightlabel: 'Vikt',\n    maxweightlabel: 'Maxvikt',\n    maxmeasurementlabel: 'Maxvolym',\n    senddirectcta: 'Köp frakt via Skicka Direkt',\n    stampshopcta: 'Köp frimärken via vår webshop',\n  },\n  en: {\n    componentheading: 'What do you want to send?',\n    deliveryscopeheading: 'Here or there?',\n    sizeheading: 'How much does it weigh?',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Weight',\n    maxweightlabel: 'Max weight',\n    maxmeasurementlabel: 'Maximum measurement',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n  da: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Here or there?',\n    sizeheading: 'How much does it weigh?',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Vægt',\n    maxweightlabel: 'Max vægt',\n    maxmeasurementlabel: 'Maks. Volumen',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n  no: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Here or there?',\n    sizeheading: 'How much does it weigh?',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Vekt',\n    maxweightlabel: 'Maks vekt',\n    maxmeasurementlabel: 'Maks volum',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n  fi: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Here or there?',\n    sizeheading: 'How much does it weigh?',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Paino',\n    maxweightlabel: 'Max paino',\n    maxmeasurementlabel: 'Max äänenvoimakkuus',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n};\n\nexport const markets = {\n  se: {\n    currency: 'kr',\n  },\n  dk: {\n    currency: 'dk',\n  },\n  fi: {\n    currency: ' €',\n  },\n  no: {\n    currency: 'kr',\n  },\n};\n","const postagetypes = [\n  { name: 'Brev', value: 'letter', illustration: 'letterbox-reply-letter-plants' },\n  { name: 'Paket', value: 'parcel', illustration: 'tracking' },\n];\n\nconst deliveryscopes = {\n  letter: [\n    { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n    { name: 'Abroad', value: 'abroad', illustration: 'character-box-letters-globe' },\n  ],\n  parcel: [\n    { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n    { name: 'Within Europe', value: 'withineurope', illustration: 'character-box-letters-globe' },\n    { name: 'Outside Europe', value: 'outsideeurope', illustration: 'discover' },\n  ],\n};\n\nconst weights = {\n  letter: [\n    { name: '50g', abbreviation: 'g', value: 50 },\n    { name: '100g', abbreviation: 'g', value: 100 },\n    { name: '250g', abbreviation: 'g', value: 250 },\n    { name: '500g', abbreviation: 'g', value: 500 },\n    { name: '1kg', abbreviation: 'kg', value: 1 },\n    { name: '2kg', abbreviation: 'kg', value: 2 },\n  ],\n  parcel: [\n    { name: '1kg', abbreviation: 'kg', value: 1 },\n    { name: '2kg', abbreviation: 'kg', value: 2 },\n    { name: '3kg', abbreviation: 'kg', value: 3 },\n    { name: '4kg', abbreviation: 'kg', value: 4 },\n    { name: '5kg', abbreviation: 'kg', value: 5 },\n    { name: '6kg', abbreviation: 'kg', value: 6 },\n    { name: '7Kg', abbreviation: 'kg', value: 7 },\n    { name: '8kg', abbreviation: 'kg', value: 8 },\n    { name: '9kg', abbreviation: 'kg', value: 9 },\n    { name: '10kg', abbreviation: 'kg', value: 10 },\n    { name: '11kg', abbreviation: 'kg', value: 11 },\n    { name: '12kg', abbreviation: 'kg', value: 12 },\n    { name: '13kg', abbreviation: 'kg', value: 13 },\n    { name: '14kg', abbreviation: 'kg', value: 14 },\n    { name: '15kg', abbreviation: 'kg', value: 15 },\n    { name: '16kg', abbreviation: 'kg', value: 16 },\n    { name: '17kg', abbreviation: 'kg', value: 17 },\n    { name: '18kg', abbreviation: 'kg', value: 18 },\n    { name: '20kg', abbreviation: 'kg', value: 20 },\n  ],\n};\n\nexport { postagetypes, weights, deliveryscopes };\n","@import '../../../globals/main.scss';\n\npn-find-service-and-price {\n  .findprice-form {\n    max-width: 50em;\n    margin: 0 auto;\n  }\n\n  h2,\n  .heading {\n    text-align: center;\n    font-size: 1.5em;\n    line-height: 1.1;\n    font-weight: bold;\n    margin-bottom: 1rem;\n  }\n  .postagetypes,\n  .deliveryscope {\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n\n  .weightoption {\n    display: flex;\n    gap: 1em;\n  }\n\n  .weightoption-input {\n    width: 5em;\n    position: relative;\n\n    input::-webkit-outer-spin-button,\n    input::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n\n  .weightoption-input-abbreviation {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 1.2em;\n    margin-top: 1.55rem;\n    font-weight: 500;\n  }\n\n  .weightoption-range {\n    flex-grow: 1;\n    align-self: flex-end;\n    position: relative;\n    top: 0.5em;\n    input {\n      width: calc(100% - 1.5em);\n    }\n    datalist {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      font-size: 0.75em;\n    }\n  }\n\n  .resultlist {\n    margin: 3em 0;\n  }\n}\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-find-service-and-price-translations';\nimport { ProductPriceSourceData, ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport {\n  FindServiceAndPricePostageType,\n  FindServiceAndPriceWeight,\n  FindServiceAndPriceDeliveryScope,\n  PnfindServiceAndPriceMarket,\n  PnfindServiceAndPricei18n,\n} from './pn-find-service-and-price-types';\nimport { postagetypes, weights, deliveryscopes } from './data.js';\nimport { convertFileFromStream } from '../../../globals/shared/productprice/convert.js';\nimport { state } from './pn-find-service-and-price-store';\n\n@Component({\n  tag: 'pn-find-service-and-price',\n  styleUrl: 'pn-find-service-and-price.scss',\n})\nexport class PnfindServiceAndPrice {\n  @Prop() source: string = 'https://com-inte.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx';\n  @Prop({ mutable: true }) language: string = 'sv';\n  @Prop({ mutable: true }) market: string = 'se';\n\n  @State() filteredItems: ProductPriceItem[] = [];\n  @State() postagetype: FindServiceAndPricePostageType = {\n    value: '',\n    name: '',\n    icon: '',\n  } as FindServiceAndPricePostageType;\n  @State() weight: FindServiceAndPriceWeight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n  @State() weightvalue: number = 0;\n  @State() deliveryscope: FindServiceAndPriceDeliveryScope = {\n    value: '',\n    name: '',\n    icon: '',\n  } as FindServiceAndPriceDeliveryScope;\n  @State() sourceData: ProductPriceSourceData = { types: [], data: [] };\n\n  componentWillLoad() {\n    this.setState();\n    this.getDataSource();\n\n    // window.setTimeout(() => {\n    //   this.postagetype = postagetypes[0];\n    //   this.deliveryscope = deliveryscopes[this.postagetype.value][0];\n    //   this.weight = weights[this.postagetype.value][0];\n    //   this.weightvalue = this.weight.value;\n    // }, 500)\n  }\n\n  async getDataSource() {\n    const cacheBusting = `?cache=${Math.floor(Math.random() * (10000 - 1) + 1)}`;\n    const req = await fetch(this.source + cacheBusting);\n    const reqbody = await req.blob();\n    try {\n      const convertedData = await convertFileFromStream(reqbody);\n      this.sourceData = convertedData;\n      this.filterItems();\n    } catch (e) {\n      console.log('Unable to parse data');\n    }\n  }\n\n  @Watch('market')\n  @Watch('language')\n  setState() {\n    if (this.market) {\n      state.market = markets[this.market] as PnfindServiceAndPriceMarket;\n    }\n    if (this.language && translations[this.language]) {\n      state.i18n = translations[this.language] as PnfindServiceAndPricei18n;\n    }\n  }\n\n  @Watch('postagetype')\n  @Watch('deliveryscope')\n  @Watch('weightvalue')\n  filterItems() {\n    // this.debug = `Postagetype: ${this.postagetype.value}. <br/>Weight: ${ this.weight.value }`;\n    if (!this.sourceData?.data) {\n      console.log('Data has not yet been loaded');\n      return;\n    }\n    if (!this.postagetype) {\n      return;\n    }\n    const typeData = this.sourceData.data.filter(x => x.what === this.postagetype.value);\n    if (!this.deliveryscope) {\n      return;\n    }\n    const deliveryScopeData = typeData.filter(x => x.deliveryscope === this.deliveryscope.value);\n    if (!this.weight || !this.weight.value) {\n      return;\n    }\n\n    // For letters we use grams. Otherwise we use KG\n    const comparisonWeight = this.weight.abbreviation.toLocaleLowerCase() === 'kg' && this.postagetype.value === 'letter' ? this.weight.value * 1000 : this.weight.value;\n\n    let weightFilteredData = deliveryScopeData.filter(x => x.maxweight === comparisonWeight);\n\n    // In parcels the maxwidths don't necessarily start at 1kg so we fetch any type below the user selected value\n    if (weightFilteredData.length === 0) {\n      weightFilteredData = deliveryScopeData.filter(x => x.maxweight >= comparisonWeight);\n      if (weightFilteredData.length > 0) {\n        // We reverse the result array since the map will take the last unique item instead of the first\n        const uniqueWeightOptions = [...new Map(weightFilteredData.reverse().map(item => [item['id'], item])).values()];\n        if (uniqueWeightOptions.length > 0) {\n          weightFilteredData = uniqueWeightOptions;\n        }\n      }\n    }\n\n    this.filteredItems = weightFilteredData;\n  }\n\n  render() {\n    return (\n      <div>\n        <div class=\"findprice-form\">\n          {state.i18n.componentheading ? <h2>{state.i18n.componentheading}</h2> : null}\n          <div class=\"postagetypes\">\n            {postagetypes.map(postagetype => (\n              <pn-choice-button\n                choiceid={postagetype.value}\n                value={postagetype.value}\n                name=\"postagetype\"\n                type=\"radio\"\n                checked={postagetype.value === this.postagetype.value}\n                onChange={() => {\n                  this.postagetype = (postagetypes as FindServiceAndPricePostageType[]).filter(x => x.value === postagetype.value)[0];\n                  this.deliveryscope = { value: '', name: '', icon: '' } as FindServiceAndPriceDeliveryScope;\n                  this.weight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n                  this.weightvalue = this.weight.value;\n                }}\n              >\n                <pn-illustration illustration={postagetype.illustration}></pn-illustration> {postagetype.name}\n              </pn-choice-button>\n            ))}\n          </div>\n\n          {this.postagetype.value && deliveryscopes[this.postagetype.value] ? (\n            <div>\n              {state.i18n.deliveryscopeheading ? <div class=\"heading\">{state.i18n.deliveryscopeheading}</div> : null}\n              <div class=\"deliveryscope\">\n                {deliveryscopes[this.postagetype.value].map(deliveryscope => (\n                  <pn-choice-button\n                    choiceid={this.postagetype.value + deliveryscope.value}\n                    value={deliveryscope.value}\n                    name=\"deliveryscope\"\n                    type=\"radio\"\n                    checked={deliveryscope.value === this.deliveryscope.value}\n                    onChange={() => {\n                      this.deliveryscope = (deliveryscopes[this.postagetype.value] as FindServiceAndPriceDeliveryScope[]).filter(x => x.value === deliveryscope.value)[0];\n                      if (this.weight.value === 0) {\n                        this.weight = weights[this.postagetype.value][0];\n                        this.weightvalue = this.weight.value;\n                      }\n                    }}\n                  >\n                    <pn-illustration illustration={deliveryscope.illustration}></pn-illustration> {deliveryscope.name}\n                  </pn-choice-button>\n                ))}\n              </div>\n            </div>\n          ) : null}\n\n          {this.postagetype.value && weights[this.postagetype.value] && this.deliveryscope.value ? (\n            <div>\n              {state.i18n.sizeheading ? <div class=\"heading\">{state.i18n.sizeheading}</div> : null}\n              <div class=\"weightoption\">\n                <div class=\"weightoption-input\">\n                  <pn-input\n                    inputid=\"weightvalue\"\n                    name=\"weightvalue\"\n                    type=\"number\"\n                    label={state.i18n.weightlabel}\n                    value={this.weightvalue}\n                    onChange={e => {\n                      if (e && e.target && e.target.value) {\n                        const weightNum = parseInt(e.target.value, 10);\n                        if (!isNaN(weightNum)) {\n                          let matchingWeights = (weights[this.postagetype.value] as FindServiceAndPriceWeight[]).filter(x => {\n                            let weightInGrams = x.abbreviation === 'kg' ? x.value * 1000 : x.value;\n                            return weightInGrams >= weightNum;\n                          });\n                          if (matchingWeights && matchingWeights.length > 0) {\n                            this.weight = matchingWeights[0];\n                            this.weightvalue = this.weight.value;\n                          }\n                        }\n                      }\n                    }}\n                  ></pn-input>\n                  <span class=\"weightoption-input-abbreviation\">{this.weight.abbreviation}</span>\n                </div>\n                <div class=\"weightoption-range\">\n                  <input\n                    type=\"range\"\n                    id=\"weightrange\"\n                    name=\"weightrange\"\n                    list=\"weightlist\"\n                    value={!this.weight.value ? 0 : weights[this.postagetype.value].findIndex(x => x.value === this.weightvalue)}\n                    onChange={e => {\n                      const value = (e.target as HTMLInputElement).value;\n                      this.weight = weights[this.postagetype.value][value];\n                      this.weightvalue = this.weight.value;\n                    }}\n                    min=\"0\"\n                    // max={ weights[this.postagetype.value][weights[this.postagetype.value].length - 1].value }\n                    max={weights[this.postagetype.value].length - 1}\n                  />\n                  <datalist id=\"weightlist\">\n                    {weights[this.postagetype.value].map((weight, weightindex) => {\n                      let labelText = weight.name;\n                      if (weights[this.postagetype.value].length > 6) {\n                        labelText = weightindex % 5 === 0 || weightindex === 0 || weightindex === weights[this.postagetype.value].length - 1 ? weight.name : '';\n                      }\n                      return <option value={weightindex} {...(labelText ? { label: labelText } : {})}></option>;\n                    })}\n                  </datalist>\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </div>\n        {this.filteredItems && this.filteredItems.length > 0 ? (\n          <div class=\"resultlist\">\n            {state.i18n.resultlistheading ? <div class=\"heading\">{state.i18n.resultlistheading}</div> : null}\n            {this.filteredItems.map((item: ProductPriceItem) => (\n              <div>\n                <pn-find-service-and-price-result item={item}></pn-find-service-and-price-result>\n              </div>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as t,d as n}from"./p-82546a44.js";import{a as i}from"./p-aca71066.js";import{o as d}from"./p-c40f1e9a.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-product-card{border:0.1rem solid #d3cecb;outline:none;background:#ffffff;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;flex-direction:column;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{flex-direction:row;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:"" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em;font-size:0.8em}pn-product-card [slot=additionalUSP]{display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#d3cecb;color:#2d2013;border-radius:0.25em;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;align-self:center;position:absolute;top:1.6rem;transform:translateX(-50%);left:50%;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{box-shadow:none;top:1.6rem;right:1.6rem;left:auto;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:flex;flex-direction:column;justify-content:center;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:flex;flex-direction:column;justify-content:center;padding:0.6em;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:"" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005d92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;flex-grow:2;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-card .info{display:flex;justify-content:space-between;flex-grow:1;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}';const r=o;const a=class{constructor(t){e(this,t)}render(){return t(n,{key:"a2f8575d2606b41f8193caa240cafa60311b5b6a"},t("slot",{key:"366f45aa43c58a724475a92c8a80a3bc387df54b",name:"illustration"}),t("div",{key:"f23a5bfa486d95027b47903a0f64b60195700a3d",class:"cardcontent"},t("div",{key:"15437a56af91702f4c88e8f67e5ad1ca09e05c15",class:"details"},t("slot",{key:"dbff885efc6c6068dee18a7009ebe32068863b5a",name:"title"}),t("slot",{key:"a1a9316b0cdc8b01abf584d2608363b70f740771",name:"content"}),t("div",{key:"f13e09bf06a66f2467af95f52de8632d55811c0d",class:"info"},t("slot",{key:"481d4e94eadf14f1045d8081b7d8abbdd41191a5"})),t("slot",{key:"9fe23bcb9d4ed92a3d602bca06cf39dd48aa19b4",name:"note"}),t("slot",{key:"a67b48193cc2fc9a1b8839e561e17abc5c480818",name:"additionalUSP"})),t("div",{key:"ff78e438332b1de3de8e2d6dbf1edbb4e3a9e550",class:"cardprice"},t("slot",{key:"d674cbd5a72b3e7a1e5058640b454b569d6928e9",name:"cardprice"}),t("slot",{key:"dad5658682e02baf50b6ad5cd753ab174fcd8f2c",name:"mobiledownload"}),t("slot",{key:"206ede97d7f344d39663d743d0a53d7cb38c1d8b",name:"servicepoint"}))))}};a.style=r;const c='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-card-info{align-self:center}.cardinfocontent{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;font-size:0.875em;gap:1.6rem}@media screen and (min-width: 36em){.cardinfocontent{flex-direction:row}}.cardinfocontent>div p{margin:0.25em 0.25em 0 0}.cardinfocontent-item{margin-top:0.5em}[slot=formatPre]{font-family:"PostNordSans", "Verdana";margin:0.5em 3em 0 0}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:flex;font-size:1em;flex-direction:row;justify-content:center;flex-grow:1}';const p=c;const l=class{constructor(t){e(this,t);this.rulle=undefined;this.paket=undefined;this.label=undefined;this.text=undefined}render(){return this.label?t(n,null,t("div",{class:"cardinfocontent"},this.text?t("pre",{slot:"formatPre"},this.text):null)):t(n,null,t("div",{class:"cardinfocontent"},this.paket?t("div",{class:"cardinfocontent-item"},t("strong",null,"Maxmått"),this.paket.split("/").map((e=>e.split(":").length>1?t("p",null,t("strong",null,e.split(":")[0]+": ")," ",e.split(":")[1]):t("p",null,e)))):null,this.rulle?t("div",{class:"cardinfocontent-item"},t("strong",null,"Rulle"),this.rulle.split("/").map((e=>e.split(":").length>0?t("p",null,t("strong",null,e.split(":")[0]+": ")," ",e.split(":")[1]):t("p",null,e)))):null))}};t("pn-icon",{icon:i,small:"false",color:"black"});l.style=p;const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-card-price{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-right:0}pn-product-card-price pn-icon{display:inline-block;align-self:center}pn-product-card-price .price{font-size:2.5em;font-weight:bold;order:1}pn-product-card-price pn-button{min-width:12.8em;font-size:1.25;order:2}@media screen and (min-width: 48em){pn-product-card-price pn-button{order:3;margin-bottom:1.6rem}}pn-product-card-price p{font-weight:lighter;font-size:0.875em;align-self:center;margin-top:0.8rem;order:3}@media screen and (min-width: 48em){pn-product-card-price p{order:2}}";const m=s;const f=class{constructor(t){e(this,t);this.label=undefined;this.amount=undefined;this.currency=undefined;this.note=undefined;this.url=undefined;this.service=undefined;this.linkid=undefined}render(){if(!this.amount){return}return this.url?t(n,{id:this.linkid},t("div",{class:"price"},this.amount?t("span",null,this.amount):null,this.currency?t("span",null," "+this.currency):null),this.note?t("p",null,this.note):null,this.label?t("pn-button",{id:"pricecta-"+this.linkid,small:"true",icon:d,appearance:"light",href:this.url,target:"_blank"},this.label):null):t(n,null,t("div",{class:"price"},this.amount?t("span",null,this.amount):null,this.currency?t("span",null,this.currency):null))}};f.style=m;export{a as pn_product_card,l as pn_product_card_info,f as pn_product_card_price};
+//# sourceMappingURL=p-cbb1d57d.entry.js.map

package/pn-market-web-components/{p-6fdd5b5a.entry.js.map → p-cbb1d57d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProductCardCss","PnProductCardStyle0","PnProductCard","render","h","Host","key","name","class","pnProductCardInfoCss","PnProductCardInfoStyle0","PnProductCardInfo","this","label","text","slot","paket","split","map","item","length","rulle","icon","align_center","small","color","pnProductCardPriceCss","PnProductCardPriceStyle0","PnProductCardPrice","amount","url","id","linkid","currency","note","open_in_new","appearance","href","target"],"sources":["src/components/widgets/pn-product-card/pn-product-card.scss?tag=pn-product-card","src/components/widgets/pn-product-card/pn-product-card.tsx","src/components/widgets/pn-product-card/pn-product-card-info.scss?tag=pn-product-card-info","src/components/widgets/pn-product-card/pn-product-card-info.tsx","src/components/widgets/pn-product-card/pn-product-card-price.scss?tag=pn-product-card-price","src/components/widgets/pn-product-card/pn-product-card-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card {\n  border: 0.1rem solid $gray200;\n  outline: none;\n  background: $white;\n  box-shadow:\n    0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n    0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n  display: flex;\n  word-break: break-word;\n  text-decoration: none;\n  border-radius: 0.8rem;\n  position: relative;\n  padding: 11rem 2.4rem 2.4rem;\n  margin-bottom: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    padding: 2.4rem;\n  }\n\n  [slot='title'] {\n    display: flex;\n    width: 100%;\n    margin-bottom: 0.8rem;\n    gap: 1.6rem;\n    flex-direction: column;\n    align-items: center;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      align-items: inherit;\n    }\n    h2 {\n      width: 100%;\n      @media screen and (min-width: $productcard-media-oversmallmobile) {\n        width: auto;\n      }\n\n      > a {\n        color: $black;\n        &::after {\n          content: '' !important;\n        }\n      }\n    }\n  }\n\n  [slot='note'] {\n    margin-top: 1em;\n    margin-bottom: 1em;\n    font-size: 0.8em;\n  }\n\n  [slot='additionalUSP'] {\n    display: flex;\n\n    :first-child {\n      margin-left: 0em;\n    }\n\n    span {\n      margin-left: 1em;\n      background: $gray200;\n      color: $gray900;\n      border-radius: 0.25em;\n      width: fit-content;\n      padding: 0.3em;\n      margin-top: 0.5em;\n      font-size: 0.75em;\n    }\n  }\n\n  > pn-illustration {\n    min-width: 8rem;\n    width: 8rem;\n    height: 8rem;\n    align-self: center;\n    position: absolute;\n    top: 1.6rem;\n    transform: translateX(-50%);\n    left: 50%;\n    box-shadow:\n      0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n      0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n    border-radius: 100%;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      box-shadow: none;\n      top: 1.6rem;\n      right: 1.6rem;\n      left: auto;\n      transform: none;\n    }\n    @media screen and (min-width: $productcard-media-tablet) {\n      position: static;\n      top: auto;\n      right: auto;\n      margin-right: 3rem;\n    }\n  }\n\n  .cardcontent {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 1;\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: row;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='cardprice'] {\n    display: flex;\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0.6em;\n    flex-grow: 1;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  [slot='mobiledownload'] {\n    margin-top: 1rem;\n    white-space: nowrap;\n    text-align: center;\n\n    display: flex;\n    flex-direction: column;\n\n    #riktiga {\n      order: 4;\n      margin-top: 1em;\n\n      > div {\n        > a {\n          &::after {\n            content: '' !important;\n          }\n        }\n      }\n    }\n    .riktigaAndroidImg {\n      width: 6em;\n      margin: 0.5em;\n    }\n\n    .riktigaAppleImg {\n      width: 5.6em;\n      margin: 0.5em;\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      h3 {\n        text-decoration: underline;\n      }\n    }\n  }\n  [slot='servicepoint'] {\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 2;\n    align-items: flex-end;\n    text-align: center;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .info {\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    flex-flow: wrap;\n\n    > * {\n      min-width: 6em;\n      margin: 0.5em 1em 0.5em 0;\n    }\n\n    padding: 0 1em 0 0;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-product-card',\n  styleUrl: 'pn-product-card.scss',\n})\nexport class PnProductCard {\n  render() {\n    return (\n      <Host>\n        <slot name=\"illustration\" />\n        <div class=\"cardcontent\">\n          <div class=\"details\">\n            <slot name=\"title\" />\n            <slot name=\"content\" />\n            <div class=\"info\">\n              <slot />\n            </div>\n            <slot name=\"note\" />\n            <slot name=\"additionalUSP\" />\n          </div>\n          <div class=\"cardprice\">\n            <slot name=\"cardprice\" />\n            <slot name=\"mobiledownload\"></slot>\n            <slot name=\"servicepoint\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-info {\n  align-self: center;\n}\n\n.cardinfocontent {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n  font-size: 0.875em;\n  gap: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    flex-direction: row;\n  }\n  > div p {\n    margin: 0.25em 0.25em 0 0;\n  }\n}\n\n.cardinfocontent-item {\n  margin-top: 0.5em;\n}\n[slot='formatPre'] {\n  font-family: 'PostNordSans', 'Verdana';\n  > strong {\n    font-weight: bold;\n  }\n  margin: 0.5em 3em 0 0;\n}\n\n.cardinfoprice {\n  display: flex;\n  font-size: 1em;\n  flex-direction: row;\n  justify-content: center;\n  flex-grow: 1;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-info',\n  styleUrl: 'pn-product-card-info.scss',\n})\nexport class PnProductCardInfo {\n  @Prop() rulle: string;\n  @Prop() paket: string;\n  @Prop() label: string;\n  @Prop() text: string;\n\n  render() {\n    return this.label ? (\n      <Host>\n        <div class=\"cardinfocontent\">{this.text ? <pre slot=\"formatPre\">{this.text}</pre> : null}</div>\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"cardinfocontent\">\n          {this.paket ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Maxmått</strong>\n              {this.paket.split('/').map(item =>\n                item.split(':').length > 1 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n          {this.rulle ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Rulle</strong>\n              {this.rulle.split('/').map(item =>\n                item.split(':').length > 0 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-price {\n  margin-top: 1rem;\n  white-space: nowrap;\n  text-align: center;\n\n  display: flex;\n  flex-direction: column;\n\n  span:last-child {\n    display: inline-block;\n    margin-left: 0.2em;\n  }\n  & + pn-product-card-price {\n    margin-right: 0;\n  }\n\n  pn-icon {\n    display: inline-block;\n    align-self: center;\n  }\n\n  .price {\n    font-size: 2.5em;\n    font-weight: bold;\n    order: 1;\n  }\n  pn-button {\n    min-width: 12.8em;\n    font-size: 1.25;\n    order: 2;\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 3;\n      margin-bottom: 1.6rem;\n    }\n  }\n\n  p {\n    font-weight: lighter;\n    font-size: 0.875em;\n    align-self: center;\n    margin-top: 0.8rem;\n    order: 3;\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 2;\n    }\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-price',\n  styleUrl: 'pn-product-card-price.scss',\n})\nexport class PnProductCardPrice {\n  @Prop() label: string;\n  @Prop() amount: string;\n  @Prop() currency: string;\n  @Prop() note: string;\n  @Prop() url: string;\n  @Prop() service: string;\n  @Prop() linkid: string;\n\n  render() {\n    if (!this.amount) {\n      return;\n    }\n    return this.url ? (\n      <Host id={this.linkid}>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{' ' + this.currency}</span> : null}\n        </div>\n        {this.note ? <p>{this.note}</p> : null}\n        {this.label ? (\n          <pn-button id={'pricecta-' + this.linkid} small=\"true\" icon={open_in_new} appearance=\"light\" href={this.url} target=\"_blank\">\n            {this.label}\n          </pn-button>\n        ) : null}\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAmB,iiHACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,iBACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,SACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBAEbH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,cACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mB,aCxBvB,MAAME,EAAuB,ymBAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,M,4GAM5B,MAAAR,GACE,OAAOS,KAAKC,MACVT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBAAmBI,KAAKE,KAAOV,EAAA,OAAKW,KAAK,aAAaH,KAAKE,MAAc,OAGtFV,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBACRI,KAAKI,MACJZ,EAAA,OAAKI,MAAM,wBACTJ,EAAA,yBACCQ,KAAKI,MAAMC,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,KACHP,KAAKS,MACJjB,EAAA,OAAKI,MAAM,wBACTJ,EAAA,uBACCQ,KAAKS,MAAMJ,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,M,GAMdf,EAAA,WAASkB,KAAMC,EAAcC,MAAM,QAAQC,MAAM,U,UCtDjD,MAAMC,EAAwB,4yBAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,gLAS7B,MAAAzB,GACE,IAAKS,KAAKiB,OAAQ,CAChB,M,CAEF,OAAOjB,KAAKkB,IACV1B,EAACC,EAAI,CAAC0B,GAAInB,KAAKoB,QACb5B,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAO,IAAMQ,KAAKqB,UAAmB,MAEvDrB,KAAKsB,KAAO9B,EAAA,SAAIQ,KAAKsB,MAAY,KACjCtB,KAAKC,MACJT,EAAA,aAAW2B,GAAI,YAAcnB,KAAKoB,OAAQR,MAAM,OAAOF,KAAMa,EAAaC,WAAW,QAAQC,KAAMzB,KAAKkB,IAAKQ,OAAO,UACjH1B,KAAKC,OAEN,MAGNT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAOQ,KAAKqB,UAAmB,M","ignoreList":[]}
+{"version":3,"names":["pnProductCardCss","PnProductCardStyle0","PnProductCard","render","h","Host","key","name","class","pnProductCardInfoCss","PnProductCardInfoStyle0","PnProductCardInfo","this","label","text","slot","paket","split","map","item","length","rulle","icon","align_center","small","color","pnProductCardPriceCss","PnProductCardPriceStyle0","PnProductCardPrice","amount","url","id","linkid","currency","note","open_in_new","appearance","href","target"],"sources":["src/components/widgets/pn-product-card/pn-product-card.scss?tag=pn-product-card","src/components/widgets/pn-product-card/pn-product-card.tsx","src/components/widgets/pn-product-card/pn-product-card-info.scss?tag=pn-product-card-info","src/components/widgets/pn-product-card/pn-product-card-info.tsx","src/components/widgets/pn-product-card/pn-product-card-price.scss?tag=pn-product-card-price","src/components/widgets/pn-product-card/pn-product-card-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card {\n  border: 0.1rem solid $gray200;\n  outline: none;\n  background: $white;\n  box-shadow:\n    0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n    0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n  display: flex;\n  word-break: break-word;\n  text-decoration: none;\n  border-radius: 0.8rem;\n  position: relative;\n  padding: 11rem 2.4rem 2.4rem;\n  margin-bottom: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    padding: 2.4rem;\n  }\n\n  [slot='title'] {\n    display: flex;\n    width: 100%;\n    margin-bottom: 0.8rem;\n    gap: 1.6rem;\n    flex-direction: column;\n    align-items: center;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      align-items: inherit;\n    }\n    h2 {\n      width: 100%;\n      @media screen and (min-width: $productcard-media-oversmallmobile) {\n        width: auto;\n      }\n\n      > a {\n        color: $black;\n        &::after {\n          content: '' !important;\n        }\n      }\n    }\n  }\n\n  [slot='note'] {\n    margin-top: 1em;\n    margin-bottom: 1em;\n    font-size: 0.8em;\n  }\n\n  [slot='additionalUSP'] {\n    display: flex;\n\n    :first-child {\n      margin-left: 0em;\n    }\n\n    span {\n      margin-left: 1em;\n      background: $gray200;\n      color: $gray900;\n      border-radius: 0.25em;\n      width: fit-content;\n      padding: 0.3em;\n      margin-top: 0.5em;\n      font-size: 0.75em;\n    }\n  }\n\n  > pn-illustration {\n    min-width: 8rem;\n    width: 8rem;\n    height: 8rem;\n    align-self: center;\n    position: absolute;\n    top: 1.6rem;\n    transform: translateX(-50%);\n    left: 50%;\n    box-shadow:\n      0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n      0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n    border-radius: 100%;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      box-shadow: none;\n      top: 1.6rem;\n      right: 1.6rem;\n      left: auto;\n      transform: none;\n    }\n    @media screen and (min-width: $productcard-media-tablet) {\n      position: static;\n      top: auto;\n      right: auto;\n      margin-right: 3rem;\n    }\n  }\n\n  .cardcontent {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 1;\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: row;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='cardprice'] {\n    display: flex;\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0.6em;\n    flex-grow: 1;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  [slot='mobiledownload'] {\n    margin-top: 1rem;\n    white-space: nowrap;\n    text-align: center;\n\n    display: flex;\n    flex-direction: column;\n\n    #riktiga {\n      order: 4;\n      margin-top: 1em;\n\n      > div {\n        > a {\n          &::after {\n            content: '' !important;\n          }\n        }\n      }\n    }\n    .riktigaAndroidImg {\n      width: 6em;\n      margin: 0.5em;\n    }\n\n    .riktigaAppleImg {\n      width: 5.6em;\n      margin: 0.5em;\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      h3 {\n        text-decoration: underline;\n      }\n    }\n  }\n  [slot='servicepoint'] {\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 2;\n    align-items: flex-end;\n    text-align: center;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .info {\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    flex-flow: wrap;\n\n    > * {\n      min-width: 6em;\n      margin: 0.5em 1em 0.5em 0;\n    }\n\n    padding: 0 1em 0 0;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-product-card',\n  styleUrl: 'pn-product-card.scss',\n})\nexport class PnProductCard {\n  render() {\n    return (\n      <Host>\n        <slot name=\"illustration\" />\n        <div class=\"cardcontent\">\n          <div class=\"details\">\n            <slot name=\"title\" />\n            <slot name=\"content\" />\n            <div class=\"info\">\n              <slot />\n            </div>\n            <slot name=\"note\" />\n            <slot name=\"additionalUSP\" />\n          </div>\n          <div class=\"cardprice\">\n            <slot name=\"cardprice\" />\n            <slot name=\"mobiledownload\"></slot>\n            <slot name=\"servicepoint\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-info {\n  align-self: center;\n}\n\n.cardinfocontent {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n  font-size: 0.875em;\n  gap: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    flex-direction: row;\n  }\n  > div p {\n    margin: 0.25em 0.25em 0 0;\n  }\n}\n\n.cardinfocontent-item {\n  margin-top: 0.5em;\n}\n[slot='formatPre'] {\n  font-family: 'PostNordSans', 'Verdana';\n  > strong {\n    font-weight: bold;\n  }\n  margin: 0.5em 3em 0 0;\n}\n\n.cardinfoprice {\n  display: flex;\n  font-size: 1em;\n  flex-direction: row;\n  justify-content: center;\n  flex-grow: 1;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-info',\n  styleUrl: 'pn-product-card-info.scss',\n})\nexport class PnProductCardInfo {\n  @Prop() rulle: string;\n  @Prop() paket: string;\n  @Prop() label: string;\n  @Prop() text: string;\n\n  render() {\n    return this.label ? (\n      <Host>\n        <div class=\"cardinfocontent\">{this.text ? <pre slot=\"formatPre\">{this.text}</pre> : null}</div>\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"cardinfocontent\">\n          {this.paket ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Maxmått</strong>\n              {this.paket.split('/').map(item =>\n                item.split(':').length > 1 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n          {this.rulle ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Rulle</strong>\n              {this.rulle.split('/').map(item =>\n                item.split(':').length > 0 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-price {\n  margin-top: 1rem;\n  white-space: nowrap;\n  text-align: center;\n\n  display: flex;\n  flex-direction: column;\n\n  span:last-child {\n    display: inline-block;\n    margin-left: 0.2em;\n  }\n  & + pn-product-card-price {\n    margin-right: 0;\n  }\n\n  pn-icon {\n    display: inline-block;\n    align-self: center;\n  }\n\n  .price {\n    font-size: 2.5em;\n    font-weight: bold;\n    order: 1;\n  }\n  pn-button {\n    min-width: 12.8em;\n    font-size: 1.25;\n    order: 2;\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 3;\n      margin-bottom: 1.6rem;\n    }\n  }\n\n  p {\n    font-weight: lighter;\n    font-size: 0.875em;\n    align-self: center;\n    margin-top: 0.8rem;\n    order: 3;\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 2;\n    }\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-price',\n  styleUrl: 'pn-product-card-price.scss',\n})\nexport class PnProductCardPrice {\n  @Prop() label: string;\n  @Prop() amount: string;\n  @Prop() currency: string;\n  @Prop() note: string;\n  @Prop() url: string;\n  @Prop() service: string;\n  @Prop() linkid: string;\n\n  render() {\n    if (!this.amount) {\n      return;\n    }\n    return this.url ? (\n      <Host id={this.linkid}>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{' ' + this.currency}</span> : null}\n        </div>\n        {this.note ? <p>{this.note}</p> : null}\n        {this.label ? (\n          <pn-button id={'pricecta-' + this.linkid} small=\"true\" icon={open_in_new} appearance=\"light\" href={this.url} target=\"_blank\">\n            {this.label}\n          </pn-button>\n        ) : null}\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAmB,02HACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,iBACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,SACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBAEbH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,cACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBACXH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mB,aCxBvB,MAAME,EAAuB,k7BAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,M,4GAM5B,MAAAR,GACE,OAAOS,KAAKC,MACVT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBAAmBI,KAAKE,KAAOV,EAAA,OAAKW,KAAK,aAAaH,KAAKE,MAAc,OAGtFV,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,mBACRI,KAAKI,MACJZ,EAAA,OAAKI,MAAM,wBACTJ,EAAA,yBACCQ,KAAKI,MAAMC,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,KACHP,KAAKS,MACJjB,EAAA,OAAKI,MAAM,wBACTJ,EAAA,uBACCQ,KAAKS,MAAMJ,MAAM,KAAKC,KAAIC,GACzBA,EAAKF,MAAM,KAAKG,OAAS,EACvBhB,EAAA,SACEA,EAAA,cAASe,EAAKF,MAAM,KAAK,GAAK,MAAc,IAAEE,EAAKF,MAAM,KAAK,IAGhEb,EAAA,SAAIe,MAIR,M,GAMdf,EAAA,WAASkB,KAAMC,EAAcC,MAAM,QAAQC,MAAM,U,UCtDjD,MAAMC,EAAwB,qnCAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,gLAS7B,MAAAzB,GACE,IAAKS,KAAKiB,OAAQ,CAChB,M,CAEF,OAAOjB,KAAKkB,IACV1B,EAACC,EAAI,CAAC0B,GAAInB,KAAKoB,QACb5B,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAO,IAAMQ,KAAKqB,UAAmB,MAEvDrB,KAAKsB,KAAO9B,EAAA,SAAIQ,KAAKsB,MAAY,KACjCtB,KAAKC,MACJT,EAAA,aAAW2B,GAAI,YAAcnB,KAAKoB,OAAQR,MAAM,OAAOF,KAAMa,EAAaC,WAAW,QAAQC,KAAMzB,KAAKkB,IAAKQ,OAAO,UACjH1B,KAAKC,OAEN,MAGNT,EAACC,EAAI,KACHD,EAAA,OAAKI,MAAM,SACRI,KAAKiB,OAASzB,EAAA,YAAOQ,KAAKiB,QAAiB,KAC3CjB,KAAKqB,SAAW7B,EAAA,YAAOQ,KAAKqB,UAAmB,M","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as a,d as n}from"./p-82546a44.js";const r={sv:{sharelabel:"Dela med"},en:{sharelabel:"Share to"},da:{sharelabel:"Del med"},no:{sharelabel:"Dele med"},fi:{sharelabel:"Jakaa"},zh:{sharelabel:"Share to"},it:{sharelabel:"Share to"},nl:{sharelabel:"Share to"}};const i='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-share .pn-share__container{display:flex;flex-direction:column;gap:0.8rem}pn-share .pn-share__heading{font-size:1.6rem;font-weight:500}pn-share .pn-share__heading:after{content:"";display:block;height:0.2rem;background-color:#f3f2f2;margin-top:0.4rem;margin-bottom:0.8rem}pn-share .pn-share__items{display:flex;flex-direction:row;gap:0.8rem;align-items:center}';const s=i;const o=[{platform:"linkedin",url:"https://www.linkedin.com/sharing/share-offsite/?url=",text:"LinkedIn"},{platform:"twitter",url:"https://twitter.com/intent/tweet?url=",text:"Twitter"},{platform:"facebook",url:"https://www.facebook.com/sharer/sharer.php?u=",text:"Facebook"}];const h=class{constructor(t){e(this,t);this.link=null;this.language="sv";this.i18n=undefined}get hostElement(){return t(this)}componentWillLoad(){this.setTranslations()}setTranslations(){if(this.language==="nb"){this.language="no"}if(this.language&&r[this.language]){this.i18n=r[this.language]}}onLanguageChange(){this.setTranslations()}render(){return a(n,{key:"64fc418773ad1694c97c3cead91687668d4d0a7d"},a("div",{key:"dedd71bce2dae6d868ea070c85fbb086f72d9ec8",class:"pn-share__container"},a("h3",{key:"a442ce3dcd201e1b9a1079ffc39b140b70e32f78",class:"pn-share__heading"},this.i18n.sharelabel,":"),a("div",{key:"88042477f52053ef2a839ad5b24d11c939a1ff06",class:"pn-share__items"},o.map((e=>a("pn-share-item",{link:`${e.url}${this.link}`,text:e.text},a("pn-icon",{slot:"icon",icon:e.platform})))))))}static get watchers(){return{language:["onLanguageChange"]}}};h.style=s;export{h as pn_share};
+//# sourceMappingURL=p-ce87ff8a.entry.js.map

package/pn-market-web-components/{p-e2e3ac2f.entry.js.map → p-ce87ff8a.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["translations","sv","sharelabel","en","da","no","fi","zh","it","nl","pnShareCss","PnShareStyle0","SHARE_URLS","platform","url","text","PnShare","componentWillLoad","this","setTranslations","language","i18n","onLanguageChange","render","h","Host","key","class","map","link","slot","icon"],"sources":["src/components/cta/pn-share/translations.ts","src/components/cta/pn-share/pn-share.scss?tag=pn-share","src/components/cta/pn-share/pn-share.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    sharelabel: 'Dela med',\n  },\n  en: {\n    sharelabel: 'Share to',\n  },\n  da: {\n    sharelabel: 'Del med',\n  },\n  no: {\n    sharelabel: 'Dele med',\n  },\n  fi: {\n    sharelabel: 'Jakaa',\n  },\n  zh: {\n    sharelabel: 'Share to',\n  },\n  it: {\n    sharelabel: 'Share to',\n  },\n  nl: {\n    sharelabel: 'Share to',\n  },\n};\n","@import '../../../globals/main.scss';\npn-share {\n  .pn-share__container {\n    display: flex;\n    flex-direction: column;\n    gap: 0.8rem;\n  }\n\n  .pn-share__heading {\n    font-size: 1.6rem;\n    font-weight: 500;\n    &:after {\n      content: '';\n      display: block;\n      height: 0.2rem;\n      background-color: $gray50;\n      margin-top: 0.4rem;\n      margin-bottom: 0.8rem;\n    }\n  }\n\n  .pn-share__items {\n    display: flex;\n    flex-direction: row;\n    gap: 0.8rem;\n    align-items: center;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\nconst SHARE_URLS = [\n  { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },\n  { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },\n  { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },\n];\n\n@Component({\n  tag: 'pn-share',\n  styleUrl: 'pn-share.scss',\n})\nexport class PnShare {\n  @Element() hostElement: HTMLElement;\n  @Prop() link: string = null;\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @State() i18n: any;\n\n  componentWillLoad() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language === 'nb') {\n      this.language = 'no';\n    }\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-share__container\">\n          <h3 class=\"pn-share__heading\">{this.i18n.sharelabel}:</h3>\n          <div class=\"pn-share__items\">\n            {SHARE_URLS.map(platform => {\n              return (\n                <pn-share-item link={`${platform.url}${this.link}`} text={platform.text}>\n                  <pn-icon slot=\"icon\" icon={platform.platform}></pn-icon>\n                </pn-share-item>\n              );\n            })}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,WAAY,YAEdC,GAAI,CACFD,WAAY,YAEdE,GAAI,CACFF,WAAY,WAEdG,GAAI,CACFH,WAAY,YAEdI,GAAI,CACFJ,WAAY,SAEdK,GAAI,CACFL,WAAY,YAEdM,GAAI,CACFN,WAAY,YAEdO,GAAI,CACFP,WAAY,aCvBhB,MAAMQ,EAAa,4bACnB,MAAAC,EAAeD,ECGf,MAAME,EAAa,CACjB,CAAEC,SAAU,WAAYC,IAAK,uDAAwDC,KAAM,YAC3F,CAAEF,SAAU,UAAWC,IAAK,wCAAyCC,KAAM,WAC3E,CAAEF,SAAU,WAAYC,IAAK,gDAAiDC,KAAM,a,MAOzEC,EAAO,M,mCAEK,K,cACoC,K,qDAG3D,iBAAAC,GACEC,KAAKC,iB,CAGP,eAAAA,GACE,GAAID,KAAKE,WAAa,KAAM,CAC1BF,KAAKE,SAAW,I,CAElB,GAAIF,KAAKE,UAAYpB,EAAakB,KAAKE,UAAW,CAChDF,KAAKG,KAAOrB,EAAakB,KAAKE,S,EAKlC,gBAAAE,GACEJ,KAAKC,iB,CAGP,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,qBAAqBT,KAAKG,KAAKnB,WAAU,KACnDsB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACRf,EAAWgB,KAAIf,GAEZW,EAAA,iBAAeK,KAAM,GAAGhB,EAASC,MAAMI,KAAKW,OAAQd,KAAMF,EAASE,MACjES,EAAA,WAASM,KAAK,OAAOC,KAAMlB,EAASA,gB","ignoreList":[]}
+{"version":3,"names":["translations","sv","sharelabel","en","da","no","fi","zh","it","nl","pnShareCss","PnShareStyle0","SHARE_URLS","platform","url","text","PnShare","componentWillLoad","this","setTranslations","language","i18n","onLanguageChange","render","h","Host","key","class","map","link","slot","icon"],"sources":["src/components/cta/pn-share/translations.ts","src/components/cta/pn-share/pn-share.scss?tag=pn-share","src/components/cta/pn-share/pn-share.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    sharelabel: 'Dela med',\n  },\n  en: {\n    sharelabel: 'Share to',\n  },\n  da: {\n    sharelabel: 'Del med',\n  },\n  no: {\n    sharelabel: 'Dele med',\n  },\n  fi: {\n    sharelabel: 'Jakaa',\n  },\n  zh: {\n    sharelabel: 'Share to',\n  },\n  it: {\n    sharelabel: 'Share to',\n  },\n  nl: {\n    sharelabel: 'Share to',\n  },\n};\n","@import '../../../globals/main.scss';\npn-share {\n  .pn-share__container {\n    display: flex;\n    flex-direction: column;\n    gap: 0.8rem;\n  }\n\n  .pn-share__heading {\n    font-size: 1.6rem;\n    font-weight: 500;\n    &:after {\n      content: '';\n      display: block;\n      height: 0.2rem;\n      background-color: $gray50;\n      margin-top: 0.4rem;\n      margin-bottom: 0.8rem;\n    }\n  }\n\n  .pn-share__items {\n    display: flex;\n    flex-direction: row;\n    gap: 0.8rem;\n    align-items: center;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\nconst SHARE_URLS = [\n  { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },\n  { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },\n  { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },\n];\n\n@Component({\n  tag: 'pn-share',\n  styleUrl: 'pn-share.scss',\n})\nexport class PnShare {\n  @Element() hostElement: HTMLElement;\n  @Prop() link: string = null;\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @State() i18n: any;\n\n  componentWillLoad() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language === 'nb') {\n      this.language = 'no';\n    }\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-share__container\">\n          <h3 class=\"pn-share__heading\">{this.i18n.sharelabel}:</h3>\n          <div class=\"pn-share__items\">\n            {SHARE_URLS.map(platform => {\n              return (\n                <pn-share-item link={`${platform.url}${this.link}`} text={platform.text}>\n                  <pn-icon slot=\"icon\" icon={platform.platform}></pn-icon>\n                </pn-share-item>\n              );\n            })}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,WAAY,YAEdC,GAAI,CACFD,WAAY,YAEdE,GAAI,CACFF,WAAY,WAEdG,GAAI,CACFH,WAAY,YAEdI,GAAI,CACFJ,WAAY,SAEdK,GAAI,CACFL,WAAY,YAEdM,GAAI,CACFN,WAAY,YAEdO,GAAI,CACFP,WAAY,aCvBhB,MAAMQ,EAAa,qwBACnB,MAAAC,EAAeD,ECGf,MAAME,EAAa,CACjB,CAAEC,SAAU,WAAYC,IAAK,uDAAwDC,KAAM,YAC3F,CAAEF,SAAU,UAAWC,IAAK,wCAAyCC,KAAM,WAC3E,CAAEF,SAAU,WAAYC,IAAK,gDAAiDC,KAAM,a,MAOzEC,EAAO,M,mCAEK,K,cACoC,K,qDAG3D,iBAAAC,GACEC,KAAKC,iB,CAGP,eAAAA,GACE,GAAID,KAAKE,WAAa,KAAM,CAC1BF,KAAKE,SAAW,I,CAElB,GAAIF,KAAKE,UAAYpB,EAAakB,KAAKE,UAAW,CAChDF,KAAKG,KAAOrB,EAAakB,KAAKE,S,EAKlC,gBAAAE,GACEJ,KAAKC,iB,CAGP,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,qBAAqBT,KAAKG,KAAKnB,WAAU,KACnDsB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACRf,EAAWgB,KAAIf,GAEZW,EAAA,iBAAeK,KAAM,GAAGhB,EAASC,MAAMI,KAAKW,OAAQd,KAAMF,EAASE,MACjES,EAAA,WAASM,KAAK,OAAOC,KAAMlB,EAASA,gB","ignoreList":[]}

package/pn-market-web-components/p-cf8a1fb9.js

@@ -0,0 +1,2 @@
+import{F as e}from"./p-3478f368.js";import{L as t}from"./p-8d78b631.js";class r{_endpoint;_levelupAuthorizePath=`/api/levelup/level-up-authorize`;_levelupTokenGrantPath=`/api/levelup/level-up-token-grant`;levelupLocalStorageKey="levelup";fetchHelper=new e("PnLevelUpService");_storage=new t;constructor(e){this._endpoint=this.formatEndpoint(e)}newLevelupUser(){let e=18e4;this._storage.set(this.levelupLocalStorageKey,{expire:Date.now()+e})}async levelupAuthorize(e,t){if(!e){return t}let r={system:e};const s=this._endpoint+this._levelupAuthorizePath;const n=await this.fetchHelper.fetchJson(s,this.getRequestInit(r),false);return this.handleResponse(n,t)}async levelupTokenGrant(e,t,r){if(!e){return r}let s={id:e,loopSeconds:t};const n=this._endpoint+this._levelupTokenGrantPath;const i=await this.fetchHelper.fetchJson(n,this.getRequestInit(s),false);return this.handleResponse(i,r)}formatEndpoint(e){return e.lastIndexOf("/")===e.length-1?e.substring(0,e.length-1):e}handleResponse(e,t,r=false){if(!e){return t}let s=JSON.parse(e);if(!s||r&&!Array.isArray(s)){return t}return s}getRequestInit(e,t="POST",r="cors",s="application/json"){return{mode:r,method:t,headers:{"Content-Type":s,CustomValidateAntiForgeryToken:"0111000001101110011000110110000101110100"},body:JSON.stringify(e)}}}export{r as P};
+//# sourceMappingURL=p-cf8a1fb9.js.map

package/pn-market-web-components/p-cf8a1fb9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PnLevelUpService","_endpoint","_levelupAuthorizePath","_levelupTokenGrantPath","levelupLocalStorageKey","fetchHelper","FetchHelper","_storage","LocalStorageService","constructor","endpoint","this","formatEndpoint","newLevelupUser","threeMinutesInMilliseconds","set","expire","Date","now","levelupAuthorize","system","defaultReturn","model","fetchUrl","data","fetchJson","getRequestInit","handleResponse","levelupTokenGrant","id","loopSeconds","lastIndexOf","length","substring","checkForArray","parsedData","JSON","parse","Array","isArray","method","mode","contentTypes","headers","CustomValidateAntiForgeryToken","body","stringify"],"sources":["src/components/widgets/pn-level-up/pn-level-up.service.ts"],"sourcesContent":["import { FetchHelper } from '@/globals/FetchHelper';\nimport { LevelUpAuthorizeParameters, LevelUpAuthResponse, LevelUpTokenGrantParameters, LevelUpTokenGrantResponse } from './pn-level-up.models';\nimport { LocalStorageService } from '@/globals/LocalStorageService';\n\nexport class PnLevelUpService {\n  private readonly _endpoint;\n  private readonly _levelupAuthorizePath = `/api/levelup/level-up-authorize`;\n  private readonly _levelupTokenGrantPath = `/api/levelup/level-up-token-grant`;\n  private readonly levelupLocalStorageKey = 'levelup';\n  \n  private fetchHelper = new FetchHelper('PnLevelUpService');\n  private _storage: LocalStorageService = new LocalStorageService();\n\n  constructor(endpoint: string) {\n    this._endpoint = this.formatEndpoint(endpoint);\n  }\n\n  public newLevelupUser() {\n    let threeMinutesInMilliseconds = 180000;\n    this._storage.set(this.levelupLocalStorageKey, { expire: Date.now() + threeMinutesInMilliseconds });\n  }\n\n  public async levelupAuthorize(system: string, defaultReturn: LevelUpAuthResponse) : Promise<LevelUpAuthResponse> {\n    if (!system) {\n      return defaultReturn;\n    }\n\n    let model: LevelUpAuthorizeParameters = {\n      system: system\n    };\n\n    const fetchUrl = this._endpoint + this._levelupAuthorizePath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    return this.handleResponse<LevelUpAuthResponse>(data, defaultReturn);\n  }\n  \n  public async levelupTokenGrant(id: string, loopSeconds: string, defaultReturn: LevelUpTokenGrantResponse) : Promise<LevelUpTokenGrantResponse> {\n    if (!id) {\n      return defaultReturn;\n    }\n\n    let model: LevelUpTokenGrantParameters = {\n      id: id,\n      loopSeconds: loopSeconds\n    };\n\n    const fetchUrl = this._endpoint + this._levelupTokenGrantPath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    return this.handleResponse<LevelUpTokenGrantResponse>(data, defaultReturn);\n  }\n  \n  private formatEndpoint(endpoint: string) : string {\n    return endpoint.lastIndexOf('/') === endpoint.length - 1 ? endpoint.substring(0, endpoint.length - 1) : endpoint;\n  }\n\n  private handleResponse<T>(data : any, defaultReturn : any, checkForArray: boolean = false) {\n    if (!data) {\n      return defaultReturn;\n    }\n\n    let parsedData = JSON.parse(data) as T;\n    if (!parsedData || checkForArray && !Array.isArray(parsedData)) {\n      return defaultReturn;\n    }\n\n    return parsedData;\n  }\n  \n  private getRequestInit(model: any, method: string = 'POST', mode: RequestMode = 'cors', contentTypes: string = 'application/json'): RequestInit {\n    return {\n      mode: mode,\n      method: method,\n      headers: \n      {\n        'Content-Type': contentTypes,\n        'CustomValidateAntiForgeryToken': \"0111000001101110011000110110000101110100\"\n      },\n      body: JSON.stringify(model)\n    };\n  }\n}"],"mappings":"8EAIaA,EACMC,UACAC,sBAAwB,kCACxBC,uBAAyB,oCACzBC,uBAAyB,UAElCC,YAAc,IAAIC,EAAY,oBAC9BC,SAAgC,IAAIC,EAE5C,WAAAC,CAAYC,GACVC,KAAKV,UAAYU,KAAKC,eAAeF,E,CAGhC,cAAAG,GACL,IAAIC,EAA6B,KACjCH,KAAKJ,SAASQ,IAAIJ,KAAKP,uBAAwB,CAAEY,OAAQC,KAAKC,MAAQJ,G,CAGjE,sBAAMK,CAAiBC,EAAgBC,GAC5C,IAAKD,EAAQ,CACX,OAAOC,C,CAGT,IAAIC,EAAoC,CACtCF,OAAQA,GAGV,MAAMG,EAAWZ,KAAKV,UAAYU,KAAKT,sBACvC,MAAMsB,QAAcb,KAAKN,YAAYoB,UACnCF,EACAZ,KAAKe,eAAeJ,GACpB,OAGF,OAAOX,KAAKgB,eAAoCH,EAAMH,E,CAGjD,uBAAMO,CAAkBC,EAAYC,EAAqBT,GAC9D,IAAKQ,EAAI,CACP,OAAOR,C,CAGT,IAAIC,EAAqC,CACvCO,GAAIA,EACJC,YAAaA,GAGf,MAAMP,EAAWZ,KAAKV,UAAYU,KAAKR,uBACvC,MAAMqB,QAAcb,KAAKN,YAAYoB,UACnCF,EACAZ,KAAKe,eAAeJ,GACpB,OAGF,OAAOX,KAAKgB,eAA0CH,EAAMH,E,CAGtD,cAAAT,CAAeF,GACrB,OAAOA,EAASqB,YAAY,OAASrB,EAASsB,OAAS,EAAItB,EAASuB,UAAU,EAAGvB,EAASsB,OAAS,GAAKtB,C,CAGlG,cAAAiB,CAAkBH,EAAYH,EAAqBa,EAAyB,OAClF,IAAKV,EAAM,CACT,OAAOH,C,CAGT,IAAIc,EAAaC,KAAKC,MAAMb,GAC5B,IAAKW,GAAcD,IAAkBI,MAAMC,QAAQJ,GAAa,CAC9D,OAAOd,C,CAGT,OAAOc,C,CAGD,cAAAT,CAAeJ,EAAYkB,EAAiB,OAAQC,EAAoB,OAAQC,EAAuB,oBAC7G,MAAO,CACLD,KAAMA,EACND,OAAQA,EACRG,QACA,CACE,eAAgBD,EAChBE,+BAAkC,4CAEpCC,KAAMT,KAAKU,UAAUxB,G","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{g as t,r as i,c as e,h as s,d as n}from"./p-82546a44.js";import{d as l}from"./p-3e4d9396.js";import{p as o}from"./p-df8bfe03.js";import{v as h}from"./p-4ed69de7.js";const d={sv:{dropdownPlaceholder:"Välj ett alternativ"},en:{dropdownPlaceholder:"Select an option"},da:{dropdownPlaceholder:"Vælg en mulighed"}};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-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row{margin-bottom:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#f9f8f8}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete pn-button{margin-top:0.9rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label-row{display:flex;gap:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label{width:30%;font-size:0.875em;color:#5e554a}pn-dropdown-with-multi-input-rows .sum-row{display:flex;justify-content:space-between}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__dropdown{display:inline-flex;align-items:center}pn-dropdown-with-multi-input-rows small{max-width:70%;margin:1rem;align-self:center;position:relative;top:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row .dropdown-with-multi-input-element__dropdown .pn-row-select-dropdown .pn-select .pn-select-input .pn-select-content{width:18rem}";const a=r;const u=class{get hostElement(){return t(this)}pnFirstDropdown=null;pnSecondDropdown=null;pnSumField=null;pnConfirmDeleteButton=null;pnAbortDeleteButton=null;allFormValues;_firstDropdownSelection=null;_secondDropdownSelection=null;_defaultRow;constructor(t){i(this,t);this.allFormValues=e(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.firstDropdownLabel=null;this.firstDropdownHelperText=null;this.secondDropdownLabel=null;this.secondDropdownHelperText=null;this.secondDropdownMax=null;this.deleteMultipleRowsWarningText=null;this.confirmDeleteButtonText=null;this.abortDeleteButtonText=null;this.firstInputLabel=null;this.firstInputPlaceholder=null;this.firstInputMin=null;this.firstInputMax=null;this.firstInputWarning=null;this.firstInputWarningText=null;this.firstInputLowErrorText=null;this.firstInputHighErrorText=null;this.secondInputLabel=null;this.secondInputPlaceholder=null;this.secondInputMin=null;this.secondInputMax=null;this.secondInputWarning=null;this.secondInputWarningText=null;this.secondInputLowErrorText=null;this.secondInputHighErrorText=null;this.disabledDates=null;this.dateLabel=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.yearsToAddToEndDate=null;this.sumFieldLabel=null;this.addRowText=null;this.elementHelperText=null;this.dropdownDataRoot=null;this.secondDropdownArr=[];this.rowData=null;this.formValues=null;this.firstValidDateString="";this.lastValidDateString="";this.rowSum=null;this.minRowCount=null;this.showDeleteConfirm=false;this.i18n=undefined;this._defaultRow={id:this.generateUniqueId(),firstInput:"",secondInput:this.secondInputWarning!==null?this.secondInputWarning.toString():"",date:""}}componentWillLoad(){this.formValues=[];this.setDropDownData();this.updateSecondDropdown();this.setRowData();this.setFirstValidDate();this.setTranslations()}setTranslations(){this.i18n=d[this.languageCode]||d["en"]}componentDidLoad(){this.updateSum()}setDropDownData(){if(typeof this.dropdownData==="string"){this.dropdownDataRoot=JSON.parse(this.dropdownData)}else{this.dropdownDataRoot=this.dropdownData}if(this.dropdownDataRoot?.length){this.dropdownDataRoot.forEach((t=>{if(!t.value){t.value=0}}))}if(this.dropdownDataRoot.length>0){this.dropdownDataRoot[0].checked=true;this._firstDropdownSelection=this.dropdownDataRoot[0].label;this._secondDropdownSelection=this.dropdownDataRoot[0].value;this.minRowCount=this.dropdownDataRoot[0].value}}updateSecondDropdown(){const t=this.dropdownDataRoot.find((t=>t.checked===true));this.secondDropdownArr=[];for(let i=t.value;i<=this.secondDropdownMax;i++){this.secondDropdownArr.push(i)}}updateSelectItemArr(t,i){t.forEach((t=>{if(t.label===i){t.checked=!t.checked}else{t.checked=false}}));return t}setRowData(){this.rowData=[];for(let t=0;t<this._secondDropdownSelection;t++){const t=Object.assign({},this._defaultRow);t.id=this.generateUniqueId();this.rowData=[...this.rowData,t]}}generateUniqueId(){return h()}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const i=new Date;i.setDate(i.getDate()+this.dateDaysFromToday);const e=i.getFullYear();const s=(i.getMonth()+1).toString().padStart(2,"0");const n=i.getDate().toString().padStart(2,"0");const l=e+t;this.firstValidDateString=`${e.toString()}-${s}-${n}`;this.lastValidDateString=`${l.toString()}-${s}-${n}`}addRow(t){const i=Object.assign({},this.rowData[0]);i.id=t?t:this.generateUniqueId();i.date="";this.rowData=[...this.rowData,i];this.secondDropdownArr=[...this.secondDropdownArr];this.updateSum();this.emitValuesIfValid()}handleFirstDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e?.length){return}const s=this.dropdownDataRoot.find((t=>t.value.toString()===e));this.minRowCount=s.value;if(s.value>this._secondDropdownSelection){this.dropdownDataRoot=[...this.dropdownDataRoot];for(let t=this.rowData?.length;t<s.value;t++){this.addRow(this.generateUniqueId())}}this.updateSecondDropdown();this.updateSum();this.emitValuesIfValid()}));handleSecondDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e){return}const s=e;if(!s?.length){return}const n=parseInt(s);if(n<this._secondDropdownSelection){this.showDeleteConfirm=true}else{for(let t=this.rowData?.length;t<n;t++){this.addRow(this.generateUniqueId())}}this._secondDropdownSelection=n;this.updateSum();this.emitValuesIfValid()}));predefinedValueChange(t){const i=this.rowData?.findIndex((i=>i.id===t.detail.id));const e=t.detail;this.rowData[i]={...this.rowData[i],firstInput:e.firstInput,secondInput:e.secondInput,date:e.date};if(t.type==="firstInputChange"&&i===0){this.updateFirstInputOfRows(e.firstInput)}if(t.type==="secondInputChange"&&i===0){this.updateSecondInputOfRows(e.secondInput)}this.rowData=[...this.rowData];this.emitValuesIfValid();this.updateSum()}updateFirstInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],firstInput:t}}}updateSecondInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],secondInput:t}}}deleteRowEvent(t){const i=this.rowData?.findIndex((i=>i.id===t.detail));if(i<0){return}this.rowData?.splice(i,1);this.rowData=[...this.rowData];this.secondDropdownArr=[...this.secondDropdownArr];this.emitValuesIfValid();this.updateSum()}updateSum(){this.rowSum="";let t=0;this.rowData?.forEach((i=>{if(i?.firstInput?.length){t+=parseInt(i.firstInput)}}));this.rowSum=t.toString()}deleteExcessRows(){if(this._secondDropdownSelection===null){return}const t=this.rowData?.length-this._secondDropdownSelection;for(let i=0;i<t;i++){this.rowData?.pop()}this.rowData=[...this.rowData];this.showDeleteConfirm=false;this.updateSum()}abortDeleteRows(){this.showDeleteConfirm=false}emitValuesIfValid(){this.formValues=[];this.rowData?.forEach((t=>{const i={row:[]};if(this._firstDropdownSelection?.length){const t={name:this.firstDropdownLabel,value:this._firstDropdownSelection};i.row.push(t)}if(t.firstInput?.length){const e={name:this.firstInputLabel,value:t.firstInput};i.row.push(e)}if(t.secondInput?.length){const e={name:this.secondInputLabel,value:t.secondInput};i.row.push(e)}if(t.date){const e={name:this.dateLabel,value:t.date};i.row.push(e)}if(i.row.length===4){this.formValues.push(i)}}));if(this.formValues.length===this.rowData?.length){const t=JSON.stringify(this.formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){return s(n,{key:"d9992e503344eb152be393b957716e25bd89171a",class:"dropdown-with-multi-input-element"},s("div",{key:"1fcee1e584d6f0687ad54f968750129e2ee87855",class:"dropdown-with-multi-input-element__row"},s("div",{key:"de06f80ae79b4a3f7dbd90a7c8fc984e431ad5e3",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"ff1d4ae35266f01206f9100d3eb48193f75c5f3a",ref:t=>this.pnFirstDropdown=t,onChange:l(this.handleFirstDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},s("option",{key:"515bb0593a47aec2763f73798725bbf20db64b8c",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.dropdownDataRoot?.map((t=>s("option",{value:t.value},t.label)))),this.firstDropdownHelperText?.length?s("small",null,this.firstDropdownHelperText):null)),s("div",{key:"ddc383429253a9338d95542a73caf42d5d67ccd0",class:"dropdown-with-multi-input-element__row"},s("div",{key:"ae2087bfa6efb48882fbfcfd7fabfaa2e4aa195d",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"e4c79dde30b1c21ccd6265b72bdc8769b6f167de",ref:t=>this.pnSecondDropdown=t,onChange:l(this.handleSecondDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},s("option",{key:"9384dc96252920c25606ab2db38c25c65340cd23",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.secondDropdownArr?.map((t=>s("option",{value:t},t)))),this.secondDropdownHelperText?.length?s("small",null,this.secondDropdownHelperText):null)),this.showDeleteConfirm?s("div",{class:"dropdown-with-multi-input-element__delete"},s("p",null,this.deleteMultipleRowsWarningText),s("pn-button",{ref:t=>this.pnConfirmDeleteButton=t,small:"true",appearance:"warning",onClick:this.deleteExcessRows.bind(this)},this.confirmDeleteButtonText),s("pn-button",{ref:t=>this.pnAbortDeleteButton=t,small:"true",appearance:"light",onClick:this.abortDeleteRows.bind(this)},this.abortDeleteButtonText)):null,s("div",{key:"e2a18a378964fc9e31f534a2d9432e002c674a48",class:"dropdown-with-multi-input-element__label-row"},s("div",{key:"9fce1185add5a750898aa75057263ea93ee050a7",class:"dropdown-with-multi-input-element__label"},s("label",{key:"4b33a863f16cf020282da9d7bad7dcd81a941e74"},this.firstInputLabel)),s("div",{key:"a28e0b57e3cc5c7cd3b5693b432665d684df1c7b",class:"dropdown-with-multi-input-element__label"},s("label",{key:"ed4580f6a1d0eb793c00e03078a0f9acc80ce3c8"},this.secondInputLabel)),s("div",{key:"a20a403e978d9ef0c8e63e6df3048f8d16c9a917",class:"dropdown-with-multi-input-element__label"},s("label",{key:"2be0daa6b5ef9cbef7af2ee2b2c23f537de8ec8d"},this.dateLabel))),this.rowData?.map(((t,i)=>s("div",{class:"dropdown-with-multi-input-element__row generated-row-"+i,id:"generated-row-"+i},s("pn-dropdown-with-multi-input-rows-row",{"language-code":this.languageCode,"first-input-placeholder":this.firstInputPlaceholder,"first-input-min":this.firstInputMin,"first-input-max":this.firstInputMax,"first-input-warning":this.firstInputWarning,"first-input-warning-text":this.firstInputWarningText,"first-input-low-error-text":this.firstInputLowErrorText,"first-input-high-error-text":this.firstInputHighErrorText,"second-input-placeholder":this.secondInputPlaceholder,"second-input-min":this.secondInputMin,"second-input-max":this.secondInputMax,"second-input-warning":this.secondInputWarning,"second-input-warning-text":this.secondInputWarningText,"second-input-low-error-text":this.secondInputLowErrorText,"second-input-high-error-text":this.secondInputHighErrorText,datePlaceholder:this.datePlaceholder,firstValidDate:this.firstValidDateString,lastValidDate:this.lastValidDateString,"predefined-value":JSON.stringify(t),"min-row-count":this.minRowCount,"row-index":i,"disabled-dates":this.disabledDates})))),s("div",{key:"ac42ac72b4f63b207fd099406c4af82b7659f1e2",class:"dropdown-with-multi-input-element__row sum-row"},s("pn-input",{key:"966ce0ab3d9a40607898ea1121e17c9ab0a9f569",disabled:true,ref:t=>this.pnSumField=t,type:"number",value:this.rowSum,label:this.sumFieldLabel}),s("pn-button",{key:"b526f744b87020adfe852bbc68dd4ccc80cb17b8",tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:o,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow(this.generateUniqueId())}},this.addRowText)),this.elementHelperText?.length?s("div",{class:"dropdown-with-multi-input-element__row"},this.elementHelperText):null)}static get watchers(){return{languageCode:["setTranslations"]}}};u.style=a;export{u as pn_dropdown_with_multi_input_rows};
+//# sourceMappingURL=p-d17af75d.entry.js.map