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

package/dist/pn-market-web-components/p-62cabd1e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as a,h as t,d}from"./p-bb1c965e.js";import{c}from"./p-cfaf2eec.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-app-banner .pn-app-banner__wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;background-color:#f3f2f2;padding:1rem;margin:0 auto}pn-app-banner .pn-app-banner__sticky{position:relative;top:0;width:100%;z-index:999}pn-app-banner .icon-close:hover{cursor:pointer}pn-app-banner .pn-app-banner__icon{height:3.2rem}pn-app-banner .pn-app-banner__text{font-size:1.2rem;line-height:1}pn-app-banner .pn-app-banner__text span{font-weight:600}pn-app-banner .pn-app-banner__cta{margin-left:auto}pn-app-banner[data-is-closed=true]{display:none}";const f=n;const i=class{constructor(a){e(this,a);this.appName=undefined;this.appDescription=undefined;this.ctaText=undefined;this.appleStoreLink=undefined;this.googleStoreLink=undefined;this.isClosed=false;this.storeLink=undefined;this.isLocalStorageAvailable=true}get hostElement(){return a(this)}CLOSED_STORAGE_KEY="SmartAppBannerClosed";CLOSED_COOKIE_EXPIRY_DAYS=7;checkLocalStorage(){try{const e="__test__";localStorage.setItem(e,e);localStorage.removeItem(e)}catch(e){this.isLocalStorageAvailable=false}}detectDeviceAndSetStoreLink(){const e=navigator.userAgent;if(e.match(/Android/i)){this.storeLink=this.googleStoreLink}else if(e.match(/iPhone|iPad|iPod/i)){this.storeLink=this.appleStoreLink}else{this.storeLink=null;this.isClosed=true}}handleOnClose=()=>{this.isClosed=true;if(this.isLocalStorageAvailable){localStorage.setItem(this.CLOSED_STORAGE_KEY,"true")}else{const e=new Date;e.setDate(e.getDate()+this.CLOSED_COOKIE_EXPIRY_DAYS);document.cookie=`${this.CLOSED_STORAGE_KEY}=true; expires=${e.toUTCString()}`}};componentWillLoad(){this.checkLocalStorage();if(this.isLocalStorageAvailable){this.isClosed=localStorage.getItem(this.CLOSED_STORAGE_KEY)==="true"}else{const e=document.cookie.split(";");for(const a of e){const[e,t]=a.trim().split("=");if(e===this.CLOSED_STORAGE_KEY&&t==="true"){this.isClosed=true;break}}}if(!this.isClosed){this.detectDeviceAndSetStoreLink()}}render(){return t(d,{key:"d6b53d3d576cf6f396aa1fdf5abcf2b0882408fe","data-is-closed":this.isClosed?"true":"false"},t("div",{key:"818cd3305c07a737d834aea1594fd1742f505b98",class:"pn-app-banner__wrapper pn-app-banner__sticky"},t("div",{key:"9e23680fbc7ef4c16c387680013c73b40b75ff27",class:"icon-close",onClick:this.handleOnClose},t("pn-icon",{key:"e9f70a02003fdcb1fc789e52dcbc6760a22979e2",icon:c,small:"false",color:"black"})),t("div",{key:"4938c67549bf714b3e5431f7dc7e08510a1ca3ea",class:"pn-app-banner__icon"},t("svg",{key:"19374112ee8f80132ac8c1db8f7fd75dce9d936a",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"11be415227a901b7452af08b09352d551368e60f","clip-path":"url(#clip0_17800_45416)"},t("path",{key:"c0c385de6f3915fd93af38d003a3cbcc55ff7980",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#F18D8D"}),t("mask",{key:"b18f1eab9c007c281944a029739afb6afe8be9d8",id:"mask0_17800_45416",style:{"mask-type":"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"32",height:"32"},t("path",{key:"c169b44c33da0fa14ccf5aadeb8f0145ef83e142",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#0D234B"})),t("g",{key:"6436634beead4d763cf1a0f043243579bb6489c0",mask:"url(#mask0_17800_45416)"},t("path",{key:"2cad4544f24a8d50e6267d25013db61a2cf2d6b2",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#0D234B"}),t("path",{key:"0f80801115db2dff80d535890c97202ec52eb25d",d:"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z",fill:"url(#paint0_linear_17800_45416)"}),t("path",{key:"3c6eadce7ca42a6368ddfa1954ac645b4899ed49",d:"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z",fill:"#00A0D6"}),t("g",{key:"de7e86911aebfb75798a484283e30a7d439f74f6",filter:"url(#filter0_d_17800_45416)"},t("path",{key:"e73c9a879630971c9a493404b8b6b41813cf5550",d:"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z",fill:"#F1F7FA"}),t("path",{key:"7d56ed989a0ac79e36b60e1cd200dd296d453c71",opacity:"0.6","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z",fill:"#A5C0CA"}),t("path",{key:"d03bf79fc649e5d107a10edb8467e0c9f2e7edb1",d:"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z",fill:"#00A0D6"}),t("path",{key:"e39dd86b261d4bef8b8744d6dcb870b71140e609","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z",fill:"#0D234B"})))),t("defs",{key:"6b40cc41616d8f555495800bf43b3c8b4b75df73"},t("filter",{key:"392d4af5b89a0edccabafc9b3eed8cb8568b3a63",id:"filter0_d_17800_45416",x:"-52.5938",y:"-48.5938",width:"137.188",height:"137.188",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},t("feFlood",{key:"badc83a708f1a742139c02c6d2c894f5b884e710","flood-opacity":"0",result:"BackgroundImageFix"}),t("feColorMatrix",{key:"f0ef02afe01eaedcc7608d50862e2b9900cf678a",in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),t("feOffset",{key:"7cd299b9cea6301546f9222cbf149ed2f82a5345",dy:"4"}),t("feGaussianBlur",{key:"29ead62a93270b535fff94ed73bdaf409f2ef4f7",stdDeviation:"30"}),t("feColorMatrix",{key:"1f9c62a998b3ed36b310d3261a4b101caf22578c",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"}),t("feBlend",{key:"f2e6c3c72b36cf55978af1ade2c598e71f5bcb61",mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_17800_45416"}),t("feBlend",{key:"ad0f7a0471459819ef3bd10516a3da41943c2595",mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_17800_45416",result:"shape"})),t("linearGradient",{key:"e859e928fa22b43f534edb850df7b8bfc8c7159e",id:"paint0_linear_17800_45416",x1:"29.2305",y1:"44.3441",x2:"51.5694",y2:"15.1782",gradientUnits:"userSpaceOnUse"},t("stop",{key:"2c2b93afcce6646da4aaffb473f6795d848e3ea7",offset:"0.0800778","stop-color":"#0D244C"}),t("stop",{key:"c4a7c3a3bfa1f8b5bf7449b0cff4b5a0ae52f6d5",offset:"1","stop-color":"#0D234B"})),t("clipPath",{key:"2e600b4d68462333c0aa72aa2cfaede7df99fe6c",id:"clip0_17800_45416"},t("rect",{key:"2c01091242af965323b4805e7455869339b12bde",width:"32",height:"32",fill:"white"}))))),t("div",{key:"93e67c52d00c43d0b23fd293fccc88b705313bd7",class:"pn-app-banner__text"},t("span",{key:"a09c73e7a9ca03f53c716de2005d584551c6543d"},this.appName),t("br",{key:"072a797cc4afed39892291343b7becc4d2018dd8"}),this.appDescription),t("div",{key:"14863470489a66dd0cf1ede3a0429eabcb3bd053",class:"pn-app-banner__cta"},t("pn-button",{key:"b0504b6b51d342db47e95eafb667cb18c253f199",small:true,href:this.storeLink},this.ctaText))))}};i.style=f;export{i as pn_app_banner};
+//# sourceMappingURL=p-62cabd1e.entry.js.map

package/dist/pn-market-web-components/{p-66da6e15.entry.js.map → p-62cabd1e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnAppBannerCss","PnAppBannerStyle0","PnAppBanner","CLOSED_STORAGE_KEY","CLOSED_COOKIE_EXPIRY_DAYS","checkLocalStorage","testKey","localStorage","setItem","removeItem","e","this","isLocalStorageAvailable","detectDeviceAndSetStoreLink","userAgent","navigator","match","storeLink","googleStoreLink","appleStoreLink","isClosed","handleOnClose","expirationDate","Date","setDate","getDate","document","cookie","toUTCString","componentWillLoad","getItem","cookies","split","name","value","trim","render","h","Host","key","class","onClick","icon","close_small","small","color","width","height","viewBox","fill","xmlns","d","id","style","maskUnits","x","y","mask","filter","opacity","filterUnits","result","in","type","values","dy","stdDeviation","mode","in2","x1","y1","x2","y2","gradientUnits","offset","appName","appDescription","href","ctaText"],"sources":["src/components/minor/pn-app-banner/pn-app-banner.scss?tag=pn-app-banner","src/components/minor/pn-app-banner/pn-app-banner.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-app-banner {\n  .pn-app-banner__wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 1rem;\n\n    background-color: $gray50;\n    padding: 1rem;\n    margin: 0 auto;\n  }\n\n  .pn-app-banner__sticky {\n    position: relative;\n\n    top: 0;\n    width: 100%;\n\n    z-index: 999;\n  }\n\n  .icon-close {\n    &:hover {\n      cursor: pointer;\n    }\n  }\n\n  .pn-app-banner__icon {\n    height: 3.2rem;\n  }\n\n  .pn-app-banner__text {\n    font-size: 1.2rem;\n    line-height: 1;\n\n    span {\n      font-weight: 600;\n    }\n  }\n\n  .pn-app-banner__cta {\n    margin-left: auto;\n  }\n\n  &[data-is-closed='true'] {\n    display: none;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { close_small } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-app-banner',\n  styleUrl: 'pn-app-banner.scss',\n})\nexport class PnAppBanner {\n  @Element() hostElement: HTMLElement;\n  @Prop() appName: string;\n  @Prop() appDescription: string;\n  @Prop() ctaText: string;\n  @Prop() appleStoreLink: string;\n  @Prop() googleStoreLink: string;\n\n  @State() isClosed: boolean = false;\n  @State() storeLink: string;\n  @State() isLocalStorageAvailable = true;\n\n  CLOSED_STORAGE_KEY = 'SmartAppBannerClosed';\n  CLOSED_COOKIE_EXPIRY_DAYS = 7;\n\n  checkLocalStorage() {\n    try {\n      const testKey = '__test__';\n      localStorage.setItem(testKey, testKey);\n      localStorage.removeItem(testKey);\n    } catch (e) {\n      this.isLocalStorageAvailable = false;\n    }\n  }\n\n  detectDeviceAndSetStoreLink() {\n    const userAgent = navigator.userAgent;\n\n    if (userAgent.match(/Android/i)) {\n      this.storeLink = this.googleStoreLink;\n    } else if (userAgent.match(/iPhone|iPad|iPod/i)) {\n      this.storeLink = this.appleStoreLink;\n    } else {\n      this.storeLink = null;\n      this.isClosed = true; // -> data-is-closed = true\n    }\n  }\n\n  handleOnClose = () => {\n    this.isClosed = true;\n\n    // Handle storage based on availability\n    if (this.isLocalStorageAvailable) {\n      localStorage.setItem(this.CLOSED_STORAGE_KEY, 'true');\n    } else {\n      const expirationDate = new Date();\n      expirationDate.setDate(expirationDate.getDate() + this.CLOSED_COOKIE_EXPIRY_DAYS);\n      document.cookie = `${this.CLOSED_STORAGE_KEY}=true; expires=${expirationDate.toUTCString()}`;\n    }\n  };\n\n  componentWillLoad() {\n    this.checkLocalStorage();\n    // Handle storage based on availability\n    if (this.isLocalStorageAvailable) {\n      this.isClosed = localStorage.getItem(this.CLOSED_STORAGE_KEY) === 'true';\n    } else {\n      const cookies = document.cookie.split(';');\n      for (const cookie of cookies) {\n        const [name, value] = cookie.trim().split('=');\n        if (name === this.CLOSED_STORAGE_KEY && value === 'true') {\n          this.isClosed = true;\n          break;\n        }\n      }\n    }\n\n    if (!this.isClosed) {\n      this.detectDeviceAndSetStoreLink();\n    }\n  }\n\n  render() {\n    return (\n      <Host data-is-closed={this.isClosed ? 'true' : 'false'}>\n        <div class=\"pn-app-banner__wrapper pn-app-banner__sticky\">\n          <div class=\"icon-close\" onClick={this.handleOnClose}>\n            <pn-icon icon={close_small} small=\"false\" color=\"black\" />\n          </div>\n          <div class=\"pn-app-banner__icon\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g clip-path=\"url(#clip0_17800_45416)\">\n                <path\n                  d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                  fill=\"#F18D8D\"\n                />\n                <mask id=\"mask0_17800_45416\" style={{ 'mask-type': 'alpha' }} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"32\" height=\"32\">\n                  <path\n                    d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                    fill=\"#0D234B\"\n                  />\n                </mask>\n                <g mask=\"url(#mask0_17800_45416)\">\n                  <path\n                    d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                    fill=\"#0D234B\"\n                  />\n                  <path d=\"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z\" fill=\"url(#paint0_linear_17800_45416)\" />\n                  <path\n                    d=\"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z\"\n                    fill=\"#00A0D6\"\n                  />\n                  <g filter=\"url(#filter0_d_17800_45416)\">\n                    <path\n                      d=\"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z\"\n                      fill=\"#F1F7FA\"\n                    />\n                    <path\n                      opacity=\"0.6\"\n                      fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z\"\n                      fill=\"#A5C0CA\"\n                    />\n                    <path\n                      d=\"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z\"\n                      fill=\"#00A0D6\"\n                    />\n                    <path\n                      fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z\"\n                      fill=\"#0D234B\"\n                    />\n                  </g>\n                </g>\n              </g>\n              <defs>\n                <filter id=\"filter0_d_17800_45416\" x=\"-52.5938\" y=\"-48.5938\" width=\"137.188\" height=\"137.188\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                  <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n                  <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n                  <feOffset dy=\"4\" />\n                  <feGaussianBlur stdDeviation=\"30\" />\n                  <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0\" />\n                  <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_17800_45416\" />\n                  <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_17800_45416\" result=\"shape\" />\n                </filter>\n                <linearGradient id=\"paint0_linear_17800_45416\" x1=\"29.2305\" y1=\"44.3441\" x2=\"51.5694\" y2=\"15.1782\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.0800778\" stop-color=\"#0D244C\" />\n                  <stop offset=\"1\" stop-color=\"#0D234B\" />\n                </linearGradient>\n                <clipPath id=\"clip0_17800_45416\">\n                  <rect width=\"32\" height=\"32\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </div>\n          <div class=\"pn-app-banner__text\">\n            <span>{this.appName}</span>\n            <br />\n            {this.appDescription}\n          </div>\n          <div class=\"pn-app-banner__cta\">\n            <pn-button small={true} href={this.storeLink}>\n              {this.ctaText}\n            </pn-button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pnAppBannerCss","PnAppBannerStyle0","PnAppBanner","CLOSED_STORAGE_KEY","CLOSED_COOKIE_EXPIRY_DAYS","checkLocalStorage","testKey","localStorage","setItem","removeItem","e","this","isLocalStorageAvailable","detectDeviceAndSetStoreLink","userAgent","navigator","match","storeLink","googleStoreLink","appleStoreLink","isClosed","handleOnClose","expirationDate","Date","setDate","getDate","document","cookie","toUTCString","componentWillLoad","getItem","cookies","split","name","value","trim","render","h","Host","key","class","onClick","icon","close_small","small","color","width","height","viewBox","fill","xmlns","d","id","style","maskUnits","x","y","mask","filter","opacity","filterUnits","result","in","type","values","dy","stdDeviation","mode","in2","x1","y1","x2","y2","gradientUnits","offset","appName","appDescription","href","ctaText"],"sources":["src/components/minor/pn-app-banner/pn-app-banner.scss?tag=pn-app-banner","src/components/minor/pn-app-banner/pn-app-banner.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-app-banner {\n  .pn-app-banner__wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 1rem;\n\n    background-color: $gray50;\n    padding: 1rem;\n    margin: 0 auto;\n  }\n\n  .pn-app-banner__sticky {\n    position: relative;\n\n    top: 0;\n    width: 100%;\n\n    z-index: 999;\n  }\n\n  .icon-close {\n    &:hover {\n      cursor: pointer;\n    }\n  }\n\n  .pn-app-banner__icon {\n    height: 3.2rem;\n  }\n\n  .pn-app-banner__text {\n    font-size: 1.2rem;\n    line-height: 1;\n\n    span {\n      font-weight: 600;\n    }\n  }\n\n  .pn-app-banner__cta {\n    margin-left: auto;\n  }\n\n  &[data-is-closed='true'] {\n    display: none;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { close_small } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-app-banner',\n  styleUrl: 'pn-app-banner.scss',\n})\nexport class PnAppBanner {\n  @Element() hostElement: HTMLElement;\n  @Prop() appName: string;\n  @Prop() appDescription: string;\n  @Prop() ctaText: string;\n  @Prop() appleStoreLink: string;\n  @Prop() googleStoreLink: string;\n\n  @State() isClosed: boolean = false;\n  @State() storeLink: string;\n  @State() isLocalStorageAvailable = true;\n\n  CLOSED_STORAGE_KEY = 'SmartAppBannerClosed';\n  CLOSED_COOKIE_EXPIRY_DAYS = 7;\n\n  checkLocalStorage() {\n    try {\n      const testKey = '__test__';\n      localStorage.setItem(testKey, testKey);\n      localStorage.removeItem(testKey);\n    } catch (e) {\n      this.isLocalStorageAvailable = false;\n    }\n  }\n\n  detectDeviceAndSetStoreLink() {\n    const userAgent = navigator.userAgent;\n\n    if (userAgent.match(/Android/i)) {\n      this.storeLink = this.googleStoreLink;\n    } else if (userAgent.match(/iPhone|iPad|iPod/i)) {\n      this.storeLink = this.appleStoreLink;\n    } else {\n      this.storeLink = null;\n      this.isClosed = true; // -> data-is-closed = true\n    }\n  }\n\n  handleOnClose = () => {\n    this.isClosed = true;\n\n    // Handle storage based on availability\n    if (this.isLocalStorageAvailable) {\n      localStorage.setItem(this.CLOSED_STORAGE_KEY, 'true');\n    } else {\n      const expirationDate = new Date();\n      expirationDate.setDate(expirationDate.getDate() + this.CLOSED_COOKIE_EXPIRY_DAYS);\n      document.cookie = `${this.CLOSED_STORAGE_KEY}=true; expires=${expirationDate.toUTCString()}`;\n    }\n  };\n\n  componentWillLoad() {\n    this.checkLocalStorage();\n    // Handle storage based on availability\n    if (this.isLocalStorageAvailable) {\n      this.isClosed = localStorage.getItem(this.CLOSED_STORAGE_KEY) === 'true';\n    } else {\n      const cookies = document.cookie.split(';');\n      for (const cookie of cookies) {\n        const [name, value] = cookie.trim().split('=');\n        if (name === this.CLOSED_STORAGE_KEY && value === 'true') {\n          this.isClosed = true;\n          break;\n        }\n      }\n    }\n\n    if (!this.isClosed) {\n      this.detectDeviceAndSetStoreLink();\n    }\n  }\n\n  render() {\n    return (\n      <Host data-is-closed={this.isClosed ? 'true' : 'false'}>\n        <div class=\"pn-app-banner__wrapper pn-app-banner__sticky\">\n          <div class=\"icon-close\" onClick={this.handleOnClose}>\n            <pn-icon icon={close_small} small=\"false\" color=\"black\" />\n          </div>\n          <div class=\"pn-app-banner__icon\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g clip-path=\"url(#clip0_17800_45416)\">\n                <path\n                  d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                  fill=\"#F18D8D\"\n                />\n                <mask id=\"mask0_17800_45416\" style={{ 'mask-type': 'alpha' }} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"32\" height=\"32\">\n                  <path\n                    d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                    fill=\"#0D234B\"\n                  />\n                </mask>\n                <g mask=\"url(#mask0_17800_45416)\">\n                  <path\n                    d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                    fill=\"#0D234B\"\n                  />\n                  <path d=\"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z\" fill=\"url(#paint0_linear_17800_45416)\" />\n                  <path\n                    d=\"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z\"\n                    fill=\"#00A0D6\"\n                  />\n                  <g filter=\"url(#filter0_d_17800_45416)\">\n                    <path\n                      d=\"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z\"\n                      fill=\"#F1F7FA\"\n                    />\n                    <path\n                      opacity=\"0.6\"\n                      fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z\"\n                      fill=\"#A5C0CA\"\n                    />\n                    <path\n                      d=\"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z\"\n                      fill=\"#00A0D6\"\n                    />\n                    <path\n                      fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z\"\n                      fill=\"#0D234B\"\n                    />\n                  </g>\n                </g>\n              </g>\n              <defs>\n                <filter id=\"filter0_d_17800_45416\" x=\"-52.5938\" y=\"-48.5938\" width=\"137.188\" height=\"137.188\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                  <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n                  <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n                  <feOffset dy=\"4\" />\n                  <feGaussianBlur stdDeviation=\"30\" />\n                  <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0\" />\n                  <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_17800_45416\" />\n                  <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_17800_45416\" result=\"shape\" />\n                </filter>\n                <linearGradient id=\"paint0_linear_17800_45416\" x1=\"29.2305\" y1=\"44.3441\" x2=\"51.5694\" y2=\"15.1782\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.0800778\" stop-color=\"#0D244C\" />\n                  <stop offset=\"1\" stop-color=\"#0D234B\" />\n                </linearGradient>\n                <clipPath id=\"clip0_17800_45416\">\n                  <rect width=\"32\" height=\"32\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </div>\n          <div class=\"pn-app-banner__text\">\n            <span>{this.appName}</span>\n            <br />\n            {this.appDescription}\n          </div>\n          <div class=\"pn-app-banner__cta\">\n            <pn-button small={true} href={this.storeLink}>\n              {this.ctaText}\n            </pn-button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/p-64d0dbba.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i}from"./p-bb1c965e.js";import{a as t}from"./p-8644928d.js";import{s as a}from"./p-cafe11a9.js";import"./p-2509d18d.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}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 c=h;const p=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:"15c5a4f1695ae66a41fb0190c87ca5302f3c3093"},i("div",{key:"57532a1ae5e93552f6a3db4977ad54534f93a408",class:"findprice-form"},a.i18n.componentheading?i("h2",null,a.i18n.componentheading):null,i("div",{key:"c8a72e92f08b28bfc78c91ed6c6bb78c26f2c38a",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"]}}};p.style=c;export{p as pn_find_service_and_price};
+//# sourceMappingURL=p-64d0dbba.entry.js.map

package/dist/pn-market-web-components/{p-c9038b03.entry.js.map → p-64d0dbba.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/dist/pn-market-web-components/p-652f97b9.js

@@ -0,0 +1,2 @@
+import{c as e}from"./p-2509d18d.js";const{state:o,onChange:n}=e({openLevel:"",openMenu:false,i18n:{open:"",close:"",navLabel:""}});export{n as o,o as s};
+//# sourceMappingURL=p-652f97b9.js.map

package/dist/pn-market-web-components/p-65ab3003.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as i,h as t,d as a}from"./p-bb1c965e.js";const l={sv:{heading:"Prisindikation med PEX Bud",labelFrom:"Från postkod",labelTo:"Till postkod",zipPlaceholder:"Ex. 12831",labelWeight:"Vikt (i kilo)",weightPlaceholder:"Ex. 1000",labelWhen:"När",submitButtonText:"Beräkna pris"},en:{heading:"Calculate price with PEX Bud",labelFrom:"From zip",labelTo:"To zip",zipPlaceholder:"Ex. 12831",labelWeight:"Weight (in kilo)",weightPlaceholder:"Ex. 1000",labelWhen:"When",submitButtonText:"Calculate price"}};const n='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#PEX-truck_svg__a)"><path fill="#8EDDF9" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/><path fill="#0D234B" fill-rule="evenodd" d="M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564" clip-rule="evenodd"/><path fill="#000" d="M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319"/><path fill="#D3CECB" d="M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z"/><path fill="#F3F2F2" d="M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z"/><path fill="#2D2013" d="M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z"/><path fill="#000" d="M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z"/><path fill="#5E554A" fill-rule="evenodd" d="M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504" clip-rule="evenodd"/><path fill="#00A0D6" d="M63.995 98.848 123.334 22h9.431L73.381 98.938z"/><path fill="#A7A6A6" d="m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z"/><path fill="#000" d="M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z"/><path fill="#000" d="M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319"/><path fill="#5E554A" d="M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108"/><path fill="#fff" d="M58.583 58.595h-6.498v1.354h6.498z"/><path fill="#fff" d="M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z"/><path fill="#1798D5" d="m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z"/><path fill="#fff" d="m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812"/></g><defs><clipPath id="PEX-truck_svg__a"><path fill="#fff" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/></clipPath></defs></svg>';const d=n;const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.pex-pricefinder-top{display:flex;align-items:center}.pex-pricefinder-top pn-illustration{width:5.5rem;height:5.5rem;margin-right:1.6rem}.pex-pricefinder-form{margin:1.6rem 0 0 0;padding:0;border:0}.pex-pricefinder-form fieldset{margin:0;padding:0;border:0}.pex-pricefinder-form fieldset+fieldset{margin-top:1.6rem}.pex-pricefinder-form fieldset>div{display:flex;align-items:center;gap:1em}.pex-pricefinder-form fieldset>div>*{flex-grow:1;width:100%}.pex-pricefinder-form pn-button{align-self:end;margin-left:auto}.pex-pricefinder-form .datepicker{display:inline-flex;flex-direction:column}.pex-pricefinder-form .datepicker label{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end;cursor:pointer;transition:color 0.2s}.pex-pricefinder-form .datepicker pn-date-picker{width:100%}.pex-pricefinder-response{margin-top:2.4rem;text-align:center;font-size:2.4em}";const c=r;const h=class{constructor(i){e(this,i);this.language="sv";this.currency="Kr";this.apiUrl="/api/pex/order";this.i18n=l.sv;this.fromzip=null;this.tozip=null;this.weight=1;this.when="";this.response=null}get hostElement(){return i(this)}componentWillLoad(){this.init()}async init(){this.setInitialTime();this.checkParameters();this.setLanguage()}setInitialTime(){const e=new Date;e.setHours(e.getHours()+1);e.setMinutes(0);const i=e.toLocaleString("sv",{timeZoneName:"short"}).split(" ");this.when=`${i[0]}T${i[1].substring(0,5)}`}checkParameters(){const e=new URLSearchParams(window.location.href);if(!e){return}const i=["fromzip","tozip","weight","when"];i.forEach((i=>{if(e.get(i)){this[i]=e.get(i)}}))}setLanguage(){if(l[this.language]){this.i18n=l[this.language]}}onSubmit(e){e.preventDefault();const i=new FormData(e.target);const t=this.compileRequestQuery(i);this.fetchResult(t)}compileRequestQuery(e){let i={from:e.get("fromzip"),to:e.get("tozip"),weight:e.get("weight"),when:e.get("when")};if(!i.when){i.when=this.hostElement.querySelector("input.date-input").value}if(!e.get("fromzip")||!e.get("tozip")||!e.get("weight")){console.error("Form data is not compliant");return}return i}async fetchResult(e){this.response=null;const i=new URLSearchParams(e);const t=await fetch(`${this.apiUrl}?${i.toString()}`,{method:"get",headers:{"Content-Type":"application/json"}}).catch(this.onFetchError.bind(this));let a=await t.json().catch(this.onFetchError.bind(this));if(!a){a=await(await import("./p-4c30e4d5.js")).default}if(a){this.response=a}}onFetchError(e){console.error("onFetchError(error",e)}render(){return t(a,{key:"8b25bfb7ea2f997f4403bf7cdc473727150cc426"},t("div",{key:"5f7a35260df7c50d5d6bbf54c70c2bb26f83e8ac",class:"pex-pricefinder-top"},t("pn-illustration",{key:"3d54162b4f0808d6afc337c29a72ac31423366e4",illustration:d}),t("h2",{key:"304a71b2fec98e138dc1a6b68c8861cb99f3de72"},this.i18n.heading)),t("form",{key:"1417cd6ed9ec01173d8e5f4f89f7fd72dabc1864",method:"get",action:"",class:"pex-pricefinder-form",onSubmit:this.onSubmit.bind(this)},t("fieldset",{key:"adeae6e5fea069ab4e951c55b4364f8ea745da09"},t("div",{key:"8df12b84492fcadad7a2e452bc1dc8e2f8bfbb7e"},t("pn-input",{key:"bfebbabd1d749e995e4d846f8f0728f7e4148b76",type:"number",label:this.i18n.labelFrom,inputid:"fromzip",name:"fromzip",placeholder:this.i18n.zipPlaceholder,required:true,value:this.fromzip}),t("pn-input",{key:"c06f06e341a4f9a1d4c5ba23e3c2907b8d5bc3f6",type:"number",label:this.i18n.labelTo,inputid:"tozip",name:"tozip",placeholder:this.i18n.zipPlaceholder,required:true,value:this.tozip}))),t("fieldset",{key:"2a6c4228387318d4db57658c741cc75b68092b56"},t("div",{key:"dba319d84a813932594149259fd76dc84da9b51d"},t("pn-input",{key:"42634922f6e6588ee6946fdac0f65b2443b06c7b",type:"number",label:this.i18n.labelWeight,inputid:"weight",name:"weight",placeholder:this.i18n.weightPlaceholder,required:true,value:this.weight}),t("div",{key:"653ae149e0dfd322a42090d6ed87537b42a498fb",class:"datepicker"},t("label",{key:"c2b5cf6bd57dc0b2ea6978957d53dee5e0abee99",htmlFor:"when"},this.i18n.labelWhen),t("pn-marketweb-input",{key:"4abfe6bb222762c3c6955772ecad990eaa530c5c",inputid:"when",name:"when",type:"datetime-local",min:(new Date).toISOString().split("T")[0],value:this.when})))),t("fieldset",{key:"46c17056aa299eae0dddad6f41e5e2a3aa297e2e"},t("div",{key:"f385fa87fea9979bbd2d87fa8b222ae97c642f64"},t("pn-button",{key:"6fa00e7cd95447350272938d70132d8fdbdd5934",type:"submit"},this.i18n.submitButtonText)))),this.response?t("div",{class:"pex-pricefinder-response"},t("strong",null,this.response.data.value," ",this.currency)):null)}};h.style=c;export{h as pn_pex_pricefinder};
+//# sourceMappingURL=p-65ab3003.entry.js.map

package/dist/pn-market-web-components/{p-41cdac85.entry.js.map → p-65ab3003.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["translations","sv","heading","labelFrom","labelTo","zipPlaceholder","labelWeight","weightPlaceholder","labelWhen","submitButtonText","en","illustration","PEX_truck","pnPexPricefinderCss","PnPexPricefinderStyle0","PnPexPricefinder","componentWillLoad","this","init","setInitialTime","checkParameters","setLanguage","initialTime","Date","setHours","getHours","setMinutes","splitTime","toLocaleString","timeZoneName","split","when","substring","params","URLSearchParams","window","location","href","paramKeys","forEach","key","get","language","i18n","onSubmit","e","preventDefault","formData","FormData","target","requestQuery","compileRequestQuery","fetchResult","query","from","to","weight","hostElement","querySelector","value","console","error","response","req","fetch","apiUrl","toString","method","headers","catch","onFetchError","bind","json","import","default","render","h","Host","class","action","type","label","inputid","name","placeholder","required","fromzip","tozip","htmlFor","min","toISOString","data","currency"],"sources":["src/components/widgets/pn-pex-pricefinder/translations.ts","node_modules/pn-design-assets/pn-assets/illustrations/PEX_truck.js","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.scss?tag=pn-pex-pricefinder","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    heading: 'Prisindikation med PEX Bud',\n    labelFrom: 'Från postkod',\n    labelTo: 'Till postkod',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Vikt (i kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'När',\n    submitButtonText: 'Beräkna pris',\n  },\n  en: {\n    heading: 'Calculate price with PEX Bud',\n    labelFrom: 'From zip',\n    labelTo: 'To zip',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Weight (in kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'When',\n    submitButtonText: 'Calculate price',\n  },\n};\n","const illustration = '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#PEX-truck_svg__a)\"><path fill=\"#8EDDF9\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/><path fill=\"#0D234B\" fill-rule=\"evenodd\" d=\"M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564\" clip-rule=\"evenodd\"/><path fill=\"#000\" d=\"M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319\"/><path fill=\"#D3CECB\" d=\"M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z\"/><path fill=\"#F3F2F2\" d=\"M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z\"/><path fill=\"#2D2013\" d=\"M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z\"/><path fill=\"#000\" d=\"M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z\"/><path fill=\"#5E554A\" fill-rule=\"evenodd\" d=\"M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504\" clip-rule=\"evenodd\"/><path fill=\"#00A0D6\" d=\"M63.995 98.848 123.334 22h9.431L73.381 98.938z\"/><path fill=\"#A7A6A6\" d=\"m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z\"/><path fill=\"#000\" d=\"M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z\"/><path fill=\"#000\" d=\"M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319\"/><path fill=\"#5E554A\" d=\"M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108\"/><path fill=\"#fff\" d=\"M58.583 58.595h-6.498v1.354h6.498z\"/><path fill=\"#fff\" d=\"M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z\"/><path fill=\"#1798D5\" d=\"m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z\"/><path fill=\"#fff\" d=\"m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812\"/></g><defs><clipPath id=\"PEX-truck_svg__a\"><path fill=\"#fff\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/></clipPath></defs></svg>';\nexport const PEX_truck = illustration;\nexport const pEXTruck = illustration;\n","@import '../../../globals/main.scss';\n\npn-pex-pricefinder {\n}\n\n.pex-pricefinder-top {\n  display: flex;\n  align-items: center;\n  pn-illustration {\n    width: 5.5rem;\n    height: 5.5rem;\n    margin-right: 1.6rem;\n  }\n}\n\n.pex-pricefinder-form {\n  margin: 1.6rem 0 0 0;\n  padding: 0;\n  border: 0;\n  fieldset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    & + fieldset {\n      margin-top: 1.6rem;\n    }\n    > div {\n      display: flex;\n      align-items: center;\n      gap: 1em;\n      > * {\n        flex-grow: 1;\n        width: 100%;\n      }\n    }\n  }\n  pn-button {\n    align-self: end;\n    margin-left: auto;\n  }\n  .datepicker {\n    display: inline-flex;\n    flex-direction: column;\n    label {\n      margin-bottom: 0.4rem;\n      color: $gray700;\n      font-size: 0.875em;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      cursor: pointer;\n      transition: color 0.2s;\n    }\n    pn-date-picker {\n      width: 100%;\n    }\n  }\n}\n\n.pex-pricefinder-response {\n  margin-top: 2.4rem;\n  text-align: center;\n  font-size: 2.4em;\n}\n","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { translations } from './translations';\nimport { PexPriceFinderi18n, PexPriceFinderResponse } from './types';\nimport { PEX_truck } from 'pn-design-assets/pn-assets/illustrations.js';\n\n@Component({\n  tag: 'pn-pex-pricefinder',\n  styleUrl: 'pn-pex-pricefinder.scss',\n})\nexport class PnPexPricefinder {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which language we want to show component in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Currency (Kr, €)*/\n  @Prop() currency: string = 'Kr';\n  /** API Url */\n  @Prop() apiUrl: string = '/api/pex/order';\n\n  @State() i18n: PexPriceFinderi18n = translations.sv;\n\n  @State() fromzip: number = null;\n  @State() tozip: number = null;\n  @State() weight: number = 1;\n\n  @State() when: string = '';\n\n  @State() response: PexPriceFinderResponse = null;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  async init() {\n    this.setInitialTime();\n    this.checkParameters();\n    this.setLanguage();\n  }\n\n  setInitialTime() {\n    const initialTime = new Date();\n    initialTime.setHours(initialTime.getHours() + 1);\n    initialTime.setMinutes(0);\n    const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');\n    this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;\n  }\n\n  checkParameters() {\n    const params = new URLSearchParams(window.location.href);\n    if (!params) {\n      return;\n    }\n    const paramKeys = ['fromzip', 'tozip', 'weight', 'when'];\n    paramKeys.forEach(key => {\n      if (params.get(key)) {\n        this[key] = params.get(key);\n      }\n    });\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as PexPriceFinderi18n;\n    }\n  }\n\n  onSubmit(e) {\n    e.preventDefault();\n    const formData = new FormData(e.target);\n    const requestQuery = this.compileRequestQuery(formData);\n    this.fetchResult(requestQuery);\n  }\n\n  compileRequestQuery(formData: FormData) {\n    let query = {\n      from: formData.get('fromzip'),\n      to: formData.get('tozip'),\n      weight: formData.get('weight'),\n      when: formData.get('when'),\n    };\n    if (!query.when) {\n      query.when = (this.hostElement.querySelector('input.date-input') as HTMLInputElement).value;\n    }\n    if (!formData.get('fromzip') || !formData.get('tozip') || !formData.get('weight')) {\n      console.error('Form data is not compliant');\n      return;\n    }\n    return query;\n  }\n\n  async fetchResult(query: any) {\n    this.response = null;\n    const params = new URLSearchParams(query);\n    const req = await fetch(`${this.apiUrl}?${params.toString()}`, {\n      method: 'get',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    }).catch(this.onFetchError.bind(this));\n    let response = await req.json().catch(this.onFetchError.bind(this));\n    if (!response) {\n      response = await (await import('./mockresponse.json')).default;\n    }\n    if (response) {\n      this.response = response as PexPriceFinderResponse;\n    }\n  }\n\n  onFetchError(error) {\n    console.error('onFetchError(error', error);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pex-pricefinder-top\">\n          <pn-illustration illustration={PEX_truck} />\n          <h2>{this.i18n.heading}</h2>\n        </div>\n        <form method=\"get\" action=\"\" class=\"pex-pricefinder-form\" onSubmit={this.onSubmit.bind(this)}>\n          <fieldset>\n            <div>\n              <pn-input type=\"number\" label={this.i18n.labelFrom} inputid=\"fromzip\" name=\"fromzip\" placeholder={this.i18n.zipPlaceholder} required value={this.fromzip}></pn-input>\n              <pn-input type=\"number\" label={this.i18n.labelTo} inputid=\"tozip\" name=\"tozip\" placeholder={this.i18n.zipPlaceholder} required value={this.tozip}></pn-input>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-input\n                type=\"number\"\n                label={this.i18n.labelWeight}\n                inputid=\"weight\"\n                name=\"weight\"\n                placeholder={this.i18n.weightPlaceholder}\n                required\n                value={this.weight}\n              ></pn-input>\n              <div class=\"datepicker\">\n                <label htmlFor=\"when\">{this.i18n.labelWhen}</label>\n                <pn-marketweb-input inputid=\"when\" name=\"when\" type=\"datetime-local\" min={new Date().toISOString().split('T')[0]} value={this.when}></pn-marketweb-input>\n              </div>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-button type=\"submit\">{this.i18n.submitButtonText}</pn-button>\n            </div>\n          </fieldset>\n        </form>\n        {this.response ? (\n          <div class=\"pex-pricefinder-response\">\n            <strong>\n              {this.response.data.value} {this.currency}\n            </strong>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,QAAS,6BACTC,UAAW,eACXC,QAAS,eACTC,eAAgB,YAChBC,YAAa,gBACbC,kBAAmB,WACnBC,UAAW,MACXC,iBAAkB,gBAEpBC,GAAI,CACFR,QAAS,+BACTC,UAAW,WACXC,QAAS,SACTC,eAAgB,YAChBC,YAAa,mBACbC,kBAAmB,WACnBC,UAAW,OACXC,iBAAkB,oBCnBtB,MAAME,EAAe,0/HACd,MAAMC,EAAYD,ECDzB,MAAME,EAAsB,qzCAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,M,uCAGA,K,cAEA,K,YAEF,iB,UAEWf,EAAaC,G,aAEtB,K,WACF,K,YACC,E,UAEF,G,cAEoB,I,kCAE5C,iBAAAe,GACEC,KAAKC,M,CAGP,UAAMA,GACJD,KAAKE,iBACLF,KAAKG,kBACLH,KAAKI,a,CAGP,cAAAF,GACE,MAAMG,EAAc,IAAIC,KACxBD,EAAYE,SAASF,EAAYG,WAAa,GAC9CH,EAAYI,WAAW,GACvB,MAAMC,EAAYL,EAAYM,eAAe,KAAM,CAAEC,aAAc,UAAWC,MAAM,KACpFb,KAAKc,KAAO,GAAGJ,EAAU,MAAMA,EAAU,GAAGK,UAAU,EAAG,I,CAG3D,eAAAZ,GACE,MAAMa,EAAS,IAAIC,gBAAgBC,OAAOC,SAASC,MACnD,IAAKJ,EAAQ,CACX,M,CAEF,MAAMK,EAAY,CAAC,UAAW,QAAS,SAAU,QACjDA,EAAUC,SAAQC,IAChB,GAAIP,EAAOQ,IAAID,GAAM,CACnBvB,KAAKuB,GAAOP,EAAOQ,IAAID,E,KAM7B,WAAAnB,GACE,GAAIrB,EAAaiB,KAAKyB,UAAW,CAC/BzB,KAAK0B,KAAO3C,EAAaiB,KAAKyB,S,EAIlC,QAAAE,CAASC,GACPA,EAAEC,iBACF,MAAMC,EAAW,IAAIC,SAASH,EAAEI,QAChC,MAAMC,EAAejC,KAAKkC,oBAAoBJ,GAC9C9B,KAAKmC,YAAYF,E,CAGnB,mBAAAC,CAAoBJ,GAClB,IAAIM,EAAQ,CACVC,KAAMP,EAASN,IAAI,WACnBc,GAAIR,EAASN,IAAI,SACjBe,OAAQT,EAASN,IAAI,UACrBV,KAAMgB,EAASN,IAAI,SAErB,IAAKY,EAAMtB,KAAM,CACfsB,EAAMtB,KAAQd,KAAKwC,YAAYC,cAAc,oBAAyCC,K,CAExF,IAAKZ,EAASN,IAAI,aAAeM,EAASN,IAAI,WAAaM,EAASN,IAAI,UAAW,CACjFmB,QAAQC,MAAM,8BACd,M,CAEF,OAAOR,C,CAGT,iBAAMD,CAAYC,GAChBpC,KAAK6C,SAAW,KAChB,MAAM7B,EAAS,IAAIC,gBAAgBmB,GACnC,MAAMU,QAAYC,MAAM,GAAG/C,KAAKgD,UAAUhC,EAAOiC,aAAc,CAC7DC,OAAQ,MACRC,QAAS,CACP,eAAgB,sBAEjBC,MAAMpD,KAAKqD,aAAaC,KAAKtD,OAChC,IAAI6C,QAAiBC,EAAIS,OAAOH,MAAMpD,KAAKqD,aAAaC,KAAKtD,OAC7D,IAAK6C,EAAU,CACbA,cAAwBW,OAAO,oBAAwBC,O,CAEzD,GAAIZ,EAAU,CACZ7C,KAAK6C,SAAWA,C,EAIpB,YAAAQ,CAAaT,GACXD,QAAQC,MAAM,qBAAsBA,E,CAGtC,MAAAc,GACE,OACEC,EAACC,EAAI,CAAArC,IAAA,4CACHoC,EAAA,OAAApC,IAAA,2CAAKsC,MAAM,uBACTF,EAAA,mBAAApC,IAAA,2CAAiB7B,aAAcC,IAC/BgE,EAAA,MAAApC,IAAA,4CAAKvB,KAAK0B,KAAKzC,UAEjB0E,EAAA,QAAApC,IAAA,2CAAM2B,OAAO,MAAMY,OAAO,GAAGD,MAAM,uBAAuBlC,SAAU3B,KAAK2B,SAAS2B,KAAKtD,OACrF2D,EAAA,YAAApC,IAAA,4CACEoC,EAAA,OAAApC,IAAA,4CACEoC,EAAA,YAAApC,IAAA,2CAAUwC,KAAK,SAASC,MAAOhE,KAAK0B,KAAKxC,UAAW+E,QAAQ,UAAUC,KAAK,UAAUC,YAAanE,KAAK0B,KAAKtC,eAAgBgF,SAAQ,KAAC1B,MAAO1C,KAAKqE,UACjJV,EAAA,YAAApC,IAAA,2CAAUwC,KAAK,SAASC,MAAOhE,KAAK0B,KAAKvC,QAAS8E,QAAQ,QAAQC,KAAK,QAAQC,YAAanE,KAAK0B,KAAKtC,eAAgBgF,SAAQ,KAAC1B,MAAO1C,KAAKsE,UAG/IX,EAAA,YAAApC,IAAA,4CACEoC,EAAA,OAAApC,IAAA,4CACEoC,EAAA,YAAApC,IAAA,2CACEwC,KAAK,SACLC,MAAOhE,KAAK0B,KAAKrC,YACjB4E,QAAQ,SACRC,KAAK,SACLC,YAAanE,KAAK0B,KAAKpC,kBACvB8E,SAAQ,KACR1B,MAAO1C,KAAKuC,SAEdoB,EAAA,OAAApC,IAAA,2CAAKsC,MAAM,cACTF,EAAA,SAAApC,IAAA,2CAAOgD,QAAQ,QAAQvE,KAAK0B,KAAKnC,WACjCoE,EAAA,sBAAApC,IAAA,2CAAoB0C,QAAQ,OAAOC,KAAK,OAAOH,KAAK,iBAAiBS,KAAK,IAAIlE,MAAOmE,cAAc5D,MAAM,KAAK,GAAI6B,MAAO1C,KAAKc,UAIpI6C,EAAA,YAAApC,IAAA,4CACEoC,EAAA,OAAApC,IAAA,4CACEoC,EAAA,aAAApC,IAAA,2CAAWwC,KAAK,UAAU/D,KAAK0B,KAAKlC,qBAIzCQ,KAAK6C,SACJc,EAAA,OAAKE,MAAM,4BACTF,EAAA,cACG3D,KAAK6C,SAAS6B,KAAKhC,MAAK,IAAG1C,KAAK2E,WAGnC,K","ignoreList":[]}
+{"version":3,"names":["translations","sv","heading","labelFrom","labelTo","zipPlaceholder","labelWeight","weightPlaceholder","labelWhen","submitButtonText","en","illustration","PEX_truck","pnPexPricefinderCss","PnPexPricefinderStyle0","PnPexPricefinder","componentWillLoad","this","init","setInitialTime","checkParameters","setLanguage","initialTime","Date","setHours","getHours","setMinutes","splitTime","toLocaleString","timeZoneName","split","when","substring","params","URLSearchParams","window","location","href","paramKeys","forEach","key","get","language","i18n","onSubmit","e","preventDefault","formData","FormData","target","requestQuery","compileRequestQuery","fetchResult","query","from","to","weight","hostElement","querySelector","value","console","error","response","req","fetch","apiUrl","toString","method","headers","catch","onFetchError","bind","json","import","default","render","h","Host","class","action","type","label","inputid","name","placeholder","required","fromzip","tozip","htmlFor","min","toISOString","data","currency"],"sources":["src/components/widgets/pn-pex-pricefinder/translations.ts","node_modules/pn-design-assets/pn-assets/illustrations/PEX_truck.js","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.scss?tag=pn-pex-pricefinder","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    heading: 'Prisindikation med PEX Bud',\n    labelFrom: 'Från postkod',\n    labelTo: 'Till postkod',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Vikt (i kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'När',\n    submitButtonText: 'Beräkna pris',\n  },\n  en: {\n    heading: 'Calculate price with PEX Bud',\n    labelFrom: 'From zip',\n    labelTo: 'To zip',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Weight (in kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'When',\n    submitButtonText: 'Calculate price',\n  },\n};\n","const illustration = '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#PEX-truck_svg__a)\"><path fill=\"#8EDDF9\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/><path fill=\"#0D234B\" fill-rule=\"evenodd\" d=\"M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564\" clip-rule=\"evenodd\"/><path fill=\"#000\" d=\"M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319\"/><path fill=\"#D3CECB\" d=\"M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z\"/><path fill=\"#F3F2F2\" d=\"M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z\"/><path fill=\"#2D2013\" d=\"M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z\"/><path fill=\"#000\" d=\"M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z\"/><path fill=\"#5E554A\" fill-rule=\"evenodd\" d=\"M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504\" clip-rule=\"evenodd\"/><path fill=\"#00A0D6\" d=\"M63.995 98.848 123.334 22h9.431L73.381 98.938z\"/><path fill=\"#A7A6A6\" d=\"m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z\"/><path fill=\"#000\" d=\"M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z\"/><path fill=\"#000\" d=\"M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319\"/><path fill=\"#5E554A\" d=\"M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108\"/><path fill=\"#fff\" d=\"M58.583 58.595h-6.498v1.354h6.498z\"/><path fill=\"#fff\" d=\"M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z\"/><path fill=\"#1798D5\" d=\"m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z\"/><path fill=\"#fff\" d=\"m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812\"/></g><defs><clipPath id=\"PEX-truck_svg__a\"><path fill=\"#fff\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/></clipPath></defs></svg>';\nexport const PEX_truck = illustration;\nexport const pEXTruck = illustration;\n","@import '../../../globals/main.scss';\n\npn-pex-pricefinder {\n}\n\n.pex-pricefinder-top {\n  display: flex;\n  align-items: center;\n  pn-illustration {\n    width: 5.5rem;\n    height: 5.5rem;\n    margin-right: 1.6rem;\n  }\n}\n\n.pex-pricefinder-form {\n  margin: 1.6rem 0 0 0;\n  padding: 0;\n  border: 0;\n  fieldset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    & + fieldset {\n      margin-top: 1.6rem;\n    }\n    > div {\n      display: flex;\n      align-items: center;\n      gap: 1em;\n      > * {\n        flex-grow: 1;\n        width: 100%;\n      }\n    }\n  }\n  pn-button {\n    align-self: end;\n    margin-left: auto;\n  }\n  .datepicker {\n    display: inline-flex;\n    flex-direction: column;\n    label {\n      margin-bottom: 0.4rem;\n      color: $gray700;\n      font-size: 0.875em;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      cursor: pointer;\n      transition: color 0.2s;\n    }\n    pn-date-picker {\n      width: 100%;\n    }\n  }\n}\n\n.pex-pricefinder-response {\n  margin-top: 2.4rem;\n  text-align: center;\n  font-size: 2.4em;\n}\n","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { translations } from './translations';\nimport { PexPriceFinderi18n, PexPriceFinderResponse } from './types';\nimport { PEX_truck } from 'pn-design-assets/pn-assets/illustrations.js';\n\n@Component({\n  tag: 'pn-pex-pricefinder',\n  styleUrl: 'pn-pex-pricefinder.scss',\n})\nexport class PnPexPricefinder {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which language we want to show component in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Currency (Kr, €)*/\n  @Prop() currency: string = 'Kr';\n  /** API Url */\n  @Prop() apiUrl: string = '/api/pex/order';\n\n  @State() i18n: PexPriceFinderi18n = translations.sv;\n\n  @State() fromzip: number = null;\n  @State() tozip: number = null;\n  @State() weight: number = 1;\n\n  @State() when: string = '';\n\n  @State() response: PexPriceFinderResponse = null;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  async init() {\n    this.setInitialTime();\n    this.checkParameters();\n    this.setLanguage();\n  }\n\n  setInitialTime() {\n    const initialTime = new Date();\n    initialTime.setHours(initialTime.getHours() + 1);\n    initialTime.setMinutes(0);\n    const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');\n    this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;\n  }\n\n  checkParameters() {\n    const params = new URLSearchParams(window.location.href);\n    if (!params) {\n      return;\n    }\n    const paramKeys = ['fromzip', 'tozip', 'weight', 'when'];\n    paramKeys.forEach(key => {\n      if (params.get(key)) {\n        this[key] = params.get(key);\n      }\n    });\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as PexPriceFinderi18n;\n    }\n  }\n\n  onSubmit(e) {\n    e.preventDefault();\n    const formData = new FormData(e.target);\n    const requestQuery = this.compileRequestQuery(formData);\n    this.fetchResult(requestQuery);\n  }\n\n  compileRequestQuery(formData: FormData) {\n    let query = {\n      from: formData.get('fromzip'),\n      to: formData.get('tozip'),\n      weight: formData.get('weight'),\n      when: formData.get('when'),\n    };\n    if (!query.when) {\n      query.when = (this.hostElement.querySelector('input.date-input') as HTMLInputElement).value;\n    }\n    if (!formData.get('fromzip') || !formData.get('tozip') || !formData.get('weight')) {\n      console.error('Form data is not compliant');\n      return;\n    }\n    return query;\n  }\n\n  async fetchResult(query: any) {\n    this.response = null;\n    const params = new URLSearchParams(query);\n    const req = await fetch(`${this.apiUrl}?${params.toString()}`, {\n      method: 'get',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    }).catch(this.onFetchError.bind(this));\n    let response = await req.json().catch(this.onFetchError.bind(this));\n    if (!response) {\n      response = await (await import('./mockresponse.json')).default;\n    }\n    if (response) {\n      this.response = response as PexPriceFinderResponse;\n    }\n  }\n\n  onFetchError(error) {\n    console.error('onFetchError(error', error);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pex-pricefinder-top\">\n          <pn-illustration illustration={PEX_truck} />\n          <h2>{this.i18n.heading}</h2>\n        </div>\n        <form method=\"get\" action=\"\" class=\"pex-pricefinder-form\" onSubmit={this.onSubmit.bind(this)}>\n          <fieldset>\n            <div>\n              <pn-input type=\"number\" label={this.i18n.labelFrom} inputid=\"fromzip\" name=\"fromzip\" placeholder={this.i18n.zipPlaceholder} required value={this.fromzip}></pn-input>\n              <pn-input type=\"number\" label={this.i18n.labelTo} inputid=\"tozip\" name=\"tozip\" placeholder={this.i18n.zipPlaceholder} required value={this.tozip}></pn-input>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-input\n                type=\"number\"\n                label={this.i18n.labelWeight}\n                inputid=\"weight\"\n                name=\"weight\"\n                placeholder={this.i18n.weightPlaceholder}\n                required\n                value={this.weight}\n              ></pn-input>\n              <div class=\"datepicker\">\n                <label htmlFor=\"when\">{this.i18n.labelWhen}</label>\n                <pn-marketweb-input inputid=\"when\" name=\"when\" type=\"datetime-local\" min={new Date().toISOString().split('T')[0]} value={this.when}></pn-marketweb-input>\n              </div>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-button type=\"submit\">{this.i18n.submitButtonText}</pn-button>\n            </div>\n          </fieldset>\n        </form>\n        {this.response ? (\n          <div class=\"pex-pricefinder-response\">\n            <strong>\n              {this.response.data.value} {this.currency}\n            </strong>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/{p-6b1d045c.js → p-65f243c1.js}

@@ -1,2 +1,2 @@
-class t{href="";market="";language="";environment="";url=null;allowedLanguages=["sv","da","fi","no","en","de","zh","fr","es","it","nl"];allowedMarkets=["se","dk","fi","no","com","de","tpl","group"];wwwMarkets=["se","dk","fi","no","de","com"];developmentDomains=["localhost",".local","local.",".dev","dev."];markets={se:{fallbackLanguage:"sv",integration:"se-inte.postnord.com",preproduction:"se-prep.postnord.com",production:"se-prod.postnord.com",live:"www.postnord.se"},dk:{fallbackLanguage:"da",integration:"dk-inte.postnord.com",preproduction:"dk-prep.postnord.com",production:"dk-prod.postnord.com",live:"www.postnord.dk"},fi:{fallbackLanguage:"fi",integration:"fi-inte.postnord.com",preproduction:"fi-prep.postnord.com",production:"fi-prod.postnord.com",live:"www.postnord.fi"},no:{fallbackLanguage:"no",integration:"no-inte.postnord.com",preproduction:"no-prep.postnord.com",production:"no-prod.postnord.com",live:"www.postnord.no"},com:{fallbackLanguage:"en",integration:"com-inte.postnord.com",preproduction:"com-prep.postnord.com",production:"com-prod.postnord.com",live:"www.postnord.com"},de:{fallbackLanguage:"en",integration:"de-inte.postnord.com",preproduction:"de-prep.postnord.com",production:"de-prod.postnord.com",live:"www.postnord.de"},tpl:{fallbackLanguage:"sv",integration:"tpl-inte.postnord.com",preproduction:"tpl-prep.postnord.com",production:"tpl-prod.postnord.com",live:"www.tpl.postnord.com"},group:{fallbackLanguage:"en",integration:"group-inte.postnord.com",preproduction:"group-prep.postnord.com",production:"group-prod.postnord.com",live:"group.postnord.com"}};environmentTypes=["integration","preproduction","production","inte","prep","prod"];environments={production:{name:"production",url:"https://www.postnord.xx/"},preproduction:{name:"preproduction",url:"https://com-prep.postnord.com/"},integration:{name:"integration",url:"https://com-inte.postnord.com/"}};constructor(t=window.location.href){this.href=t;this.url=new URL(this.href)}async getLanguage(){if(this.language){return this.language}await this.resolveLanguage();return this.language}async getMarket(){if(this.market){return this.market}await this.resolveMarket();return this.market}async getEndpoint(t,o=""){let n=this.environments.production.url;if(this.markets[o]&&this.markets[o][t]){if(t==="production"&&window.location.hostname.indexOf(this.markets[o]["live"])===0){return`https://`+this.markets[o]["live"]}if(window.location.hostname.indexOf(this.markets[o][t])===0){return`https://`+this.markets[o][t]}}if(this.environments[t]){n=this.environments[t].url;if(t===this.environments.production.name){if(this.wwwMarkets.indexOf(o)!==-1){n=n.replace(".xx","."+o)}else{n=n.replace(".xx",".com");n=n.replace("www.",o+".");if(o==="tpl"){n=n.replace("tpl.","www.tpl.")}}}}return n}async getEnvironmentName(){const t=this.environmentTypes.filter((t=>this.url.hostname.indexOf("-"+t)!==-1))[0];if(t){this.environment=t;return this.environment}if(this.url.hostname.indexOf("www.")!==-1){this.environment=this.environments.production.name;return this.environment}this.environment=this.environments.integration.name;return this.environment}isDevEnvironment(){const t=this.developmentDomains.filter((t=>this.url.hostname.indexOf(t)!==-1))[0];return t.length>0}async resolveMarket(){if(this.href.indexOf("//www.")!==-1){const t=this.url.hostname.substring(this.url.hostname.lastIndexOf(".")+1,this.url.hostname.length);if(t&&this.markets[t]){this.market=t}else{console.warn("Unable to define market from www. domain",this.href)}}const t=this.environmentTypes.filter((t=>this.url.hostname.indexOf("-"+t)!==-1));if(!this.market&&t&&t.length>0){const o=t[0];const n=this.url.hostname.substring(0,this.url.hostname.indexOf("-"+o));if(n&&this.markets[n]){this.market=n}else{console.warn("Unable to define market from preset environment names",this.href)}}if(!this.market){if(this.url.hostname.indexOf("www")===-1&&this.url.hostname.indexOf(".postnord.")>0){const t=this.url.hostname.indexOf(".")!==this.url.hostname.indexOf(".postnord")?this.url.hostname.indexOf("."):0;const o=this.url.hostname.substring(t,this.url.hostname.indexOf(".postnord."));if(this.allowedMarkets.indexOf(o)!==-1){this.market=o;return}}}if(!this.market){const t=this.developmentDomains.filter((t=>this.url.hostname.indexOf(t)!==-1))[0];if(!t){this.market=this.allowedMarkets[0];return}const o=this.href.replace(t,"");let n=this.allowedMarkets.filter((t=>{const n=["."+t,t+".","/"+t+"/"];const i=n.filter((t=>o.indexOf(t)!==-1));return i.length>0}))[0];if(n){this.market=n}else{let t=Object.entries(this.markets).filter((t=>{const n=["."+t[1].fallbackLanguage,t[1].fallbackLanguage+".","/"+t[1].fallbackLanguage+"/"];const i=n.filter((t=>o.indexOf(t)!==-1));return i.length>0}))[0];if(t&&t[0]){this.market=t[0]}}}if(!this.market){console.info("Was unable to detect market, used fallback");this.market=this.allowedMarkets[0]}}async resolveLanguage(){if(this.language){return}const t=[document.querySelector("html[lang]")?.getAttribute("lang"),document.querySelector('[http-equiv="content-language"][content]')?.getAttribute("content"),document.querySelector('[property="og:locale"][content]')?.getAttribute("content"),document.querySelector("[lang]")?.getAttribute("lang")];t.filter((t=>t)).forEach((t=>{if(this.allowedLanguages.indexOf(t)){this.language=t;return}}));if(!this.language&&this.market){this.language=this.markets[this.market].fallbackLanguage}}}export{t as M};
-//# sourceMappingURL=p-6b1d045c.js.map
+class t{href="";market="";language="";environment="";url=null;allowedLanguages=["sv","da","fi","no","en","de","zh","fr","es","it","nl"];allowedMarkets=["se","dk","fi","no","com","de","tpl","group"];wwwMarkets=["se","dk","fi","no","de","com"];developmentDomains=["localhost",".local","local.",".dev","dev."];markets={se:{fallbackLanguage:"sv",integration:"se-inte.postnord.com",preproduction:"se-prep.postnord.com",production:"se-prod.postnord.com",live:"www.postnord.se"},dk:{fallbackLanguage:"da",integration:"dk-inte.postnord.com",preproduction:"dk-prep.postnord.com",production:"dk-prod.postnord.com",live:"www.postnord.dk"},fi:{fallbackLanguage:"fi",integration:"fi-inte.postnord.com",preproduction:"fi-prep.postnord.com",production:"fi-prod.postnord.com",live:"www.postnord.fi"},no:{fallbackLanguage:"no",integration:"no-inte.postnord.com",preproduction:"no-prep.postnord.com",production:"no-prod.postnord.com",live:"www.postnord.no"},com:{fallbackLanguage:"en",integration:"com-inte.postnord.com",preproduction:"com-prep.postnord.com",production:"com-prod.postnord.com",live:"www.postnord.com"},de:{fallbackLanguage:"en",integration:"de-inte.postnord.com",preproduction:"de-prep.postnord.com",production:"de-prod.postnord.com",live:"www.postnord.de"},tpl:{fallbackLanguage:"sv",integration:"tpl-inte.postnord.com",preproduction:"tpl-prep.postnord.com",production:"tpl-prod.postnord.com",live:"www.tpl.postnord.com"},group:{fallbackLanguage:"en",integration:"group-inte.postnord.com",preproduction:"group-prep.postnord.com",production:"group-prod.postnord.com",live:"group.postnord.com"}};environmentTypes=["integration","preproduction","production","inte","prep","prod"];environments={production:{name:"production",url:"https://www.postnord.xx/"},preproduction:{name:"preproduction",url:"https://com-prep.postnord.com/"},integration:{name:"integration",url:"https://com-inte.postnord.com/"}};constructor(t=window.location.href){this.href=t;this.url=new URL(this.href)}async getLanguage(){if(this.language){return this.language}await this.resolveLanguage();return this.language}async getMarket(){if(this.market){return this.market}await this.resolveMarket();return this.market}async getEndpoint(t,o=""){let n=this.environments.production.url;if(this.markets[o]&&this.markets[o][t]){if(t==="production"&&window.location.hostname.indexOf(this.markets[o]["live"])===0){return`https://`+this.markets[o]["live"]}if(window.location.hostname.indexOf(this.markets[o][t])===0){return`https://`+this.markets[o][t]}}if(this.environments[t]){n=this.environments[t].url;if(t===this.environments.production.name){if(this.wwwMarkets.indexOf(o)!==-1){n=n.replace(".xx","."+o)}else{n=n.replace(".xx",".com");n=n.replace("www.",o+".");if(o==="tpl"){n=n.replace("tpl.","www.tpl.")}}}}return n}async getEnvironmentName(){const t=this.environmentTypes.filter((t=>this.url.hostname.indexOf("-"+t)!==-1))[0];if(t){this.environment=t;return this.environment}if(this.url.hostname.indexOf("www.")!==-1){this.environment=this.environments.production.name;return this.environment}this.environment=this.environments.integration.name;return this.environment}isDevEnvironment(){const t=this.developmentDomains.filter((t=>this.url.hostname.indexOf(t)!==-1))[0];return t.length>0}async resolveMarket(){if(this.href.indexOf("//www.")!==-1){const t=this.url.hostname.substring(this.url.hostname.lastIndexOf(".")+1,this.url.hostname.length);if(t&&this.markets[t]){this.market=t}else{console.warn("Unable to define market from www. domain",this.href)}}const t=this.environmentTypes.filter((t=>this.url.hostname.indexOf("-"+t)!==-1));if(!this.market&&t&&t.length>0){const o=t[0];const n=this.url.hostname.substring(0,this.url.hostname.indexOf("-"+o));if(n&&this.markets[n]){this.market=n}else{console.warn("Unable to define market from preset environment names",this.href)}}if(!this.market){if(this.url.hostname.indexOf("www")===-1&&this.url.hostname.indexOf(".postnord.")>0){const t=this.url.hostname.indexOf(".")!==this.url.hostname.indexOf(".postnord")?this.url.hostname.indexOf("."):0;const o=this.url.hostname.substring(t,this.url.hostname.indexOf(".postnord."));if(this.allowedMarkets.indexOf(o)!==-1){this.market=o;return}}}if(!this.market){const t=this.developmentDomains.filter((t=>this.url.hostname.indexOf(t)!==-1))[0];if(!t){this.market=this.allowedMarkets[0];return}const o=this.href.replace(t,"");let n=this.allowedMarkets.filter((t=>{const n=["."+t,t+".","/"+t+"/"];const i=n.filter((t=>o.indexOf(t)!==-1));return i.length>0}))[0];if(n){this.market=n}else{let t=Object.entries(this.markets).filter((t=>{const n=["."+t[1].fallbackLanguage,t[1].fallbackLanguage+".","/"+t[1].fallbackLanguage+"/"];const i=n.filter((t=>o.indexOf(t)!==-1));return i.length>0}))[0];if(t&&t[0]){this.market=t[0]}}}if(!this.market){console.info("Was unable to detect market, used fallback");this.market=this.allowedMarkets[0]}}async resolveLanguage(){if(this.language){return}const t=[document.querySelector("html[lang]")?.getAttribute("lang"),document.querySelector('[http-equiv="content-language"][content]')?.getAttribute("content"),document.querySelector('[property="og:locale"][content]')?.getAttribute("content"),document.querySelector("[lang]")?.getAttribute("lang")];t.filter((t=>t)).forEach((t=>{if(this.allowedLanguages.indexOf(t)){this.language=t;return}}));if(!this.language&&this.market){this.language=this.markets[this.market].fallbackLanguage}}}class o{storagePrefix="";constructor(t=""){this.storagePrefix=t}async fetchJson(t,o={},n=false,i=null){const e=typeof t==="string"?t:t.url;const s=e;let r=null;let p=null;if(n){p=this.store.get(s);if(p&&!p.permanent){if(p.data){return p.data}}}try{const e=await fetch(t,o);r=await e.json();if(n){if(typeof i==="function"&&p!=null){i(r)}this.store.set(s,this.wrapJson(r,true),true);this.store.set(s,this.wrapJson(r,false),false)}return r}catch(t){console.error(t);return null}}wrapJson(t,o=false){const n=new Date;return{timestamp:n.getTime(),time:n.toISOString(),data:t,permanent:o}}store={get:(t,o=false)=>{const n=o?window.localStorage:window.sessionStorage;const i=o?window.sessionStorage:window.localStorage;let e=n.getItem(`${this.storagePrefix}-${t}`);if(!e){e=i.getItem(`${this.storagePrefix}-${t}`)}if(!e){return e}if(e.indexOf("{")===0){try{return JSON.parse(e)}catch(t){}}if(e.indexOf(",")!==-1){return e.split(",")}return e},set:(t,o,n=false)=>{const i=n?window.localStorage:window.sessionStorage;if(typeof o==="object"&&typeof o.length==="undefined"){i.setItem(`${this.storagePrefix}-${t}`,JSON.stringify(o));return}i.setItem(`${this.storagePrefix}-${t}`,o)},remove:t=>{window.sessionStorage.removeItem(`${this.storagePrefix}-${t}`)}}}export{o as F,t as M};
+//# sourceMappingURL=p-65f243c1.js.map

package/dist/pn-market-web-components/p-65f243c1.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MarketWebContextService","href","market","language","environment","url","allowedLanguages","allowedMarkets","wwwMarkets","developmentDomains","markets","se","fallbackLanguage","integration","preproduction","production","live","dk","fi","no","com","de","tpl","group","environmentTypes","environments","name","constructor","window","location","this","URL","getLanguage","resolveLanguage","getMarket","resolveMarket","getEndpoint","environmentName","marketName","hostname","indexOf","replace","getEnvironmentName","likelyEnvironment","filter","x","isDevEnvironment","matchedDevEnvironment","length","domainRoot","substring","lastIndexOf","console","warn","matchedEnvironment","marketPrefix","start","potentialMarket","urlWithoutDomain","matchedMarket","typesOfFallback","matchedTypeOfFallback","y","filteredMarket","Object","entries","item","info","potentialLanguages","document","querySelector","getAttribute","forEach","FetchHelper","storagePrefix","namespace","fetchJson","input","init","useCache","onCacheUpdated","cacheKey","jsonData","cachedData","store","get","permanent","data","response","fetch","json","set","wrapJson","error","now","Date","timestamp","getTime","time","toISOString","key","permanentStorageFirst","firstProfider","localStorage","sessionStorage","secondProvider","value","getItem","JSON","parse","e","split","provider","setItem","stringify","remove","removeItem"],"sources":["src/globals/MarketWebContextService.ts","src/globals/FetchHelper.ts"],"sourcesContent":["class MarketWebContextService {\n  href = '';\n  market = '';\n  language = '';\n  environment = '';\n  url = null;\n  allowedLanguages = ['sv', 'da', 'fi', 'no', 'en', 'de', 'zh', 'fr', 'es', 'it', 'nl'];\n  allowedMarkets = ['se', 'dk', 'fi', 'no', 'com', 'de', 'tpl', 'group'];\n  wwwMarkets = ['se', 'dk', 'fi', 'no', 'de', 'com'];\n  developmentDomains = ['localhost', '.local', 'local.', '.dev', 'dev.'];\n\n  markets = {\n    se: {\n      fallbackLanguage: 'sv',\n      integration: 'se-inte.postnord.com',\n      preproduction: 'se-prep.postnord.com',\n      production: 'se-prod.postnord.com',\n      live: 'www.postnord.se',\n    },\n    dk: {\n      fallbackLanguage: 'da',\n      integration: 'dk-inte.postnord.com',\n      preproduction: 'dk-prep.postnord.com',\n      production: 'dk-prod.postnord.com',\n      live: 'www.postnord.dk',\n    },\n    fi: {\n      fallbackLanguage: 'fi',\n      integration: 'fi-inte.postnord.com',\n      preproduction: 'fi-prep.postnord.com',\n      production: 'fi-prod.postnord.com',\n      live: 'www.postnord.fi',\n    },\n    no: {\n      fallbackLanguage: 'no',\n      integration: 'no-inte.postnord.com',\n      preproduction: 'no-prep.postnord.com',\n      production: 'no-prod.postnord.com',\n      live: 'www.postnord.no',\n    },\n    com: {\n      fallbackLanguage: 'en',\n      integration: 'com-inte.postnord.com',\n      preproduction: 'com-prep.postnord.com',\n      production: 'com-prod.postnord.com',\n      live: 'www.postnord.com',\n    },\n    de: {\n      fallbackLanguage: 'en',\n      integration: 'de-inte.postnord.com',\n      preproduction: 'de-prep.postnord.com',\n      production: 'de-prod.postnord.com',\n      live: 'www.postnord.de',\n    },\n    tpl: {\n      fallbackLanguage: 'sv',\n      integration: 'tpl-inte.postnord.com',\n      preproduction: 'tpl-prep.postnord.com',\n      production: 'tpl-prod.postnord.com',\n      live: 'www.tpl.postnord.com',\n    },\n    group: {\n      fallbackLanguage: 'en',\n      integration: 'group-inte.postnord.com',\n      preproduction: 'group-prep.postnord.com',\n      production: 'group-prod.postnord.com',\n      live: 'group.postnord.com',\n    },\n  };\n  environmentTypes = ['integration', 'preproduction', 'production', 'inte', 'prep', 'prod'];\n  environments = {\n    production: {\n      name: 'production',\n      url: 'https://www.postnord.xx/',\n    },\n    preproduction: {\n      name: 'preproduction',\n      url: 'https://com-prep.postnord.com/',\n    },\n    integration: {\n      name: 'integration',\n      url: 'https://com-inte.postnord.com/',\n    },\n  };\n\n  constructor(href = window.location.href) {\n    this.href = href;\n    this.url = new URL(this.href);\n  }\n\n  async getLanguage() {\n    if (this.language) {\n      return this.language;\n    }\n    await this.resolveLanguage();\n    return this.language;\n  }\n\n  async getMarket() {\n    if (this.market) {\n      return this.market;\n    }\n    await this.resolveMarket();\n    return this.market;\n  }\n\n  async getEndpoint(environmentName, marketName = '') {\n    let url = this.environments.production.url;\n    if (this.markets[marketName] && this.markets[marketName][environmentName]) {\n      if (environmentName === 'production' && window.location.hostname.indexOf(this.markets[marketName]['live']) === 0) {\n        // If the environment is production and we're on the www domain we'll use that\n        return `https://` + this.markets[marketName]['live'];\n      }\n      if (window.location.hostname.indexOf(this.markets[marketName][environmentName]) === 0) {\n        return `https://` + this.markets[marketName][environmentName];\n      }\n    }\n\n    // Old solution to match URLs. Not bulletproof\n    if (this.environments[environmentName]) {\n      url = this.environments[environmentName].url;\n      if (environmentName === this.environments.production.name) {\n        if (this.wwwMarkets.indexOf(marketName) !== -1) {\n          // Handles www.postnord.xx domains\n          url = url.replace('.xx', '.' + marketName);\n        } else {\n          url = url.replace('.xx', '.com'); // Expect URL to end in postnord.com\n          url = url.replace('www.', marketName + '.');\n\n          if (marketName === 'tpl') {\n            url = url.replace('tpl.', 'www.tpl.');\n          }\n        }\n      }\n    }\n    return url;\n  }\n\n  async getEnvironmentName() {\n    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf('-' + x) !== -1)[0];\n\n    if (likelyEnvironment) {\n      this.environment = likelyEnvironment;\n      return this.environment;\n    }\n    if (this.url.hostname.indexOf('www.') !== -1) {\n      this.environment = this.environments.production.name;\n      return this.environment;\n    }\n\n    this.environment = this.environments.integration.name;\n    return this.environment;\n  }\n\n  isDevEnvironment() {\n    const matchedDevEnvironment = this.developmentDomains.filter(x => this.url.hostname.indexOf(x) !== -1)[0];\n    return matchedDevEnvironment.length > 0;\n  }\n\n  async resolveMarket() {\n    // Resolve market from www domains\n    if (this.href.indexOf('//www.') !== -1) {\n      const domainRoot = this.url.hostname.substring(this.url.hostname.lastIndexOf('.') + 1, this.url.hostname.length);\n      if (domainRoot && this.markets[domainRoot]) {\n        this.market = domainRoot;\n      } else {\n        console.warn('Unable to define market from www. domain', this.href);\n      }\n    }\n\n    // Check if domains are on one of the integration/preproduction/production environments urls\n    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf('-' + x) !== -1);\n    if (!this.market && likelyEnvironment && likelyEnvironment.length > 0) {\n      const matchedEnvironment = likelyEnvironment[0];\n      const marketPrefix = this.url.hostname.substring(0, this.url.hostname.indexOf('-' + matchedEnvironment));\n      if (marketPrefix && this.markets[marketPrefix]) {\n        this.market = marketPrefix;\n      } else {\n        console.warn('Unable to define market from preset environment names', this.href);\n      }\n    }\n\n    if (!this.market) {\n      if (this.url.hostname.indexOf('www') === -1 && this.url.hostname.indexOf('.postnord.') > 0) {\n        const start = this.url.hostname.indexOf('.') !== this.url.hostname.indexOf('.postnord') ? this.url.hostname.indexOf('.') : 0;\n        const potentialMarket = this.url.hostname.substring(start, this.url.hostname.indexOf('.postnord.'));\n        // Break down the subdomain to the word closest to .postnord. and take that word.\n        // Supports sub-sub domain down to 1 level.\n\n        if (this.allowedMarkets.indexOf(potentialMarket) !== -1) {\n          this.market = potentialMarket;\n          return;\n        }\n      }\n    }\n\n    // Check if we're on a development environment\n    if (!this.market) {\n      const matchedDevEnvironment = this.developmentDomains.filter(x => this.url.hostname.indexOf(x) !== -1)[0];\n      if (!matchedDevEnvironment) {\n        // Fallback to first allowed market\n        this.market = this.allowedMarkets[0];\n        return;\n      }\n\n      const urlWithoutDomain = this.href.replace(matchedDevEnvironment, '');\n\n      // We see if the dev environment contains something like /dk\n      let matchedMarket = this.allowedMarkets.filter(x => {\n        const typesOfFallback = ['.' + x, x + '.', '/' + x + '/']; // Ex /dk, dk.html, /dk/\n        const matchedTypeOfFallback = typesOfFallback.filter(y => urlWithoutDomain.indexOf(y) !== -1);\n        return matchedTypeOfFallback.length > 0;\n      })[0];\n\n      if (matchedMarket) {\n        this.market = matchedMarket;\n      } else {\n        // We do a similar filter for subpaths but for language this time\n        let filteredMarket = Object.entries(this.markets).filter(item => {\n          const typesOfFallback = ['.' + item[1].fallbackLanguage, item[1].fallbackLanguage + '.', '/' + item[1].fallbackLanguage + '/']; // Ex /dk, dk.html, /dk/\n          const matchedTypeOfFallback = typesOfFallback.filter(y => urlWithoutDomain.indexOf(y) !== -1);\n          return matchedTypeOfFallback.length > 0;\n        })[0];\n        if (filteredMarket && filteredMarket[0]) {\n          this.market = filteredMarket[0];\n        }\n      }\n    }\n\n    if (!this.market) {\n      console.info('Was unable to detect market, used fallback');\n      this.market = this.allowedMarkets[0];\n    }\n  }\n\n  async resolveLanguage() {\n    if (this.language) {\n      return;\n    }\n\n    const potentialLanguages = [\n      document.querySelector('html[lang]')?.getAttribute('lang'), // Get HTML tag language\n      document.querySelector('[http-equiv=\"content-language\"][content]')?.getAttribute('content'), // Obsolute tag but might still be used\n      document.querySelector('[property=\"og:locale\"][content]')?.getAttribute('content'), // Get open graph share language\n      document.querySelector('[lang]')?.getAttribute('lang'), // Find any tag with a lang attribute\n    ];\n    potentialLanguages\n      .filter(x => x)\n      .forEach(language => {\n        if (this.allowedLanguages.indexOf(language)) {\n          this.language = language;\n          return;\n        }\n      });\n    if (!this.language && this.market) {\n      this.language = this.markets[this.market].fallbackLanguage;\n    }\n  }\n}\n\nexport { MarketWebContextService };\n","class FetchHelper {\n  storagePrefix = '';\n  constructor(namespace = '') {\n    this.storagePrefix = namespace;\n  }\n\nasync fetchJson(input: RequestInfo, init: RequestInit = {}, useCache = false, onCacheUpdated: Function = null) {\n  const url = typeof input === 'string' ? input : (input as Request).url;\n  const cacheKey = url;\n  let jsonData = null;\n  let cachedData = null;\n\n  if (useCache) {\n    cachedData = this.store.get(cacheKey);\n    if (cachedData && !cachedData.permanent) {\n      if (cachedData.data) {\n        return cachedData.data;\n      }\n    }\n  }\n\n  try {\n    const response = await fetch(input, init);\n    jsonData = await response.json();\n\n    if (useCache) {\n      if (typeof onCacheUpdated === 'function' && cachedData != null) {\n        onCacheUpdated(jsonData);\n      }\n      this.store.set(cacheKey, this.wrapJson(jsonData, true), true);\n      this.store.set(cacheKey, this.wrapJson(jsonData, false), false);\n    }\n\n    return jsonData;\n  } catch (error) {\n    console.error(error);\n    return null;\n  }\n}\n\n  wrapJson(data: any, permanent = false) {\n    const now = new Date();\n    return {\n      timestamp: now.getTime(),\n      time: now.toISOString(),\n      data: data,\n      permanent: permanent,\n    };\n  }\n\n  store = {\n    get: (key: string, permanentStorageFirst = false) => {\n      const firstProfider = permanentStorageFirst ? window.localStorage : window.sessionStorage;\n      const secondProvider = permanentStorageFirst ? window.sessionStorage : window.localStorage;\n      let value = firstProfider.getItem(`${this.storagePrefix}-${key}`);\n      if (!value) {\n        value = secondProvider.getItem(`${this.storagePrefix}-${key}`);\n      }\n      if (!value) {\n        return value;\n      }\n      if (value.indexOf('{') === 0) {\n        try {\n          return JSON.parse(value);\n        } catch (e) {}\n      }\n      if (value.indexOf(',') !== -1) {\n        return value.split(',');\n      }\n      return value;\n    },\n    set: (key: string, value: any, permanent = false) => {\n      const provider = permanent ? window.localStorage : window.sessionStorage;\n      if (typeof value === 'object' && typeof value.length === 'undefined') {\n        provider.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));\n        return;\n      }\n      provider.setItem(`${this.storagePrefix}-${key}`, value);\n    },\n    remove: (key: string) => {\n      window.sessionStorage.removeItem(`${this.storagePrefix}-${key}`);\n    },\n  };\n}\n\nexport { FetchHelper };\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/p-6647d2c4.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as o,d as p}from"./p-bb1c965e.js";import{s}from"./p-8af1b914.js";import"./p-2509d18d.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-profile-modal-type{display:flex;width:100%;padding:3.2rem 0 1.2rem;flex-direction:column;gap:1.6rem;display:none}pn-profile-modal-type:first-of-type{margin-top:2.4rem}pn-profile-modal-type:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-modal-type:last-of-type .profileselectoroption{padding-bottom:0}pn-profile-modal-type[selected=true]{display:flex;opacity:1}";const l=i;const n=class{constructor(t){e(this,t);this.typeid="";this.name="false";this.selected=false;this.selectedprofile=null}get hostElement(){return t(this)}onSelectedChange(){if(this.selected){s.selectedType=this.name}s.selectedProfile="";[...this.hostElement.querySelectorAll("pn-profile-modal-profile")].map((e=>{e.setAttribute("selected","false")}))}render(){return o(p,{key:"3a793e061f08ed8281380956cc57bf76953fe9a4",selected:(s.selectedType===this.name)+"","selected-profile":s.selectedProfile+""},o("slot",{key:"e7ed26eb8e697559ec5311ece18638380cd75b99"}))}static get watchers(){return{selected:["onSelectedChange"]}}};n.style=l;export{n as pn_profile_modal_type};
+//# sourceMappingURL=p-6647d2c4.entry.js.map

package/dist/pn-market-web-components/{p-79e4715c.entry.js.map → p-6647d2c4.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProfileModalTypeCss","PnProfileModalTypeStyle0","PnProfileModalType","onSelectedChange","this","selected","state","selectedType","name","selectedProfile","hostElement","querySelectorAll","map","x","setAttribute","render","h","Host","key"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-type.scss?tag=pn-profile-modal-type","src/components/profile/pn-profile-modal/pn-profile-modal-type.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-type {\n  display: flex;\n  width: 100%;\n  padding: 3.2rem 0 1.2rem;\n  flex-direction: column;\n  gap: 1.6rem;\n  &:first-of-type {\n    margin-top: 2.4rem;\n  }\n  &:last-of-type {\n    border-bottom: 0;\n    padding-bottom: 0;\n    .profileselectoroption {\n      padding-bottom: 0;\n    }\n  }\n  display: none;\n  &[selected='true'] {\n    display: flex;\n    opacity: 1;\n  }\n}\n","import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';\nimport state from './pn-profile-modal-store';\n@Component({\n  tag: 'pn-profile-modal-type',\n  styleUrl: 'pn-profile-modal-type.scss',\n})\nexport class PnProfileModalType {\n  @Element() hostElement: Element;\n\n  @Prop({ reflect: true }) typeid: string = '';\n  @Prop({ mutable: true }) name: string = 'false';\n  @Prop({ mutable: true }) selected: boolean = false;\n  @Prop({ mutable: true }) selectedprofile: string = null;\n\n  @Watch('selected')\n  onSelectedChange() {\n    if (this.selected) {\n      state.selectedType = this.name;\n    }\n    state.selectedProfile = '';\n    [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map(x => {\n      x.setAttribute('selected', 'false');\n    });\n  }\n  render() {\n    return (\n      <Host selected={(state.selectedType === this.name) + ''} selected-profile={state.selectedProfile + ''}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAwB,gxBAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,qCAGa,G,UACF,Q,cACK,M,qBACM,I,kCAGnD,gBAAAC,GACE,GAAIC,KAAKC,SAAU,CACjBC,EAAMC,aAAeH,KAAKI,I,CAE5BF,EAAMG,gBAAkB,GACxB,IAAIL,KAAKM,YAAYC,iBAAiB,6BAA6BC,KAAIC,IACrEA,EAAEC,aAAa,WAAY,QAAQ,G,CAGvC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACb,UAAWC,EAAMC,eAAiBH,KAAKI,MAAQ,GAAE,mBAAoBF,EAAMG,gBAAkB,IACjGO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["pnProfileModalTypeCss","PnProfileModalTypeStyle0","PnProfileModalType","onSelectedChange","this","selected","state","selectedType","name","selectedProfile","hostElement","querySelectorAll","map","x","setAttribute","render","h","Host","key"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-type.scss?tag=pn-profile-modal-type","src/components/profile/pn-profile-modal/pn-profile-modal-type.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-type {\n  display: flex;\n  width: 100%;\n  padding: 3.2rem 0 1.2rem;\n  flex-direction: column;\n  gap: 1.6rem;\n  &:first-of-type {\n    margin-top: 2.4rem;\n  }\n  &:last-of-type {\n    border-bottom: 0;\n    padding-bottom: 0;\n    .profileselectoroption {\n      padding-bottom: 0;\n    }\n  }\n  display: none;\n  &[selected='true'] {\n    display: flex;\n    opacity: 1;\n  }\n}\n","import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';\nimport state from './pn-profile-modal-store';\n@Component({\n  tag: 'pn-profile-modal-type',\n  styleUrl: 'pn-profile-modal-type.scss',\n})\nexport class PnProfileModalType {\n  @Element() hostElement: Element;\n\n  @Prop({ reflect: true }) typeid: string = '';\n  @Prop({ mutable: true }) name: string = 'false';\n  @Prop({ mutable: true }) selected: boolean = false;\n  @Prop({ mutable: true }) selectedprofile: string = null;\n\n  @Watch('selected')\n  onSelectedChange() {\n    if (this.selected) {\n      state.selectedType = this.name;\n    }\n    state.selectedProfile = '';\n    [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map(x => {\n      x.setAttribute('selected', 'false');\n    });\n  }\n  render() {\n    return (\n      <Host selected={(state.selectedType === this.name) + ''} selected-profile={state.selectedProfile + ''}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"gHAAA,MAAMA,EAAwB,ucAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,qCAGa,G,UACF,Q,cACK,M,qBACM,I,kCAGnD,gBAAAC,GACE,GAAIC,KAAKC,SAAU,CACjBC,EAAMC,aAAeH,KAAKI,I,CAE5BF,EAAMG,gBAAkB,GACxB,IAAIL,KAAKM,YAAYC,iBAAiB,6BAA6BC,KAAIC,IACrEA,EAAEC,aAAa,WAAY,QAAQ,G,CAGvC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACb,UAAWC,EAAMC,eAAiBH,KAAKI,MAAQ,GAAE,mBAAoBF,EAAMG,gBAAkB,IACjGO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/pn-market-web-components/p-6a5f7dee.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as i,h as t,d as n}from"./p-bb1c965e.js";import{s as l}from"./p-13190b30.js";import{a as r}from"./p-36b39340.js";import"./p-2509d18d.js";const a='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z" clip-rule="evenodd"/></svg>';const s=a;const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}pn-marketweb-siteheader-login-linklist .pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:#005d92}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:#005d92 !important}pn-marketweb-siteheader-login-linklist ul>li:hover a{color:#0d234b;text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:#0d234b !important}pn-marketweb-siteheader-login-linklist ul>li:last-of-type{margin-bottom:0}";const p=o;const h=class{constructor(i){e(this,i);this.heading=null;this.links=[];this.idNamespace="";this.showUnifiedLogin=false}get hostElement(){return i(this)}componentWillLoad(){}uniqueId(e){return"loginlink-"+e.replace(/[^A-Za-z0-9.\\\/]/gim,"")+"-"+this.idNamespace}linkAppearanceAttributes(e){let i={};if(e.linkType){switch(e.linkType){case"primary":i={appearance:"",variant:""};break;case"secondary":i={appearance:"light",variant:"outlined"};break;case"regularlink":default:i={appearance:"light",variant:"borderless",icon:r};break}return i}if(!e.linkType){i={appearance:e.primaryLinkApperance?"dark":"light"}}return i}renderListAsButtons(e){return t("li",null,t("pn-button",{href:e.href,id:this.uniqueId(e.linkText),...e.openInNewWindow&&{target:"_blank"},...this.linkAppearanceAttributes(e),onClick:()=>{if(e.isLogoutLink){l.loginManager.clearUserData()}}},e.linkText))}renderListAsLinks(e){return t("li",null,t("a",{href:e.href,id:this.uniqueId(e.linkText),...e.openInNewWindow&&{target:"_blank"},onClick:()=>{if(e.isLogoutLink){l.loginManager.clearUserData()}}},e.linkText,e.isLogoutLink?t("pn-icon",{icon:s}):t("pn-icon",{icon:r})))}render(){if(!this.links||this.links.length===0){return}return t(n,null,this.heading?t("h4",{class:"pn-marketweb-siteheader-login-linklist-heading"},this.heading):null,t("ul",null,this.links.map((e=>{{return this.showUnifiedLogin?this.renderListAsLinks(e):this.renderListAsButtons(e)}}))))}};h.style=p;export{h as pn_marketweb_siteheader_login_linklist};
+//# sourceMappingURL=p-6a5f7dee.entry.js.map

package/dist/pn-market-web-components/{p-3e197670.entry.js.map → p-6a5f7dee.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icon","transfer","pnMarketwebSiteheaderLoginLinklistCss","PnMarketwebSiteheaderLoginLinklistStyle0","PnMarketwebSiteheaderLoginLinklist","componentWillLoad","uniqueId","text","replace","this","idNamespace","linkAppearanceAttributes","link","attributes","linkType","appearance","variant","arrow_right","primaryLinkApperance","renderListAsButtons","h","href","id","linkText","openInNewWindow","target","onClick","isLogoutLink","headerState","loginManager","clearUserData","renderListAsLinks","render","links","length","Host","heading","class","map","showUnifiedLogin"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-linklist {\n  display: flex;\n  flex-direction: column;\n\n  .pn-marketweb-siteheader-login-linklist-heading {\n    font-weight: 500;\n    font-size: 1.6rem;\n    margin-bottom: 2.4rem;\n  }\n  \n  strong {\n    margin-bottom: 2.4rem;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  ul > li {\n    margin-bottom: 2.4rem;\n    a:not(.pn-button) {\n      color: $blue700;\n    }\n\n    a {\n      text-decoration: none;\n      font-size: 1.6rem;\n      line-height: 1.5;\n      font-weight: 500;\n    }\n\n    pn-icon {\n      padding-left: 0.8rem;\n      svg > path {\n        fill: $blue700 !important;\n      }\n    }\n\n    &:hover {\n      a {\n        color: $blue900;\n        text-decoration: underline;\n      }\n\n      pn-icon {\n        svg > path {\n          fill: $blue900 !important;\n        }\n      }\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n}","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-linklist',\n  styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() links: LoginDialogLink[] = [];\n  @Prop() idNamespace: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {}\n\n  uniqueId(text: string) {\n    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n  }\n\n  linkAppearanceAttributes(link) {\n    let attributes = {};\n    if (link.linkType) {\n      switch (link.linkType) {\n        case 'primary':\n          attributes = {\n            appearance: '',\n            variant: '',\n          };\n          break;\n        case 'secondary':\n          attributes = {\n            appearance: 'light',\n            variant: 'outlined',\n          };\n          break;\n        case 'regularlink':\n        default:\n          attributes = {\n            appearance: 'light',\n            variant: 'borderless',\n            icon: arrow_right,\n          };\n          break;\n      }\n      return attributes;\n    }\n    if (!link.linkType) {\n      attributes = {\n        appearance: link.primaryLinkApperance ? 'dark' : 'light',\n      };\n    }\n    return attributes;\n  }\n\n  renderListAsButtons(link) {\n    return (\n      <li>\n        <pn-button\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          {...this.linkAppearanceAttributes(link)}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n        </pn-button>\n      </li>\n    );\n  }\n\n  renderListAsLinks(link) {\n    return (\n      <li>\n        <a\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n          {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n        </a>\n      </li>\n    );\n  }\n\n  render() {\n    if (!this.links || this.links.length === 0) {\n      return;\n    }\n    return (\n      <Host>\n        {this.heading ? <h4 class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</h4> : null}\n        <ul>\n          {this.links.map(link => {\n            {\n              return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAO,icACN,MAAMC,EAAWD,ECDxB,MAAME,EAAwC,66CAC9C,MAAAC,EAAeD,E,MCSFE,EAAkC,M,sCAGnB,K,WACS,G,iBACL,G,sBACM,K,kCAEpC,iBAAAC,GAAiB,CAEjB,QAAAC,CAASC,GACP,MAAO,aAAeA,EAAKC,QAAQ,uBAAwB,IAAM,IAAMC,KAAKC,W,CAG9E,wBAAAC,CAAyBC,GACvB,IAAIC,EAAa,GACjB,GAAID,EAAKE,SAAU,CACjB,OAAQF,EAAKE,UACX,IAAK,UACHD,EAAa,CACXE,WAAY,GACZC,QAAS,IAEX,MACF,IAAK,YACHH,EAAa,CACXE,WAAY,QACZC,QAAS,YAEX,MACF,IAAK,cACL,QACEH,EAAa,CACXE,WAAY,QACZC,QAAS,aACThB,KAAMiB,GAER,MAEJ,OAAOJ,C,CAET,IAAKD,EAAKE,SAAU,CAClBD,EAAa,CACXE,WAAYH,EAAKM,qBAAuB,OAAS,Q,CAGrD,OAAOL,C,CAGT,mBAAAM,CAAoBP,GAClB,OACEQ,EAAA,UACEA,EAAA,aACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,aACnChB,KAAKE,yBAAyBC,GAClCc,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,U,CAMd,iBAAAQ,CAAkBnB,GAChB,OACEQ,EAAA,UACEA,EAAA,KACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,UACvCC,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,SACLX,EAAKe,aAAeP,EAAA,WAASpB,KAAMC,IAAuBmB,EAAA,WAASpB,KAAMiB,K,CAMlF,MAAAe,GACE,IAAKvB,KAAKwB,OAASxB,KAAKwB,MAAMC,SAAW,EAAG,CAC1C,M,CAEF,OACEd,EAACe,EAAI,KACF1B,KAAK2B,QAAUhB,EAAA,MAAIiB,MAAM,kDAAkD5B,KAAK2B,SAAgB,KACjGhB,EAAA,UACGX,KAAKwB,MAAMK,KAAI1B,IACd,CACE,OAAOH,KAAK8B,iBAAmB9B,KAAKsB,kBAAkBnB,GAAQH,KAAKU,oBAAoBP,E","ignoreList":[]}
+{"version":3,"names":["icon","transfer","pnMarketwebSiteheaderLoginLinklistCss","PnMarketwebSiteheaderLoginLinklistStyle0","PnMarketwebSiteheaderLoginLinklist","componentWillLoad","uniqueId","text","replace","this","idNamespace","linkAppearanceAttributes","link","attributes","linkType","appearance","variant","arrow_right","primaryLinkApperance","renderListAsButtons","h","href","id","linkText","openInNewWindow","target","onClick","isLogoutLink","headerState","loginManager","clearUserData","renderListAsLinks","render","links","length","Host","heading","class","map","showUnifiedLogin"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-linklist {\n  display: flex;\n  flex-direction: column;\n\n  .pn-marketweb-siteheader-login-linklist-heading {\n    font-weight: 500;\n    font-size: 1.6rem;\n    margin-bottom: 2.4rem;\n  }\n  \n  strong {\n    margin-bottom: 2.4rem;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  ul > li {\n    margin-bottom: 2.4rem;\n    a:not(.pn-button) {\n      color: $blue700;\n    }\n\n    a {\n      text-decoration: none;\n      font-size: 1.6rem;\n      line-height: 1.5;\n      font-weight: 500;\n    }\n\n    pn-icon {\n      padding-left: 0.8rem;\n      svg > path {\n        fill: $blue700 !important;\n      }\n    }\n\n    &:hover {\n      a {\n        color: $blue900;\n        text-decoration: underline;\n      }\n\n      pn-icon {\n        svg > path {\n          fill: $blue900 !important;\n        }\n      }\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n}","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-linklist',\n  styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() links: LoginDialogLink[] = [];\n  @Prop() idNamespace: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {}\n\n  uniqueId(text: string) {\n    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n  }\n\n  linkAppearanceAttributes(link) {\n    let attributes = {};\n    if (link.linkType) {\n      switch (link.linkType) {\n        case 'primary':\n          attributes = {\n            appearance: '',\n            variant: '',\n          };\n          break;\n        case 'secondary':\n          attributes = {\n            appearance: 'light',\n            variant: 'outlined',\n          };\n          break;\n        case 'regularlink':\n        default:\n          attributes = {\n            appearance: 'light',\n            variant: 'borderless',\n            icon: arrow_right,\n          };\n          break;\n      }\n      return attributes;\n    }\n    if (!link.linkType) {\n      attributes = {\n        appearance: link.primaryLinkApperance ? 'dark' : 'light',\n      };\n    }\n    return attributes;\n  }\n\n  renderListAsButtons(link) {\n    return (\n      <li>\n        <pn-button\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          {...this.linkAppearanceAttributes(link)}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n        </pn-button>\n      </li>\n    );\n  }\n\n  renderListAsLinks(link) {\n    return (\n      <li>\n        <a\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n          {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n        </a>\n      </li>\n    );\n  }\n\n  render() {\n    if (!this.links || this.links.length === 0) {\n      return;\n    }\n    return (\n      <Host>\n        {this.heading ? <h4 class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</h4> : null}\n        <ul>\n          {this.links.map(link => {\n            {\n              return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAO,icACN,MAAMC,EAAWD,ECDxB,MAAME,EAAwC,omCAC9C,MAAAC,EAAeD,E,MCSFE,EAAkC,M,sCAGnB,K,WACS,G,iBACL,G,sBACM,K,kCAEpC,iBAAAC,GAAiB,CAEjB,QAAAC,CAASC,GACP,MAAO,aAAeA,EAAKC,QAAQ,uBAAwB,IAAM,IAAMC,KAAKC,W,CAG9E,wBAAAC,CAAyBC,GACvB,IAAIC,EAAa,GACjB,GAAID,EAAKE,SAAU,CACjB,OAAQF,EAAKE,UACX,IAAK,UACHD,EAAa,CACXE,WAAY,GACZC,QAAS,IAEX,MACF,IAAK,YACHH,EAAa,CACXE,WAAY,QACZC,QAAS,YAEX,MACF,IAAK,cACL,QACEH,EAAa,CACXE,WAAY,QACZC,QAAS,aACThB,KAAMiB,GAER,MAEJ,OAAOJ,C,CAET,IAAKD,EAAKE,SAAU,CAClBD,EAAa,CACXE,WAAYH,EAAKM,qBAAuB,OAAS,Q,CAGrD,OAAOL,C,CAGT,mBAAAM,CAAoBP,GAClB,OACEQ,EAAA,UACEA,EAAA,aACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,aACnChB,KAAKE,yBAAyBC,GAClCc,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,U,CAMd,iBAAAQ,CAAkBnB,GAChB,OACEQ,EAAA,UACEA,EAAA,KACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,UACvCC,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,SACLX,EAAKe,aAAeP,EAAA,WAASpB,KAAMC,IAAuBmB,EAAA,WAASpB,KAAMiB,K,CAMlF,MAAAe,GACE,IAAKvB,KAAKwB,OAASxB,KAAKwB,MAAMC,SAAW,EAAG,CAC1C,M,CAEF,OACEd,EAACe,EAAI,KACF1B,KAAK2B,QAAUhB,EAAA,MAAIiB,MAAM,kDAAkD5B,KAAK2B,SAAgB,KACjGhB,EAAA,UACGX,KAAKwB,MAAMK,KAAI1B,IACd,CACE,OAAOH,KAAK8B,iBAAmB9B,KAAKsB,kBAAkBnB,GAAQH,KAAKU,oBAAoBP,E","ignoreList":[]}