@postnord/pn-marketweb-components 4.5.1 → 4.6.1

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

@@ -1,2 +0,0 @@
-import{r as i,g as n,h as t,d as e}from"./p-b3a13b6a.js";import{s as l}from"./p-8c42f598.js";import{a as o}from"./p-36b39340.js";import"./p-2132ad75.js";const r='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="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 a=r;const s=(i,n)=>{const t="PRODUCTION";const e="https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=";const l="https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=";const o="/login?returnUrl=";if(i){return o}else if(n.toUpperCase()!==t){return e}else{return l}};const h="";const d=h;const c=class{constructor(n){i(this,n);this.label="Log in";this.useMarketwebLogin=false;this.environment="local"}get hostElement(){return n(this)}loginUrl;componentWillLoad(){this.loginUrl=s(this.useMarketwebLogin,this.environment)}nagivateToLoginUrl(){const i=`${this.loginUrl}${encodeURIComponent(window.location.href)}`;return i}render(){return t(e,{key:"be5764812e9610f5799856b27aa4517469d9a24f"},t("pn-button",{key:"4a6b17d0e79ddedd0d06094aac2a44c6f9fda666",href:this.nagivateToLoginUrl()},this.label))}};c.style=d;const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-siteheader-login-linklist{--login-linklist-heading-color:var(--siteheader-login-linklist-heading-color, inherit);--login-linklist-link-color:var(--siteheader-login-linklist-link-color, #005d92);--login-linklist-link-hover-color:var(--siteheader-login-linklist-link-hover-color, #0d234b);--login-linklist-button-link-color:var(--siteheader-login-linklist-button-link-color, #ffffff);--login-linklist-icon-color:var(--siteheader-login-linklist-icon-color, #005d92);--login-linklist-icon-hover-color:var(--siteheader-login-linklist-icon-hover-color, #0d234b)}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}.pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem;color:var(--login-linklist-heading-color)}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:last-of-type{margin-bottom:0}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 a:hover{color:var(--login-linklist-button-link-color)}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:var(--login-linklist-link-color)}pn-marketweb-siteheader-login-linklist ul>li:hover a:not(.pn-button){color:var(--login-linklist-link-hover-color);text-decoration:underline}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:var(--login-linklist-icon-color) !important}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:var(--login-linklist-icon-hover-color) !important}";const g=p;const k=class{constructor(n){i(this,n);this.heading=null;this.links=[];this.idNamespace="";this.showUnifiedLogin=false}get hostElement(){return n(this)}componentWillLoad(){}uniqueId(i){return"loginlink-"+i.replace(/[^A-Za-z0-9.\\\/]/gim,"")+"-"+this.idNamespace}linkAppearanceAttributes(i){let n={};if(i.linkType){switch(i.linkType){case"primary":n={appearance:"",variant:""};break;case"secondary":n={appearance:"light",variant:"outlined"};break;case"regularlink":default:n={appearance:"light",variant:"borderless",icon:o};break}return n}if(!i.linkType){n={appearance:i.primaryLinkApperance?"dark":"light"}}return n}renderListAsButtons(i){return t("li",null,t("pn-button",{href:i.href,id:this.uniqueId(i.linkText),...i.openInNewWindow&&{target:"_blank"},...this.linkAppearanceAttributes(i),onClick:()=>{if(i.isLogoutLink){l.loginManager.clearUserData()}}},i.linkText))}renderListAsLinks(i){return t("li",null,t("a",{href:i.href,id:this.uniqueId(i.linkText),...i.openInNewWindow&&{target:"_blank"},onClick:()=>{if(i.isLogoutLink){l.loginManager.clearUserData()}}},i.linkText,i.isLogoutLink?t("pn-icon",{icon:a}):t("pn-icon",{icon:o})))}render(){if(!this.links||this.links.length===0){return}return t(e,null,this.heading?t("p",{class:"pn-marketweb-siteheader-login-linklist-heading"},this.heading):null,t("ul",null,this.links.map((i=>{{return this.showUnifiedLogin?this.renderListAsLinks(i):this.renderListAsButtons(i)}}))))}};k.style=g;export{c as pn_marketweb_siteheader_login_button,k as pn_marketweb_siteheader_login_linklist};
-//# sourceMappingURL=p-da4863ad.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icon","transfer","getLoginUrl","useMarketwebLogin","environment","environment_Production","devAuthUrl","prodAuthUrl","marketwebLoginUrl","toUpperCase","pnMarketwebSiteheaderLoginButtonCss","PnMarketwebSiteheaderLoginButtonStyle0","PnMarketwebSiteheaderLoginButton","loginUrl","componentWillLoad","this","nagivateToLoginUrl","navigationUrl","encodeURIComponent","window","location","href","render","h","Host","key","label","pnMarketwebSiteheaderLoginLinklistCss","PnMarketwebSiteheaderLoginLinklistStyle0","PnMarketwebSiteheaderLoginLinklist","uniqueId","text","replace","idNamespace","linkAppearanceAttributes","link","attributes","linkType","appearance","variant","arrow_right","primaryLinkApperance","renderListAsButtons","id","linkText","openInNewWindow","target","onClick","isLogoutLink","headerState","loginManager","clearUserData","renderListAsLinks","links","length","heading","class","map","showUnifiedLogin"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/unifiedLoginHelper.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.scss?tag=pn-marketweb-siteheader-login-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-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","export const getLoginUrl = (useMarketwebLogin:boolean, environment:string) => {\n\nconst environment_Production = \"PRODUCTION\";\n\nconst devAuthUrl = 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\nconst prodAuthUrl = 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\nconst marketwebLoginUrl = '/login?returnUrl=';\n\nif(useMarketwebLogin)\n  {\n    return marketwebLoginUrl;\n  }\n   else if (environment.toUpperCase() !== environment_Production) {\n      return devAuthUrl;\n    } else {\n        return prodAuthUrl;\n    } \n  };\n","pn-marketweb-siteheader-login-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { getLoginUrl } from './unifiedLoginHelper';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-button',\n  styleUrl: 'pn-marketweb-siteheader-login-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginButton {\n  @Element() hostElement: HTMLElement;\n  @Prop() label: string = 'Log in';\n  @Prop() useMarketwebLogin: boolean = false;\n  @Prop() environment: string = 'local';\n  \n  loginUrl: string;\n\n  componentWillLoad() {\n    this.loginUrl = getLoginUrl(this.useMarketwebLogin, this.environment);\n  }\n\n  nagivateToLoginUrl() {\n    const navigationUrl = `${this.loginUrl}${encodeURIComponent(window.location.href)}`;\n    return navigationUrl;\n  }\n\n  render() {\n    return (\n      <Host>\n        <pn-button href={this.nagivateToLoginUrl()}>{this.label}</pn-button>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-marketweb-siteheader-common.scss';\n\n// -----------------------------------------------------------------------------\n// Internal layout / visual constants (SCSS only)\n// -----------------------------------------------------------------------------\n$login-linklist-heading-font-weight: 500;\n$login-linklist-heading-font-size: 1.6rem;\n$login-linklist-heading-margin-bottom: 2.4rem;\n\n$login-linklist-strong-margin-bottom: 2.4rem;\n\n$login-linklist-list-item-margin-bottom: 2.4rem;\n\n$login-linklist-link-font-size: 1.6rem;\n$login-linklist-link-line-height: 1.5;\n$login-linklist-link-font-weight: 500;\n\n$login-linklist-icon-padding-left: 0.8rem;\n\n// -----------------------------------------------------------------------------\n// Component token defaults (CSS vars - only real override surface)\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist {\n  --login-linklist-heading-color: var(--siteheader-login-linklist-heading-color, inherit);\n\n  --login-linklist-link-color: var(--siteheader-login-linklist-link-color, #{$blue700});\n  --login-linklist-link-hover-color: var(--siteheader-login-linklist-link-hover-color, #{$blue900});\n\n    --login-linklist-button-link-color: var(--siteheader-login-linklist-button-link-color, #{$white});\n\n  --login-linklist-icon-color: var(--siteheader-login-linklist-icon-color, #{$blue700});\n  --login-linklist-icon-hover-color: var(--siteheader-login-linklist-icon-hover-color, #{$blue900});\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / layout\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist {\n  display: flex;\n  flex-direction: column;\n}\n\n// -----------------------------------------------------------------------------\n// Heading\n// -----------------------------------------------------------------------------\n.pn-marketweb-siteheader-login-linklist-heading {\n  font-weight: $login-linklist-heading-font-weight;\n  font-size: $login-linklist-heading-font-size;\n  margin-bottom: $login-linklist-heading-margin-bottom;\n  color: var(--login-linklist-heading-color);\n}\n\npn-marketweb-siteheader-login-linklist strong {\n  margin-bottom: $login-linklist-strong-margin-bottom;\n}\n\n// -----------------------------------------------------------------------------\n// List structure\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist ul {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\npn-marketweb-siteheader-login-linklist ul>li {\n  margin-bottom: $login-linklist-list-item-margin-bottom;\n\n  &:last-of-type {\n    margin-bottom: 0;\n  }\n}\n\n// -----------------------------------------------------------------------------\n// Links\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist ul>li a {\n  text-decoration: none;\n  font-size: $login-linklist-link-font-size;\n  line-height: $login-linklist-link-line-height;\n  font-weight: $login-linklist-link-font-weight;\n\n  &:hover {\n    color:var(--login-linklist-button-link-color);\n  }\n}\n\npn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button) {\n  color: var(--login-linklist-link-color);\n}\n\npn-marketweb-siteheader-login-linklist ul>li:hover a:not(.pn-button) {\n  color: var(--login-linklist-link-hover-color);\n  text-decoration: underline;\n}\n\n// -----------------------------------------------------------------------------\n// Icons\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist ul>li pn-icon {\n  padding-left: $login-linklist-icon-padding-left;\n\n  svg>path {\n    fill: var(--login-linklist-icon-color) !important;\n  }\n}\n\npn-marketweb-siteheader-login-linklist ul>li:hover pn-icon {\n  svg>path {\n    fill: var(--login-linklist-icon-hover-color) !important;\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 ? <p class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</p> : 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,ECDjB,MAAME,EAAc,CAACC,EAA2BC,KAEvD,MAAMC,EAAyB,aAE/B,MAAMC,EAAa,wFACnB,MAAMC,EAAc,sFACpB,MAAMC,EAAoB,oBAE1B,GAAGL,EACD,CACE,OAAOK,C,MAEH,GAAIJ,EAAYK,gBAAkBJ,EAAwB,CAC5D,OAAOC,C,KACF,CACH,OAAOC,C,GCff,MAAMG,EAAsC,GAC5C,MAAAC,EAAeD,E,MCOFE,EAAgC,M,oCAEnB,S,uBACa,M,iBACP,O,kCAE9BC,SAEA,iBAAAC,GACEC,KAAKF,SAAWX,EAAYa,KAAKZ,kBAAmBY,KAAKX,Y,CAG3D,kBAAAY,GACE,MAAMC,EAAgB,GAAGF,KAAKF,WAAWK,mBAAmBC,OAAOC,SAASC,QAC5E,OAAOJ,C,CAGT,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,aAAAE,IAAA,2CAAWJ,KAAMN,KAAKC,sBAAuBD,KAAKW,O,aC5B1D,MAAMC,EAAwC,4sEAC9C,MAAAC,EAAeD,E,MCSFE,EAAkC,M,sCAGnB,K,WACS,G,iBACL,G,sBACM,K,kCAEpC,iBAAAf,GAAiB,CAEjB,QAAAgB,CAASC,GACP,MAAO,aAAeA,EAAKC,QAAQ,uBAAwB,IAAM,IAAMjB,KAAKkB,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,aACTvC,KAAMwC,GAER,MAEJ,OAAOJ,C,CAET,IAAKD,EAAKE,SAAU,CAClBD,EAAa,CACXE,WAAYH,EAAKM,qBAAuB,OAAS,Q,CAGrD,OAAOL,C,CAGT,mBAAAM,CAAoBP,GAClB,OACEZ,EAAA,UACEA,EAAA,aACEF,KAAMc,EAAKd,KACXsB,GAAI5B,KAAKe,SAASK,EAAKS,aAClBT,EAAKU,iBAAmB,CAAEC,OAAQ,aACnC/B,KAAKmB,yBAAyBC,GAClCY,QAAS,KACP,GAAIZ,EAAKa,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BhB,EAAKS,U,CAMd,iBAAAQ,CAAkBjB,GAChB,OACEZ,EAAA,UACEA,EAAA,KACEF,KAAMc,EAAKd,KACXsB,GAAI5B,KAAKe,SAASK,EAAKS,aAClBT,EAAKU,iBAAmB,CAAEC,OAAQ,UACvCC,QAAS,KACP,GAAIZ,EAAKa,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BhB,EAAKS,SACLT,EAAKa,aAAezB,EAAA,WAASvB,KAAMC,IAAuBsB,EAAA,WAASvB,KAAMwC,K,CAMlF,MAAAlB,GACE,IAAKP,KAAKsC,OAAStC,KAAKsC,MAAMC,SAAW,EAAG,CAC1C,M,CAEF,OACE/B,EAACC,EAAI,KACFT,KAAKwC,QAAUhC,EAAA,KAAGiC,MAAM,kDAAkDzC,KAAKwC,SAAe,KAC/FhC,EAAA,UACGR,KAAKsC,MAAMI,KAAItB,IACd,CACE,OAAOpB,KAAK2C,iBAAmB3C,KAAKqC,kBAAkBjB,GAAQpB,KAAK2B,oBAAoBP,E","ignoreList":[]}