@postnord/pn-marketweb-components 3.5.3 → 4.0.0

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,d as o,g as n}from"./p-bb1c965e.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-site-footer:not([theme=dotcom]){display:block;line-height:1.5}pn-site-footer:not([theme=dotcom]) a{color:#005d92}pn-site-footer:not([theme=dotcom]) a:hover{color:#0d234b;text-decoration:underline}pn-site-footer:not([theme=dotcom]) h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer:not([theme=dotcom]) p{font-size:1.6rem}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media{display:flex;flex-flow:row;gap:1.6rem;row-gap:1.2rem;margin-bottom:1.6rem;flex-wrap:wrap}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media li{margin-bottom:0}pn-site-footer:not([theme=dotcom])>svg{display:block}pn-site-footer:not([theme=dotcom])>div{background:#f3f2f2}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-top{display:flex}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{align-self:center;justify-content:center;display:block;flex-flow:row wrap;margin:0 auto;max-width:90em}@media screen and (min-width: 33.125em){pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{display:flex}}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom]{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:90em;margin:0 auto;padding:1.6rem 0;border-top:1px solid #d3cecb;border-bottom:1px solid #d3cecb}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] span,pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{display:flex;flex-direction:column;gap:1rem;align-items:center}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{text-decoration:underline !important}@media screen and (min-width: 768px){pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom]{gap:0;flex-direction:row}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] span,pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{flex-direction:row;align-items:flex-start;line-height:2;margin:0 1.6rem;text-decoration:none}}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo{display:flex;flex-wrap:wrap;justify-content:center;padding:3rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo:has(div) a slot-fb{display:none}pn-site-footer[theme=dotcom]{width:100%;display:flex;flex-direction:column;background-color:#0d234b;margin:0 auto}pn-site-footer[theme=dotcom]>svg{background-color:#ffffff}pn-site-footer[theme=dotcom]>svg path{fill:#0d234b}pn-site-footer[theme=dotcom] .pn-sitefooter-top{width:100%;position:relative;top:-1px;background-color:#0d234b}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{display:flex;flex-direction:row;flex-wrap:wrap;padding-top:4.8rem;padding-left:3rem;padding-right:3rem;margin:0 auto}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:72rem}}@media screen and (min-width: 992px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:96rem;padding-left:0;padding-right:0}}@media screen and (min-width: 1200px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:114rem}}@media screen and (min-width: 1640px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:144rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols h3{font-weight:500}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols a:hover{text-decoration:underline;color:#ffffff}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{width:100%;padding:0.8rem 0;background-color:#0d234b}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]{max-width:120rem;margin:0 auto;padding-left:0.8rem;padding-right:0.8rem;display:flex;flex-direction:column;gap:2.4rem}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]{padding-left:3rem;padding-right:3rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media{display:flex;justify-content:center;padding:1.6rem 0;border-top:1px solid rgba(0, 93, 146, 0.3019607843);border-bottom:1px solid rgba(0, 93, 146, 0.3019607843)}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:2.4rem;margin:0;padding:0;list-style-type:none}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul>li:hover svg>circle{fill:#005d92}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright a{text-decoration:underline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright a:hover{text-decoration:none}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright{flex-direction:row;gap:2.4rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{display:flex;align-items:center;color:#ffffff;font-weight:400;font-size:1.4rem;line-height:1.96rem;min-height:26px}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul{flex-direction:row;justify-content:flex-start;align-items:flex-start}}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li{display:inline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li:first-child{margin-left:0}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li{margin-left:2.4rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-logo{padding:3rem;margin:0 auto}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg>path{fill:#00a0d6}";const d=i;const a=class{constructor(t){e(this,t);this.url="#";this.linktitle="PostNord";this.theme=null}componentWillLoad(){}render(){return t(o,{key:"c8467bef98389340ea034c714bfe2753da67f68a"},t("svg",{key:"242201e96f09d092eebd3fb903c6fbf15d7953da",fill:"none",viewBox:"0 0 1680 126",role:"presentation"},t("path",{key:"227f3ee48145e422d41d88a578d1a0dd687031e2","fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 124.425C265.751 43.517 547.794 0 840 0c292.21 0 574.25 43.517 840 124.425V126H0v-1.575z",fill:"#F3F2F2"})),t("div",{key:"205d20116b326660e6f9d15faab33131f256eb22",class:"pn-sitefooter-top"},t("div",{key:"7f5e1c8daf2275f87c0015e375b430fc4874a191",class:"pn-sitefooter-cols"},t("slot",{key:"3c29a9e6d8c5a2e91d9d089841727ebcc1b6f0b6"}))),t("div",{key:"4587736d3803a4f00fa861ebe137c4863c3a61fc",class:"pn-sitefooter-bottom"},t("slot",{key:"94d70e42dcd9f12460abe3503f4e8329e6e2e34c",name:"bottom"})),t("div",{key:"91bab511bcb143fad35daef0d50be62dc59118c0",class:"pn-sitefooter-logo"},t("a",{key:"5bf5357778030bf6f3e797fcb011759750356086",href:this.url,title:this.linktitle,"aria-label":this.linktitle},t("slot",{key:"0e399370c9e274976aa924cdc818510423dbf298",name:"logo"},t("svg",{key:"89df826f8d0b13a8bf7a945040ecb27bc3534679",viewBox:"0 0 133 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"PostNord"},t("path",{key:"82d347ca33c36d88ff0693a39ff86cc4471c2ba7","fill-rule":"evenodd","clip-rule":"evenodd",d:"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z",fill:"black"}))))))}};a.style=d;const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-site-footer-col:not([theme=dotcom]){min-width:15em;padding:2.5em 1.5rem 0;width:100%}@media screen and (min-width: 33.125em){pn-site-footer-col:not([theme=dotcom]){width:50%}}@media screen and (min-width: 60em){pn-site-footer-col:not([theme=dotcom]){max-width:25%}}pn-site-footer-col:not([theme=dotcom]) ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col:not([theme=dotcom]) li{margin-bottom:1.6rem}pn-site-footer-col:not([theme=dotcom]) a{text-decoration:none;width:fit-content}pn-site-footer-col:not([theme=dotcom]) a .pn-h2{color:#000000}pn-site-footer-col:not([theme=dotcom]) p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom]{width:100%;display:flex;flex-direction:column}pn-site-footer-col[theme=dotcom] *{color:#ffffff}@media screen and (min-width: 768px){pn-site-footer-col[theme=dotcom]{width:33%;padding-left:0.8rem;padding-right:0.8rem}pn-site-footer-col[theme=dotcom]:nth-child(1),pn-site-footer-col[theme=dotcom]:nth-child(4){padding-left:0}pn-site-footer-col[theme=dotcom]:nth-child(3),pn-site-footer-col[theme=dotcom]:nth-child(5){padding-right:0}}@media screen and (min-width: 1024px){pn-site-footer-col[theme=dotcom]{width:20%;padding-left:1.6rem;padding-right:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(1){width:20%;padding-left:0}pn-site-footer-col[theme=dotcom]:nth-child(4){padding-left:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(3){padding-right:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(5){padding-right:0}}pn-site-footer-col[theme=dotcom] .pn-h2{margin-bottom:1rem;font-weight:700;font-size:2rem;line-height:2.2rem}@media screen and (min-width: 1200px){pn-site-footer-col[theme=dotcom] .pn-h2{font-size:2.4rem;line-height:2.64rem}}pn-site-footer-col[theme=dotcom] ul{list-style-type:none;padding:0;margin:0;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] ul li{margin-bottom:1rem}pn-site-footer-col[theme=dotcom] a{display:flex;align-items:center;text-decoration:none;width:fit-content;font-weight:400;font-size:1.6rem;line-height:2.24rem;min-height:26px}pn-site-footer-col[theme=dotcom] a .pn-h2{color:#ffffff}pn-site-footer-col[theme=dotcom] p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom] div{min-height:150px;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] div p:nth-child(odd){font-weight:500}";const c=r;const f=class{constructor(t){e(this,t);this.theme=null}render(){return t(o,{key:"afd9ddfa5574158699db36b8c552e7c8d29df669"},t("slot",{key:"7fcc6901710aed383cd75db33b234e114f8ca086"}))}};f.style=c;const l={sv:{preamble:"E-handelstransport",text:"Vi erbjuder Svanenmärkta leveranser av e-handelspaket"},en:{preamble:"E-commerce transport",text:"We offer Nordic Ecolabelled deliveries of e-commerce packages"},da:{preamble:"E-handel transport",text:"Vi tilbyder svanemærkede leveringer af e-handelspakker"},no:{preamble:"E-handelstransport",text:"Vi tilbyr svanemerkede leveranser av e-handelspakker"},fi:{preamble:"Sähköisen kaupankäynnin kuljetus",text:"Tarjoamme pohjoismaisia ​​Joutsenmerkittyjä verkkokaupan pakettien toimituksia"}};const m="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-swan a{text-decoration:none}pn-swan a:hover{text-decoration:none}pn-swan a:hover span,pn-swan a:hover .pn-swan-text{text-decoration:underline}pn-swan .pn-swan__wrapper{display:flex;flex-direction:column-reverse;align-items:center;gap:0.8rem;color:#2d2013}@media screen and (min-width: 768px){pn-swan .pn-swan__wrapper{flex-direction:row;gap:2.4rem}}pn-swan .pn-swan-icon__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}pn-swan .pn-swan-icon svg{width:6rem}pn-swan .pn-swan-icon__preamble{text-align:center;font-size:1rem;font-weight:500}pn-swan .pn-swan-icon__preamble span{display:block;font-weight:400}pn-swan .pn-swan-text{font-size:1.2rem;max-width:20rem;text-align:center;color:#005d92}@media screen and (min-width: 768px){pn-swan .pn-swan-text{text-align:left}}";const s=m;const p=class{constructor(t){e(this,t);this.licenseNumber=undefined;this.language="sv";this.linkTo=undefined;this.i18n=undefined}get hostElement(){return n(this)}componentWillLoad(){this.setTranslations()}setTranslations(){if(this.language==="nb"){this.language="no"}if(this.language&&l[this.language]){this.i18n=l[this.language]}}onLanguageChange(){this.setTranslations()}render(){return t(o,{key:"6e9385e52863368cd35ce30aa5b74f965a04057c"},t("a",{key:"e6e0a2f16871ce80a5ec89a807b4105521b0512b",href:this.linkTo},t("div",{key:"aa57678a810ea38003d7c18d692edbdb96e919ec",class:"pn-swan__wrapper"},t("div",{key:"85a18d41fe204bec0775a35b555c7581fd542994",class:"pn-swan-icon__wrapper"},t("div",{key:"e077950d928d365b6ec061675b64a3358f052691",class:"pn-swan-icon"},t("svg",{key:"31c7ea2152e7312b2c4577d4c3543e33eeb20226",viewBox:"0 0 57 57",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"63e647a3fb249f2b2d03da157384fbee71886343","clip-path":"url(#clip0_17509_174280)"},t("path",{key:"d8065934ee84fba1201022dc913201cfd73b039d",d:"M28.5003 52.5053C41.0088 52.5053 51.149 42.4597 51.149 30.0679C51.149 17.6762 41.0088 7.63062 28.5003 7.63062C15.9917 7.63062 5.85156 17.6762 5.85156 30.0679C5.85156 42.4597 15.9917 52.5053 28.5003 52.5053Z",fill:"white"}),t("path",{key:"8c140223e45231140d64126812195507c873e4dd",d:"M28.5 56.5C43.964 56.5 56.5 43.964 56.5 28.5C56.5 13.036 43.964 0.5 28.5 0.5C13.036 0.5 0.5 13.036 0.5 28.5C0.5 43.964 13.036 56.5 28.5 56.5Z",fill:"white"}),t("path",{key:"c700a76bc9aa5bd4d3557ddb8fc36112dde890b3",d:"M22.3195 8.48928L5.88882 30.9266C5.88882 30.6653 5.88882 30.3666 5.88882 30.0679C5.85114 19.8013 12.8229 11.1399 22.3195 8.48928ZM41.3128 11.5506C40.0315 10.6919 38.6748 9.94528 37.2428 9.34795L16.9682 37.0493C17.9104 37.5346 18.4379 38.356 20.0207 38.356C20.9252 38.356 22.0934 37.7586 23.2239 36.228L41.3128 11.5506ZM7.99919 39.6253C9.54427 39.6253 11.5793 39.0653 12.6721 38.1693C13.6896 37.348 14.2549 36.6386 15.3101 36.6386C15.4608 36.6386 15.6493 36.6386 15.8 36.676L36.1122 8.93728C34.5672 8.37728 32.9467 8.00395 31.2885 7.81728L7.99919 39.6253ZM8.52678 40.6333C9.12974 41.7533 9.84575 42.836 10.5995 43.8066L12.9359 40.6333H8.52678ZM35.5846 40.6333L26.9171 52.468C27.4447 52.5053 27.9723 52.5053 28.4999 52.5053C29.9696 52.5053 31.4393 52.356 32.8336 52.0946L41.2374 40.596L35.5846 40.6333ZM29.9696 7.66795C29.4797 7.63062 28.9898 7.63062 28.4999 7.63062C26.9548 7.63062 25.4474 7.77995 24.0153 8.07861L6.00188 32.644C6.22799 34.66 6.7179 36.564 7.4716 38.3933L29.9696 7.66795ZM42.6694 40.6333L34.5295 51.7213C40.5591 50.0786 45.6089 46.0093 48.4729 40.6333H42.6694ZM28.4999 40.6333L20.7744 51.1986C22.3195 51.7586 23.94 52.132 25.5981 52.3559L34.1903 40.6333H28.4999ZM21.4151 40.6333L15.6116 48.548C16.8929 49.4066 18.2118 50.1533 19.6439 50.7506L27.0678 40.6333H21.4151ZM14.3303 40.6333L11.3155 44.74C12.333 45.8973 13.4635 46.9426 14.6694 47.876L19.983 40.6333H14.3303ZM15.3478 37.3479C14.8956 37.3479 14.5187 37.7213 14.5187 38.1693C14.5187 38.6173 14.8956 38.9906 15.3478 38.9906C15.8 38.9906 16.1768 38.6173 16.1768 38.1693C16.1768 37.7213 15.8 37.3479 15.3478 37.3479ZM51.1486 29.06C51.1109 28.4626 51.0732 27.9026 50.9978 27.3053L43.0463 38.132H44.4783L51.1486 29.06ZM48.9628 20.436L35.9615 38.1693H37.3935L49.5281 21.6306C49.3397 21.2199 49.1513 20.8093 48.9628 20.436ZM45.6089 15.3586L28.8767 38.1693H30.3087L46.3626 16.2546C46.1365 15.9559 45.8727 15.6573 45.6089 15.3586Z",fill:"#005D92"}),t("path",{key:"21ed2eead81fc9ffabdd12e486ae135dcc64ab6c",d:"M9.2805 13.492C9.73272 13.9026 10.2226 13.7533 10.6372 13.3426C11.0517 12.8946 11.014 12.5213 10.7879 12.2973C10.5618 12.0733 10.3357 12.1106 10.1849 12.2226C9.92114 12.372 9.61966 12.596 9.09207 12.8946C8.48911 13.268 8.03689 13.156 7.73541 12.8573C7.13245 12.2973 7.39624 11.5133 7.88615 10.9533C8.48911 10.3186 9.2805 10.132 9.88346 10.692L9.39355 11.2146C8.97902 10.8786 8.60217 11.028 8.263 11.364C8.03689 11.588 7.84846 11.9986 8.11226 12.26C8.30069 12.4466 8.56448 12.4093 8.82828 12.26C8.86596 12.2226 9.65735 11.7373 9.88346 11.6253C10.3734 11.3266 10.8633 11.476 11.1647 11.7373C11.8054 12.3346 11.5416 13.1933 10.9763 13.7906C10.3357 14.4626 9.50661 14.724 8.75291 14.052L9.2805 13.492Z",fill:"black"}),t("path",{key:"f825663ac21f6a8e0ebcae963594db1375d2897b",d:"M9.69531 9.23587L10.2983 8.78787L13.087 10.6172L11.9564 7.4812L12.5217 7.0332L13.916 11.0279L13.2754 11.5132L9.69531 9.23587Z",fill:"black"}),t("path",{key:"a05a61afe2f8264385282f2a692973548c8258f6",d:"M14.1426 6.06254L14.8209 5.68921L18.2126 8.37721L17.5342 8.75054L16.6675 8.04121L15.2354 8.86254L15.4239 9.98254L14.7832 10.3559L14.1426 6.06254ZM15.1224 8.26521L16.2153 7.63054L14.8209 6.47321L15.1224 8.26521Z",fill:"black"}),t("path",{key:"0b741b624683588ddac0d0bd43d86fa545da16ee",d:"M17.2695 4.42005L17.9855 4.15872L20.7742 6.28672L19.7567 3.52405L20.3974 3.30005L21.7917 7.03338L21.0757 7.29472L18.3247 5.16672L19.3422 7.92938L18.7016 8.15338L17.2695 4.42005Z",fill:"black"}),t("path",{key:"66a898bf0bbf4e33a1bde11fa5c0e078097b8e71",d:"M21.9805 2.88937L24.8822 2.3667L24.9953 2.96403L22.8095 3.3747L22.998 4.42003L25.033 4.0467L25.146 4.6067L23.111 4.98003L23.3371 6.13737L25.5605 5.7267L25.6736 6.32403L22.7342 6.80937L21.9805 2.88937Z",fill:"black"}),t("path",{key:"4dbaa4d2cf7ec6f0154c93f2425315db5c9268a8",d:"M26.3145 2.21726H27.0682L28.9901 5.12927L28.9524 2.17993H29.6307L29.7061 6.1746H28.9524L27.0305 3.2626L27.0682 6.21193H26.3898L26.3145 2.21726Z",fill:"black"}),t("path",{key:"184726d60a6cae5c9f32fcd46bf4d875739b2560",d:"M31.4016 2.25464L32.3814 2.44131L32.9467 5.72664L34.6048 2.85197L35.5846 3.03864L34.8686 6.95864L34.1903 6.84664L34.7555 3.82264L33.0974 6.65997L32.4944 6.47331L31.9292 3.26264L31.3639 6.28664L30.6855 6.17464L31.4016 2.25464Z",fill:"black"}),t("path",{key:"8946ff676e45f10d8b323752f1d93ee8acd2d0ea",d:"M38.3359 3.93468L39.0519 4.19601V8.48934L38.3359 8.22801L38.3736 7.10801L36.8285 6.51068L36.0748 7.36934L35.3965 7.10801L38.3359 3.93468ZM37.2054 6.06268L38.3736 6.51068L38.4113 4.68134L37.2054 6.06268ZM38.0721 3.33734L38.2982 2.77734L38.9012 3.00134L38.6751 3.56134L38.0721 3.33734ZM39.8433 3.37468L39.6172 3.93468L39.0142 3.71068L39.2404 3.15068L39.8433 3.37468Z",fill:"black"}),t("path",{key:"6af7952c8f93c35b9dc9eebcf7436711d2fea02a",d:"M41.576 5.31592L43.2718 6.32392C44.0255 6.77192 44.214 7.36925 43.8748 7.92925C43.4603 8.60125 42.895 8.48925 42.7819 8.45192C42.9704 8.60125 43.1965 8.93725 42.8573 9.49725C42.6312 9.90792 42.4428 10.2813 42.5181 10.5053L41.8398 10.1319C41.8398 9.94525 41.9529 9.75858 42.0659 9.57192C42.4428 8.93725 42.4805 8.60125 41.9152 8.26525L41.0107 7.74258L40.144 9.16125L39.541 8.78792L41.576 5.31592ZM41.2368 7.21992L42.2543 7.81725C42.6312 8.04125 42.9704 8.00392 43.1965 7.63058C43.4603 7.18258 43.2342 6.92125 42.895 6.73458L41.8775 6.13725L41.2368 7.21992Z",fill:"black"}),t("path",{key:"fee15b66364d0d5b9006f3b92a60a02e7f9f570b",d:"M45.7214 7.96655L46.249 8.41455L45.043 9.79589L47.6056 9.57189L48.2463 10.1319L45.9852 10.2812L45.7214 13.1932L45.043 12.6332L45.3068 10.3186L44.5154 10.3559L43.6487 11.3639L43.1211 10.9159L45.7214 7.96655Z",fill:"black"}),t("path",{key:"b3ae4b2b1211b7cf6e9c8d01d2c1cff58d9b83fc",d:"M48.6246 10.5054L50.7727 12.932L50.3204 13.3427L49.4914 12.372L46.9288 14.612L46.4766 14.0894L49.0391 11.8494L48.2101 10.916L48.6246 10.5054Z",fill:"black"}),t("path",{key:"cc034b2a8963c605534577e352bf65556ae0025a",d:"M28.5003 52.5053C41.0088 52.5053 51.149 42.4597 51.149 30.0679C51.149 17.6762 41.0088 7.63062 28.5003 7.63062C15.9917 7.63062 5.85156 17.6762 5.85156 30.0679C5.85156 42.4597 15.9917 52.5053 28.5003 52.5053Z",fill:"white"}),t("path",{key:"725df5debf04ef44a912efb1db9b4221eeb172ea",d:"M28.5 56.5C43.964 56.5 56.5 43.964 56.5 28.5C56.5 13.036 43.964 0.5 28.5 0.5C13.036 0.5 0.5 13.036 0.5 28.5C0.5 43.964 13.036 56.5 28.5 56.5Z",fill:"white"}),t("path",{key:"af5203cb2e2ea5f0848eed9c94fb5c23fa4effeb",d:"M22.3195 8.48928L5.88882 30.9266C5.88882 30.6653 5.88882 30.3666 5.88882 30.0679C5.85114 19.8013 12.8229 11.1399 22.3195 8.48928ZM41.3128 11.5506C40.0315 10.6919 38.6748 9.94528 37.2428 9.34795L16.9682 37.0493C17.9104 37.5346 18.4379 38.356 20.0207 38.356C20.9252 38.356 22.0934 37.7586 23.2239 36.228L41.3128 11.5506ZM7.99919 39.6253C9.54427 39.6253 11.5793 39.0653 12.6721 38.1693C13.6896 37.348 14.2549 36.6386 15.3101 36.6386C15.4608 36.6386 15.6493 36.6386 15.8 36.676L36.1122 8.93728C34.5672 8.37728 32.9467 8.00395 31.2885 7.81728L7.99919 39.6253ZM8.52678 40.6333C9.12974 41.7533 9.84575 42.836 10.5995 43.8066L12.9359 40.6333H8.52678ZM35.5846 40.6333L26.9171 52.4679C27.4447 52.5053 27.9723 52.5053 28.4999 52.5053C29.9696 52.5053 31.4393 52.3559 32.8336 52.0946L41.2374 40.596L35.5846 40.6333ZM29.9696 7.66795C29.4797 7.63062 28.9898 7.63062 28.4999 7.63062C26.9548 7.63062 25.4474 7.77995 24.0153 8.07861L6.00188 32.644C6.22799 34.66 6.71789 36.5639 7.4716 38.3933L29.9696 7.66795ZM42.6694 40.6333L34.5295 51.7213C40.5591 50.0786 45.6089 46.0093 48.4729 40.6333H42.6694ZM28.4999 40.6333L20.7744 51.1986C22.3195 51.7586 23.94 52.132 25.5981 52.3559L34.1903 40.6333H28.4999ZM21.4151 40.6333L15.6116 48.548C16.8929 49.4066 18.2118 50.1533 19.6439 50.7506L27.0678 40.6333H21.4151ZM14.3303 40.6333L11.3155 44.74C12.333 45.8973 13.4635 46.9426 14.6694 47.876L19.983 40.6333H14.3303ZM15.3478 37.3479C14.8956 37.3479 14.5187 37.7213 14.5187 38.1693C14.5187 38.6173 14.8956 38.9906 15.3478 38.9906C15.8 38.9906 16.1768 38.6173 16.1768 38.1693C16.1768 37.7213 15.8 37.3479 15.3478 37.3479ZM51.1486 29.0599C51.1109 28.4626 51.0732 27.9026 50.9978 27.3053L43.0463 38.132H44.4783L51.1486 29.0599ZM48.9628 20.436L35.9615 38.1693H37.3935L49.5281 21.6306C49.3397 21.2199 49.1513 20.8093 48.9628 20.436ZM45.6089 15.3586L28.8767 38.1693H30.3087L46.3626 16.2546C46.1365 15.9559 45.8727 15.6573 45.6089 15.3586Z",fill:"#00A65D"}),t("path",{key:"d6c599e5ad2d60ddee78bca97215eda6854ed352",d:"M9.2805 13.492C9.73272 13.9026 10.2226 13.7533 10.6372 13.3426C11.0517 12.8946 11.014 12.5213 10.7879 12.2973C10.5618 12.0733 10.3357 12.1106 10.1849 12.2226C9.92114 12.372 9.61966 12.596 9.09207 12.8946C8.48911 13.268 8.03689 13.156 7.73541 12.8573C7.13245 12.2973 7.39624 11.5133 7.88615 10.9533C8.48911 10.3186 9.2805 10.132 9.88346 10.692L9.39355 11.2146C8.97902 10.8786 8.60217 11.028 8.263 11.364C8.03689 11.588 7.84846 11.9986 8.11226 12.26C8.30069 12.4466 8.56448 12.4093 8.82828 12.26C8.86596 12.2226 9.65735 11.7373 9.88346 11.6253C10.3734 11.3266 10.8633 11.476 11.1647 11.7373C11.8054 12.3346 11.5416 13.1933 10.9763 13.7906C10.3357 14.4626 9.50661 14.724 8.75291 14.052L9.2805 13.492Z",fill:"black"}),t("path",{key:"fb7556e3583d98e06cfd1d9ec33ab94f1cea784a",d:"M9.69531 9.23587L10.2983 8.78787L13.087 10.6172L11.9564 7.4812L12.5217 7.0332L13.916 11.0279L13.2754 11.5132L9.69531 9.23587Z",fill:"black"}),t("path",{key:"17a15b0068a12182f0a7c3743753a178b3cdaaec",d:"M14.1426 6.06254L14.8209 5.68921L18.2126 8.37721L17.5342 8.75054L16.6675 8.04121L15.2354 8.86254L15.4239 9.98254L14.7832 10.3559L14.1426 6.06254ZM15.1224 8.26521L16.2153 7.63054L14.8209 6.47321L15.1224 8.26521Z",fill:"black"}),t("path",{key:"c18607c798bceabb8da3806fef5db66f6157897f",d:"M17.2695 4.42005L17.9855 4.15872L20.7742 6.28672L19.7567 3.52405L20.3974 3.30005L21.7917 7.03338L21.0757 7.29472L18.3247 5.16672L19.3422 7.92938L18.7016 8.15338L17.2695 4.42005Z",fill:"black"}),t("path",{key:"4038c9ce4f16438858226418f66c5bb0b3a729e6",d:"M21.9805 2.88937L24.8822 2.3667L24.9953 2.96403L22.8095 3.3747L22.998 4.42003L25.033 4.0467L25.146 4.6067L23.111 4.98003L23.3371 6.13737L25.5605 5.7267L25.6736 6.32403L22.7342 6.80937L21.9805 2.88937Z",fill:"black"}),t("path",{key:"416976da4cb040ed9e391f181c2515c8989d1b15",d:"M26.3145 2.21726H27.0682L28.9901 5.12927L28.9524 2.17993H29.6307L29.7061 6.1746H28.9524L27.0305 3.2626L27.0682 6.21193H26.3898L26.3145 2.21726Z",fill:"black"}),t("path",{key:"6b003b151977f39955846bf4fabcd9e8a5bec70b",d:"M31.4016 2.25464L32.3814 2.44131L32.9467 5.72664L34.6048 2.85197L35.5846 3.03864L34.8686 6.95864L34.1903 6.84664L34.7555 3.82264L33.0974 6.65997L32.4944 6.47331L31.9292 3.26264L31.3639 6.28664L30.6855 6.17464L31.4016 2.25464Z",fill:"black"}),t("path",{key:"fa82647172acea8fe45468605dcf4c7522e5216c",d:"M38.3359 3.93468L39.0519 4.19601V8.48934L38.3359 8.22801L38.3736 7.10801L36.8285 6.51068L36.0748 7.36934L35.3965 7.10801L38.3359 3.93468ZM37.2054 6.06268L38.3736 6.51068L38.4113 4.68134L37.2054 6.06268ZM38.0721 3.33734L38.2982 2.77734L38.9012 3.00134L38.6751 3.56134L38.0721 3.33734ZM39.8433 3.37468L39.6172 3.93468L39.0142 3.71068L39.2404 3.15068L39.8433 3.37468Z",fill:"black"}),t("path",{key:"940bf827e2a84dafadc781ab1f5e3670986c912f",d:"M41.576 5.31592L43.2718 6.32392C44.0255 6.77192 44.214 7.36925 43.8748 7.92925C43.4603 8.60125 42.895 8.48925 42.7819 8.45192C42.9704 8.60125 43.1965 8.93725 42.8573 9.49725C42.6312 9.90792 42.4428 10.2813 42.5181 10.5053L41.8398 10.1319C41.8398 9.94525 41.9529 9.75858 42.0659 9.57192C42.4428 8.93725 42.4805 8.60125 41.9152 8.26525L41.0107 7.74258L40.144 9.16125L39.541 8.78792L41.576 5.31592ZM41.2368 7.21992L42.2543 7.81725C42.6312 8.04125 42.9704 8.00392 43.1965 7.63058C43.4603 7.18258 43.2342 6.92125 42.895 6.73458L41.8775 6.13725L41.2368 7.21992Z",fill:"black"}),t("path",{key:"09dbd87fcb161b56ed35b004407ba4a3bf3a831c",d:"M45.7214 7.96655L46.249 8.41455L45.043 9.79589L47.6056 9.57189L48.2463 10.1319L45.9852 10.2812L45.7214 13.1932L45.043 12.6332L45.3068 10.3186L44.5154 10.3559L43.6487 11.3639L43.1211 10.9159L45.7214 7.96655Z",fill:"black"}),t("path",{key:"11fbdfc9bd90cccf80dec451b069620ea490e0da",d:"M48.6246 10.5054L50.7727 12.932L50.3204 13.3427L49.4914 12.372L46.9288 14.612L46.4766 14.0894L49.0391 11.8494L48.2101 10.916L48.6246 10.5054Z",fill:"black"})),t("defs",{key:"fe3002320ec725925cae5278cc894d6b25f3799d"},t("clipPath",{key:"c8f29f7033a3d32810a04acc2d47e96081dab987",id:"clip0_17509_174280"},t("rect",{key:"80ade9eb6752b5565c408d5d0def98b300928c5d",width:"56",height:"56",fill:"white",transform:"translate(0.5 0.5)"}))))),t("div",{key:"bca463e11883f21423fbcbdca7a2bc23d06250c0",class:"pn-swan-icon__preamble"},this.i18n.preamble," ",t("span",{key:"04f6a907b1b090a17d274d75b68fd21133720ac7"},this.licenseNumber))),t("div",{key:"cafab0d2fae269063e3360d45b29001cf15e6c73",class:"pn-swan-text"},this.i18n.text))))}static get watchers(){return{language:["onLanguageChange"]}}};p.style=s;export{a as pn_site_footer,f as pn_site_footer_col,p as pn_swan};
-//# sourceMappingURL=p-e8278e9e.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,c as i,g as o,h as t,d as l}from"./p-bb1c965e.js";import{s as a}from"./p-8af1b914.js";import{a as r}from"./p-575f557a.js";import"./p-2509d18d.js";const s='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-profile-modal-type[selected=true]:not([selected-profile=""]) pn-profile-modal-profile[selected=false]{display:none}.pn-profile-modal-profile-listitem{overflow:hidden;max-height:10rem;transition:max-height 0.15s ease;opacity:1}.pn-profile-modal-profile-listitem[aria-hidden=true]{max-height:0;opacity:0}.pn-profile-modal-profile-listitem-button{padding:0.8rem;margin:0;background:#ffffff;outline:0;appearance:none;border:0;cursor:pointer;border-radius:0.8rem;transition:background 0.15s ease;text-align:left;width:100%}.pn-profile-modal-profile-listitem-button:hover,.pn-profile-modal-profile-listitem-button:focus,.pn-profile-modal-profile-listitem-button:active{background:#effbff}.pn-profile-modal-profile-listitem[aria-hidden=true] .pn-profile-modal-profile-listitem-button{display:none}.pn-profile-modal-profile-listitem-heading{color:#005d92;font-weight:700;font-size:1.6rem}.pn-profile-modal-profile-listitem-description{color:#5e554a;font-weight:400;font-size:1.2rem}.pn-profile-modal-profile-details{max-height:300rem;transition:max-height 0.15s ease;opacity:1}.pn-profile-modal-profile-details[aria-hidden=true]{max-height:0;opacity:0;overflow:hidden}.pn-profile-modal-profile-details>pn-button{position:relative;margin-left:-1.2rem}.pn-profile-modal-profile-details>pn-button .pn-button-content{font-weight:500}.pn-profile-modal-profile-details-company{border-top:1px solid #d3cecb;border-bottom:1px solid #d3cecb;padding:0.8rem 0.8rem;margin:1.6rem 0}.pn-profile-modal-profile-details-label{font-size:1.4rem;font-weight:500;margin-bottom:1.2rem}.pn-profile-modal-profile-details-company-heading{font-weight:700;font-size:1.6rem}.pn-profile-modal-profile-details-company-description{color:#5e554a;font-weight:400;font-size:1.2rem}.pn-profile-modal-profile-details-list{display:flex;flex-direction:column;gap:1.6rem;padding:0 0}.pn-profile-modal-profile-details-list-label{font-size:1.4rem;font-weight:500;margin:0 0 0 0.8rem}';const d=s;const p=class{constructor(o){e(this,o);this.urlSelected=i(this,"urlSelected",7);this.showCustomerNumbersEvent=i(this,"showCustomerNumbersEvent",7);this.heading=null;this.description=null;this.url=null;this.selected=false;this.showCustomerNumbers=false;this.pleaseSelectText="";this.visible=false;this.identifier=""}get hostElement(){return o(this)}urlSelected;showCustomerNumbersEvent;componentWillLoad(){this.identifier=this.heading+this.url}onProfileOptionClick(){this.selected=true;if(this.url){this.urlSelected.emit(this.url)}else{a.selectedProfile=this.identifier}}render(){return t(l,{key:"75e43696ce1504c6c3937e0c57b947c4f5b4c1e3",selected:this.selected+""},t("div",{key:"ff42265009575b1227ef4b2f7c11319cc0302275",class:"pn-profile-modal-profile-listitem","aria-hidden":!!a.selectedProfile+""},t("button",{key:"72a00765a3f739542b54df6cb07f66e705f66fe9",class:"pn-profile-modal-profile-listitem-button",onClick:this.onProfileOptionClick.bind(this)},t("div",{key:"11bb09a5ebc4bd03bce923e8c6137c05cd8cdf0a",class:"pn-profile-modal-profile-listitem-heading"},this.heading),t("div",{key:"aced800eabd45b159e1d5198c1ae6e06c1b81d09",class:"pn-profile-modal-profile-listitem-description"},this.description))),t("div",{key:"69d79bb669ec576e1b665bbf7cd4c936cd87c02c",class:"pn-profile-modal-profile-details","aria-hidden":!(a.selectedProfile===this.identifier)+""},t("pn-button",{key:"9a199020cfa51ac275c390948e76f854e362b6a3",appearance:"light",variant:"borderless",icon:r,"left-icon":"true",small:"true",onClick:()=>{this.selected=false;a.selectedProfile=""}},a.i18n.toText," ",a.selectedType),t("div",{key:"97aad08b5d248a173fa1baf71fd8ade547188586",class:"pn-profile-modal-profile-details-company"},t("div",{key:"08bd3074710027a404bf06725c499c2c5ff03f6e",class:"pn-profile-modal-profile-details-label"},a.i18n.choosenCompanyText),t("div",{key:"56546a63acc3c691516dfd2848a2dae6ffc240cb",class:"pn-profile-modal-profile-details-company-heading"},this.heading),t("div",{key:"93a7f8b5d64cb7d417b98fa536004fb70e80addf",class:"pn-profile-modal-profile-details-company-description"},this.description)),t("div",{key:"5aaa8de553b17d3c09c28583ffa87dd1fefa3674",class:"pn-profile-modal-profile-details-list"},t("div",{key:"418cd688da08d73578cbe752c7aed95b83b140d1",class:"pn-profile-modal-profile-details-list-label"},this.pleaseSelectText),t("slot",{key:"7ace4c3201fb5bf4c03f1a5b94abe88070250f45"}))))}};p.style=d;export{p as pn_profile_modal_profile};
-//# sourceMappingURL=p-e916e99d.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,h as n,d as o}from"./p-bb1c965e.js";import{a as i}from"./p-36b39340.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";const e=r;const a=class{constructor(n){t(this,n)}render(){return n(o,{key:"0b26ae1aa1292357c5030498adeb5f1e7f87d85d"},n("div",{key:"9a0b5646b320dd48dfbab0f7801fcf010b189071",class:"cardcontent"},n("div",{key:"d858b0a8ce5078004e0bd4ba4dc60d3d658a4672",class:"carddetails"},n("slot",{key:"b94aa9596d36c92b9d2fb441a85d61418654c484",name:"illustrationmobile"}),n("div",{key:"7fbb7c981dc47668aef3e98e8e1cd84ddb6dcc6d",class:"heading"},n("slot",{key:"4abe626da56d671cc091627b10f6b9af57705408",name:"title"}),n("slot",{key:"8a3b9650d82f7f3d746546bdd71597d8b44a8d17",name:"uppertags"})),n("slot",{key:"61d5bbe10032d715e9dd879c68e3e856edbadcec",name:"description"}),n("slot",{key:"d16c7591857d86b855f12b7dbe5f7a41772c7d91",name:"information"}),n("slot",{key:"6671fb2c6925f5ff0b3db66e337329924f9ed43f",name:"bottomtags"})),n("div",{key:"3882ae15afcd9b3b2bbd385cba386843a648a5c4",class:"cardcalltoactions"},n("slot",{key:"d171da455aee350507418b360cef353e92a184b9",name:"illustration"}),n("slot",{key:"bcec30db741fa30195ee4091fa4b45aa20498813",name:"pricelink"}),n("slot",{key:"841fa07224456488d1ec67f3c5752276627e0a19",name:"insurance"}))))}};a.style=e;const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0aa85c}";const c=d;const l=class{constructor(n){t(this,n);this.heading=undefined;this.highlight=undefined;this.description=undefined;this.list=[]}render(){return n(o,{key:"8a407eb3650b011fa56efd51440333d3a20980e4"},this.heading?n("h3",null,this.heading):null,this.highlight?n("h3",{class:"highlight"},this.highlight):null,this.description?n("span",null,this.description):null,this.list?n("ul",null,this.list.map((t=>n("li",null,t)))):null)}};l.style=c;const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";const s=p;const u=class{constructor(n){t(this,n);this.label=undefined;this.information=[]}render(){return n(o,{key:"b404bb5b6dee088fe2c4d1f78207717633613d91"},n("div",{key:"7a6f90aa91c57d71a61d3fdc58dc97b976b681f5",class:"cardinfocontent"},this.information&&this.information.length>0&&this.label?n("div",{class:"cardinfocontent-item"},this.label?n("p",{class:"cardinfocontent-title"},n("strong",null,this.label)):null,this.information.map((t=>t?n("p",null,n("strong",{class:"cardinfocontent-label"},t.item1,":")," ",t.item2):null))):null))}};u.style=s;const m="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-proxio-productcard-pricelink{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;gap:0.8rem;align-content:center;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}pn-proxio-productcard-pricelink .pn-pricelink-vat{font-weight:400}";const f=m;const b=class{constructor(n){t(this,n);this.price=undefined;this.vatText="";this.link=undefined;this.linktext=undefined}render(){return this.link&&this.linktext?n(o,null,this.price?n("h3",null,this.price," ",n("span",{class:"pn-pricelink-vat"},this.vatText)):null,n("pn-button",{small:"true",icon:i,appearance:"light",href:this.link,target:"_blank",rel:"noopener nofollower noreferrer"},this.linktext)):null}};b.style=f;export{a as pn_proxio_productcard,l as pn_proxio_productcard_description,u as pn_proxio_productcard_information,b as pn_proxio_productcard_pricelink};
-//# sourceMappingURL=p-ea3d6f7e.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,g as e,h as s,d as i}from"./p-bb1c965e.js";import{s as n,o as a}from"./p-652f97b9.js";import"./p-2509d18d.js";const h='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-sidenav-level{display:block;flex-basis:100%}pn-sidenav-level[data-level="2"]{padding-left:2.5em;overflow:hidden;transition:max-height ease 0.2s;max-height:40em}pn-sidenav-level[data-level="2"][aria-hidden=true]{max-height:0}';const d=h;const o=class{constructor(e){t(this,e);this.level=1;this.levelId="";this.isOpen=false;this.parentName="";this.parentHref="";this.parentLinkId="";this.alignment="right"}get hostElement(){return e(this)}async componentWillLoad(){const t=this.hostElement.parentElement;if(t.tagName.toLowerCase()!=="nav"){this.level=2}if(t.tagName.toLowerCase()==="pn-sidenav-link"){this.parentName=t.getAttribute("name")+"";this.parentHref=t.getAttribute("href")+"";this.parentLinkId=t.getAttribute("linkid")+"";const e=this.parentName.toLowerCase().replace(/\W/gi,"_");this.levelId=`sidenav-lvl${this.level}-${e}`;if(t.getAttribute("current")+""==="true"){n.openLevel=this.levelId;this.onChangeOpenLevel()}}a("openLevel",(()=>{this.onChangeOpenLevel()}))}onOpen(){}onChangeOpenLevel(){this.isOpen=n.openLevel===this.levelId}render(){const t={"aria-hidden":this.level>1?!this.isOpen+"":null,"data-level":this.level+"",id:this.levelId??""};return s(i,{key:"cbc0a99e4c9673d7fb7a5ddaa7702f1a12e9f640",...t,"data-asdfasdf":this.isOpen},s("slot",{key:"a83ec9fe6accda600db1b59d78fa00883dd9f2a2"}))}static get watchers(){return{isOpen:["onOpen"]}}};o.style=d;export{o as pn_sidenav_level};
-//# sourceMappingURL=p-ea7b0d21.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,g as a,h as t,d as o}from"./p-bb1c965e.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-quote-card .pn-quote-card__container{margin:0 auto;display:flex;flex-direction:row;min-height:262px;padding:0 2.4rem}pn-quote-card .pn-quote-card__quote__container{padding:0 3.2rem}pn-quote-card .pn-quote-card__quote{position:relative;font-weight:400;font-size:2rem;line-height:140%;margin:0}pn-quote-card .pn-quote-card__quote svg{position:absolute;left:-3.2rem;top:0.2rem}pn-quote-card .pn-quote-card__reference__container{display:flex;flex-direction:row;justify-content:flex-start;gap:1.6rem;align-items:center}pn-quote-card .pn-quote-card__reference__name{display:block;font-weight:400;font-size:2.4rem;line-height:2.9rem}pn-quote-card .pn-quote-card__reference__occupation{display:block;font-weight:400;font-size:1.4rem;line-height:1.7rem}pn-quote-card [slot=illustration]{padding:0}pn-quote-card [slot=illustration-big]{padding:0.8rem 0}pn-quote-card [slot=illustration],pn-quote-card [slot=illustration-big]{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture,pn-quote-card [slot=illustration-big] picture{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture img,pn-quote-card [slot=illustration-big] picture img{clip-path:circle(50%);max-width:unset}pn-quote-card [slot=horizontal-line],pn-quote-card [slot=vertical-line]{display:flex}pn-quote-card[data-line-color=white] .pn-quote-card__section{background-color:#005d92;color:#ffffff}pn-quote-card[data-line-color=white] .pn-line-shape__line,pn-quote-card[data-line-color=white] .pn-line-shape__dot{border-color:#ffffff;background-color:#ffffff}pn-quote-card[data-line-color=white] .pn-quote-card__quote svg>path{fill:#ffffff}pn-quote-card[data-line-color=blue] .pn-quote-card__section{background-color:#ffffff}pn-quote-card[data-line-color=blue] .pn-line-shape__line,pn-quote-card[data-line-color=blue] .pn-line-shape__dot{border-color:#00a0d6;background-color:#00a0d6}pn-quote-card[data-line-color=blue] .pn-quote-card__quote svg>path{fill:#00a0d6}pn-quote-card[data-line-color=blue900] .pn-quote-card__section{background-color:#ffffff}pn-quote-card[data-line-color=blue900] .pn-line-shape__line,pn-quote-card[data-line-color=blue900] .pn-line-shape__dot{border-color:#0d234b;background-color:#0d234b}pn-quote-card[data-line-color=blue900] .pn-quote-card__quote svg>path{fill:#0d234b}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__section{border-radius:2.4rem}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__container{padding:2.4rem}pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:100%;margin:0 auto}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:70%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:60%}}pn-quote-card[data-card-style=standalone] .pn-quote-card__container{min-height:unset;padding:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__container{padding:0 2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{display:flex;flex-direction:column;justify-content:space-between;gap:3.2rem;padding:2.4rem 1.6rem 1.6rem 1.6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{padding:2.4rem 3.2rem 1.6rem 3.2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote svg{display:block;margin-bottom:0.8rem;position:relative;top:0;left:0}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:6rem;width:6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:9rem;width:9rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__large-photo{display:none}pn-quote-card[data-card-style=combo] .pn-quote-card__section{width:100%;margin:0 auto;padding-top:4rem;padding-bottom:4rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-bottom:0}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-top:10rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__container{min-height:10rem;padding-bottom:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:90%;width:100%}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:768px;width:100%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1140px;width:100%;padding:0 5.6rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1440px;width:100%;padding:0 12rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-bottom:0;padding-left:0;padding-right:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-left:2.4rem;padding-right:2.4rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2rem;padding-left:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-0.8rem;top:0.2rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0;top:0.4rem;scale:1.3}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:0;font-size:3.2rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-4.8rem;top:1rem;scale:1.4}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:3.8rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-6.4rem;top:1.6rem;scale:1.8}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__container{flex-direction:row-reverse}pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:6rem;max-height:6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:10rem;max-height:10rem}}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] [slot=illustration]{display:none}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference{text-align:right}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{display:block;font-size:1.4rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:1.6rem}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:2rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:3.2rem;margin-bottom:1rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{display:block;font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.4rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.6rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:none}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{width:18rem;height:18rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big] picture>img{width:18rem;height:18rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{position:relative;z-index:1;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]>picture>img{width:24rem;height:24rem}}";const d=n;const r=class{constructor(a){e(this,a);this.quote=null;this.name=null;this.occupation=null}get hostElement(){return a(this)}render(){return t(o,{key:"adf7a00980ef81bddf83262dcc24540f962abf27"},t("div",{key:"4b8ec2139d33c1d432c269ba04c8e13732b46dcd",class:"pn-quote-card__section"},t("div",{key:"67713c139963d7e2477fcf0b6d078d336a768940",class:"pn-quote-card__container"},t("slot",{key:"b68d98f863024314c4d14e6697ce2e2396041cc8",name:"vertical-line"}," "),t("div",{key:"f712e28f92b230e64fe5ffc5abf001443a9d16ec",class:"pn-quote-card__quote__container"},t("blockquote",{key:"cd1eb6e0c9d973aa816b2c8644be9c05558e7c17",class:"pn-quote-card__quote"},t("svg",{key:"947cdf4204f8e2aea7ba33cb7b2a4c1f3b919415",width:"25",height:"18",viewBox:"0 0 25 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"ec7acd41030a16824b604eda941c3cde35e69647",d:"M10.483 0V7.391C10.483 13.095 6.752 16.961 1.5 18L0.505 15.849C2.937 14.932 4.5 12.211 4.5 10H0.5V0H10.483ZM24.5 0V7.391C24.5 13.095 20.752 16.962 15.5 18L14.504 15.849C16.937 14.932 18.5 12.211 18.5 10H14.517V0H24.5Z",fill:"white"})),this.quote),t("slot",{key:"ee71250def5a98c730ae00a60761868e4cf2b2f0",name:"horizontal-line"}),t("div",{key:"41f86563902c051b7c2ec0d915244b6f6c7b8533",class:"pn-quote-card__reference__container"},t("slot",{key:"e1dce0ca310574a9da9ba5c15ba823f1e70c61fa",name:"illustration"}),t("div",{key:"a06f795ff2d1d7165b8b0f654c5ee9bd8fb4eca9",class:"pn-quote-card__reference"},t("span",{key:"3507763b1414b00076fdaa9cfb6b5c7ec1e36cb5",class:"pn-quote-card__reference__name"},this.name),t("span",{key:"ce5f2580a1cb9c00e99536228c0c2cc784ef9fe2",class:"pn-quote-card__reference__occupation"},this.occupation)))),t("div",{key:"c3c7b60385beb22bfdb9ce05b77f44199d5b8fbb",class:"pn-quote-card__large-photo"},t("slot",{key:"eb72a8ce622a9166271549bb0090c68e9847ae17",name:"illustration-big"})))))}};r.style=d;export{r as pn_quote_card};
-//# sourceMappingURL=p-fc157a1e.entry.js.map

package/umd/modules/@postnord/web-components/cjs/chevron_down-83e72319.js.map

@@ -1 +0,0 @@
-{"file":"chevron_down-83e72319.js","mappings":";;;;;;AAAA,MAAM,IAAI,GAAG,4QAA4Q,CAAC;AAC9Q,MAAC,YAAY,GAAG;;;;","names":[],"sources":["node_modules/pn-design-assets/pn-assets/icons/chevron_down.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_down = icon;\nexport const chevronDown = icon;\n"],"version":3}

package/umd/modules/@postnord/web-components/cjs/chevron_right-aeb6aef3.js.map

@@ -1 +0,0 @@
-{"file":"chevron_right-aeb6aef3.js","mappings":";;;;;;AAAA,MAAMA,MAAI,GAAG,yQAAyQ,CAAC;AAC3Q,MAAC,YAAY,GAAGA;;ACD5B,MAAM,IAAI,GAAG,4QAA4Q,CAAC;AAC9Q,MAAC,aAAa,GAAG;;;;;","names":["icon"],"sources":["node_modules/pn-design-assets/pn-assets/icons/chevron_left.js","node_modules/pn-design-assets/pn-assets/icons/chevron_right.js"],"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=\"M6.293 12.707a1 1 0 0 1 0-1.414l8-8a1 1 0 1 1 1.414 1.414L8.414 12l7.293 7.293a1 1 0 0 1-1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_left = icon;\nexport const chevronLeft = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M17.707 11.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414-1.414L15.586 12 8.293 4.707a1 1 0 0 1 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_right = icon;\nexport const chevronRight = icon;\n"],"version":3}

package/umd/modules/@postnord/web-components/components/chevron_down.js.map

@@ -1 +0,0 @@
-{"file":"chevron_down.js","mappings":";;;;AAAA,MAAM,IAAI,GAAG,4QAA4Q,CAAC;AAC9Q,MAAC,YAAY,GAAG;;;;","names":[],"sources":["node_modules/pn-design-assets/pn-assets/icons/chevron_down.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_down = icon;\nexport const chevronDown = icon;\n"],"version":3}

package/umd/modules/@postnord/web-components/components/chevron_right.js.map

@@ -1 +0,0 @@
-{"file":"chevron_right.js","mappings":";;;;AAAA,MAAMA,MAAI,GAAG,yQAAyQ,CAAC;AAC3Q,MAAC,YAAY,GAAGA;;ACD5B,MAAM,IAAI,GAAG,4QAA4Q,CAAC;AAC9Q,MAAC,aAAa,GAAG;;;;","names":["icon"],"sources":["node_modules/pn-design-assets/pn-assets/icons/chevron_left.js","node_modules/pn-design-assets/pn-assets/icons/chevron_right.js"],"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=\"M6.293 12.707a1 1 0 0 1 0-1.414l8-8a1 1 0 1 1 1.414 1.414L8.414 12l7.293 7.293a1 1 0 0 1-1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_left = icon;\nexport const chevronLeft = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M17.707 11.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414-1.414L15.586 12 8.293 4.707a1 1 0 0 1 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_right = icon;\nexport const chevronRight = icon;\n"],"version":3}

package/umd/modules/@postnord/web-components/esm/chevron_down-6e3fb42f.js.map

@@ -1 +0,0 @@
-{"file":"chevron_down-6e3fb42f.js","mappings":";;;;AAAA,MAAM,IAAI,GAAG,4QAA4Q,CAAC;AAC9Q,MAAC,YAAY,GAAG;;;;","names":[],"sources":["node_modules/pn-design-assets/pn-assets/icons/chevron_down.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_down = icon;\nexport const chevronDown = icon;\n"],"version":3}

package/umd/modules/@postnord/web-components/esm/chevron_right-9d9305e8.js.map

@@ -1 +0,0 @@
-{"file":"chevron_right-9d9305e8.js","mappings":";;;;AAAA,MAAMA,MAAI,GAAG,yQAAyQ,CAAC;AAC3Q,MAAC,YAAY,GAAGA;;ACD5B,MAAM,IAAI,GAAG,4QAA4Q,CAAC;AAC9Q,MAAC,aAAa,GAAG;;;;","names":["icon"],"sources":["node_modules/pn-design-assets/pn-assets/icons/chevron_left.js","node_modules/pn-design-assets/pn-assets/icons/chevron_right.js"],"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=\"M6.293 12.707a1 1 0 0 1 0-1.414l8-8a1 1 0 1 1 1.414 1.414L8.414 12l7.293 7.293a1 1 0 0 1-1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_left = icon;\nexport const chevronLeft = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M17.707 11.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414-1.414L15.586 12 8.293 4.707a1 1 0 0 1 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_right = icon;\nexport const chevronRight = icon;\n"],"version":3}

package/umd/modules/@postnord/web-components/postnord-web-components/p-06c7e91b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["translations","SELECT_AN_OPTION","en","sv","da","fi","no","SELECT_ALL_OPTIONS","SELECT_FOUND_OPTIONS","SELECTED_OPTIONS","BUTTON_OPEN","BUTTON_CLOSE","REMOVE","REMOVED","MORE_OPTION","MORE_OPTIONS","SEARCH","RESULTS_FOUND","NO_SEARCH_RESULTS","NO_OPTIONS","pnMultiselectCss","PnMultiselectStyle0","PnMultiselect","this","id","uuidv4","idLegend","idButton","idOptions","idHelper","idChips","idSr","elGroup","elButton","elInput","elList","elChips","srTimer","animation","animationDurationDefault","animationDuration","handleOpen","open","addGlobalEventListeners","handleDirection","handleMaxHeight","handleWidth","requestAnimationFrame","openGrid","closeGrid","removeGlobalEventListeners","handleSearch","search","options","map","option","item","hide","group","length","opt","handleSearchQuery","searchQuery","handleInputSearch","handleSelectId","selectId","handleResize","toggleOpen","style","removeProperty","toggleSelect","allOptions","selectedOption","selectedAllOptions","searchInput","componentWillLoad","language","awaitTopbar","hostElement","componentDidLoad","globalEvents","event","target","isWithinCalendar","closest","localName","root","getRootNode","addEventListener","removeEventListener","clientHeight","scrollHeight","height","isClosing","isExpanding","animateGrid","maxHeight","startHeight","endHeight","cancelAnimations","reduceMotion","animate","duration","easing","onfinish","animationFinish","oncancel","cancel","emitEvents","all","emit","data","checked","searching","isSearching","optionsTotal","optionsSearch","query","found","optionsChecked","list","reduce","sum","subgroup","filter","push","optionsIndex","val","findNested","findIndex","value","indexGroup","indexNested","optionsCheckedTotal","optionsCheckedPreview","slice","itemCount","optionsCheckedLabels","label","join","noResults","isIndeterminate","groupIndex","every","none","optionSelect","chip","allValue","optionSelectAll","nested","allSiblingsChecked","handleSrMesssage","translate","index","btn","Array","from","children","querySelector","focus","preventScroll","allChecked","optionSelected","find","prop","text","includes","replace","getRect","element","getBoundingClientRect","ripple","clientX","clientY","isKeyboard","nextElementSibling","x","width","y","top","clientCor","srMessage","clearTimeout","setTimeout","upwards","bottom","oneEm","offsetTop","window","innerHeight","offsetBottom","setProperty","inputHeight","getTotalHeightOffset","offset","Math","ceil","setFocus","hasError","invalid","error","hasMessage","helpertext","state","handleInputKeyboard","stopImmediatePropagation","code","match","setSearchQuery","isEmpty","term","performSearch","trim","toLowerCase","foundNested","some","getListItem","getOptionIndex","triggers","total","valIndex","count","checkboxNav","e","arrowUp","arrowDown","pageUp","pageDown","home","end","tab","space","enter","escape","preventDefault","handleBlur","related","relatedTarget","jumpingToChips","className","handleLabel","disabled","showSelectAll","selectAll","showEmptyOption","getPlaceholder","autoTranslation","placeholder","handleChange","additonalOptions","single","describedBy","Boolean","renderOption","icon","h","class","key","hidden","type","indeterminate","undefined","name","required","onClick","onKeyDown","onBlur","color","htmlFor","xmlns","viewBox","fill","points","i","renderOptions","onChange","ref","el","role","renderChips","close","small","render","Host","tabindex","selectName","toString","readonly","onInput","alert_exclamation_circle","chevron_down"],"sources":["src/components/input/pn-multiselect/translations.ts","src/components/input/pn-multiselect/pn-multiselect.scss?tag=pn-multiselect","src/components/input/pn-multiselect/pn-multiselect.tsx"],"sourcesContent":["export const translations = {\n  SELECT_AN_OPTION: {\n    en: 'Select an option',\n    sv: 'Välj ett alternativ',\n    da: 'Vælg en mulighed',\n    fi: 'Valitse vaihtoehto',\n    no: 'Velg et alternativ',\n  },\n  SELECT_ALL_OPTIONS: {\n    en: 'Select all options',\n    sv: 'Välj alla alternativ',\n    da: 'Vælg alle muligheder',\n    fi: 'Valitse kaikki vaihtoehdot',\n    no: 'Velg alle alternativer',\n  },\n  SELECT_FOUND_OPTIONS: {\n    en: 'Select {number} options',\n    sv: 'Välj {number} alternativ',\n    da: 'Vælg {number} muligheder',\n    fi: 'Valitse {number} vaihtoehtoa',\n    no: 'Velg {number} alternativer',\n  },\n  SELECTED_OPTIONS: {\n    en: 'Selected options.',\n    sv: 'Valda alternativ.',\n    da: 'Valgte muligheder.',\n    fi: 'Valitut vaihtoehdot.',\n    no: 'Valgte alternativer.',\n  },\n  BUTTON_OPEN: {\n    en: 'Open list',\n    sv: 'Öppna listan',\n    da: 'Open list',\n    fi: 'Open list',\n    no: 'Open list',\n  },\n  BUTTON_CLOSE: {\n    en: 'Close list',\n    sv: 'Stäng listan',\n    da: 'Close list',\n    fi: 'Close list',\n    no: 'Close list',\n  },\n  REMOVE: {\n    en: 'Remove',\n    sv: 'Ta bort',\n    da: 'Remove',\n    fi: 'Remove',\n    no: 'Remove',\n  },\n  REMOVED: {\n    en: 'Removed',\n    sv: 'Tog bort',\n    da: 'Fjernet',\n    fi: 'Poistettu',\n    no: 'Fjernet',\n  },\n  MORE_OPTION: {\n    en: 'more option.',\n    sv: 'alternativ till.',\n    da: 'mulighed mere.',\n    fi: 'vaihtoehto lisää.',\n    no: 'alternativ til.',\n  },\n  MORE_OPTIONS: {\n    en: 'more options.',\n    sv: 'fler alternativ.',\n    da: 'more options.',\n    fi: 'more options.',\n    no: 'more options.',\n  },\n  SEARCH: {\n    en: 'Search',\n    sv: 'Sök',\n    da: 'Søg',\n    fi: 'Hae',\n    no: 'Søk',\n  },\n  RESULTS_FOUND: {\n    en: 'options found',\n    sv: 'alternativ hittades',\n    da: 'muligheder fundet',\n    fi: 'vaihtoehtoja löytyi',\n    no: 'alternativer funnet',\n  },\n  NO_SEARCH_RESULTS: {\n    en: 'No options found',\n    sv: 'Inga alternativ hittades',\n    da: 'Ingen muligheder fundet',\n    fi: 'Vaihtoehtoja ei löytynyt',\n    no: 'Finner ingen alternativer',\n  },\n  NO_OPTIONS: {\n    en: 'No options available',\n    sv: 'Inga alternativ tillgängliga',\n    da: 'Ingen tilgængelige muligheder',\n    fi: 'Ei vaihtoehtoja',\n    no: 'Ingen tilgjengelige alternativer',\n  },\n};\n","@use 'src/globals/main';\n\npn-multiselect {\n  display: inline-block;\n}\n\npn-multiselect .pn-multiselect {\n  border: 0;\n  margin: 0;\n  padding: 0;\n\n  &[data-icon] .pn-multiselect-element {\n    padding-left: 3em;\n  }\n\n  &[data-error] .pn-multiselect-element {\n    padding-right: 5.5em;\n    @include main.pn-input-field-error();\n  }\n\n  &-label {\n    @include main.pn-input-label;\n    width: 100%;\n  }\n\n  @include main.pn-sr-only-class();\n\n  &-group {\n    position: relative;\n    padding: 0;\n    margin: 0;\n  }\n\n  &-input {\n    position: relative;\n\n    > pn-icon {\n      pointer-events: none;\n      position: absolute;\n      top: 0.75em;\n      right: 3.5em;\n      &[data-custom] {\n        left: 0.75em;\n        right: unset;\n      }\n    }\n  }\n\n  &-button {\n    cursor: pointer;\n    position: absolute;\n    right: 0.75em;\n    top: 50%;\n    transform: translateY(-50%);\n    padding: 0;\n    margin: 0;\n    border: 0;\n    width: 2em;\n    height: 2em;\n    font-size: 1em;\n    border-radius: 50%;\n    background-color: transparent;\n\n    -webkit-tap-highlight-color: transparent;\n\n    @include main.pn-transition('background-color, outline-color, border-color');\n    @include main.pn-focus(main.$blue700, main.$white, main.$blue700);\n\n    > pn-icon > svg > path {\n      @include main.pn-transition('transform');\n      transition-delay: main.$timing;\n      transform-origin: center;\n      transform: rotate(0deg);\n    }\n\n    &:hover {\n      background-color: main.$blue25;\n    }\n\n    &[aria-expanded='true'] {\n      background-color: main.$blue25;\n      > pn-icon > svg > path {\n        transform: rotate(180deg);\n        transition-delay: 0s;\n      }\n    }\n  }\n\n  &-element {\n    @include main.pn-input-field;\n\n    cursor: text;\n    text-align: left;\n    transition-delay: 0.1s, 0.1s, 0s;\n    width: 100%;\n    padding-right: 3.5em;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5em;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:disabled {\n      @include main.pn-disabled;\n      pointer-events: none;\n      + .pn-multiselect-button {\n        pointer-events: none;\n        path {\n          fill: main.$input-color-disabled;\n        }\n      }\n    }\n\n    &:placeholder {\n      @include main.pn-placeholder;\n    }\n\n    &[type='input']:hover {\n      cursor: pointer;\n      color: main.$input-color;\n      background-color: main.$input-background-hover;\n      transition-delay: 0s;\n      &[aria-invalid='true'] {\n        background-color: main.$input-background-error-hover;\n      }\n    }\n\n    &:focus-visible {\n      transition-delay: 0s;\n    }\n\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      appearance: none;\n    }\n  }\n\n  &-options {\n    scroll-behavior: smooth;\n    position: absolute;\n    z-index: 10;\n    top: calc(100% + 0.5em);\n    left: 0;\n    right: 0;\n    background-color: main.$white;\n    box-shadow:\n      0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1),\n      0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);\n\n    border-radius: main.$border-radius;\n\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    width: var(--pn-select-options-width);\n    max-height: var(--pn-select-max-height);\n    overflow-y: auto;\n    overflow-x: hidden;\n\n    display: flex;\n    flex-direction: column;\n\n    visibility: hidden;\n\n    transform-origin: top left;\n\n    &[data-open] {\n      visibility: visible;\n    }\n\n    &[data-upwards] {\n      top: unset;\n      bottom: calc(100% + 0.5em);\n      transform-origin: bottom left;\n      box-shadow: 0 -0.0625em 0.125em rgba(0, 0, 0, 0.2);\n    }\n\n    &[data-moving] {\n      overflow: hidden;\n      visibility: visible;\n    }\n\n    @include main.pn-scrollbar();\n\n    > pn-input {\n      padding: 0.5em;\n    }\n  }\n\n  &-optgroup {\n    list-style: none;\n    padding: 0;\n    > .pn-multiselect-option > .pn-multiselect-option-content {\n      padding-left: 2em;\n    }\n  }\n\n  &-chips {\n    list-style: none;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5em;\n    padding: 0;\n    margin: 0.5em 0 0 0;\n    color: main.$gray700;\n    font-weight: 400;\n    &:empty {\n      display: none;\n    }\n  }\n\n  &-chip {\n    margin: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25em;\n    background-color: main.$white;\n    border-radius: main.$border-radius;\n    padding: 0.125em 0.25em 0.125em 0.5em;\n    line-height: 1.5em;\n    border: 0.0625em solid main.$gray700;\n\n    @include main.pn-focus-base;\n    @include main.pn-transition('background-color, outline-color, border-color, color');\n\n    &:focus-within {\n      color: main.$blue700;\n      @include main.pn-focus-visible(main.$blue700, main.$blue25, main.$blue700);\n    }\n\n    &[data-count] {\n      pointer-events: none;\n      border: 0;\n      padding-left: 0;\n      padding-right: 0;\n      background-color: unset;\n    }\n\n    &-label {\n      font-size: 0.875em;\n      white-space: nowrap;\n    }\n\n    &-button {\n      cursor: pointer;\n      font-size: 1em;\n      padding: 0.25em;\n      height: 1.5em;\n      width: 1.5em;\n      border: 0;\n      background-color: unset;\n      border-radius: 50%;\n      @include main.pn-transition('background-color');\n      -webkit-tap-highlight-color: transparent;\n\n      &:hover {\n        background-color: main.$blue200;\n      }\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  &-no-results {\n    margin: 0;\n    padding: 0.75em;\n  }\n\n  &-description {\n    @include main.pn-input-helpertext;\n    &[role='alert'] {\n      color: main.$helpertext-color-error;\n    }\n  }\n}\n\n// Select option\npn-multiselect .pn-multiselect-option {\n  position: relative;\n  margin: 0;\n  padding: 0;\n  @include main.pn-ripple(main.$blue700);\n\n  &-input {\n    cursor: pointer;\n    position: absolute;\n    opacity: 0;\n    left: 0;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    margin: 0;\n    -webkit-tap-highlight-color: transparent;\n\n    &:disabled {\n      pointer-events: none;\n      + .pn-multiselect-option-content {\n        @include main.pn-disabled;\n        pointer-events: none;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-background-disabled;\n          border-color: main.$input-border-disabled;\n        }\n        path {\n          fill: main.$input-color-disabled;\n        }\n      }\n\n      &:checked {\n        + .pn-multiselect-option-content {\n          @include main.pn-disabled;\n          .pn-multiselect-option-checkbox {\n            background-color: main.$input-button-disabled;\n            border-color: main.$input-border-disabled;\n          }\n          path {\n            fill: main.$input-color-disabled;\n          }\n        }\n      }\n    }\n\n    &[aria-invalid='true'] {\n      + .pn-multiselect-option-content {\n        .pn-multiselect-option-checkbox {\n          border-color: main.$border-color-error;\n        }\n        .pn-ripple {\n          background-color: main.$warning;\n        }\n      }\n\n      &:checked + .pn-multiselect-option-content {\n        background-color: main.$input-background-error-active;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-button-active-error;\n          border-color: main.$input-button-active-error;\n        }\n      }\n\n      &:checked:focus-visible + .pn-multiselect-option-content {\n        background-color: main.$input-background-error-active;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-button-active-error-focus;\n          border-color: main.$input-button-active-error-focus;\n        }\n      }\n\n      &:checked:hover + .pn-multiselect-option-content {\n        background-color: main.$coral25;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-button-active-error-hover;\n          border-color: main.$input-button-active-error-hover;\n        }\n      }\n\n      &:hover + .pn-multiselect-option-content {\n        background-color: main.$coral25;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-background-error-hover;\n          border-color: main.$border-color-error-focus;\n        }\n      }\n\n      &:focus-visible + .pn-multiselect-option-content .pn-multiselect-option-checkbox {\n        @include main.pn-focus-visible(\n          main.$border-color-error-focus,\n          main.$input-background-error-active,\n          main.$border-color-error-focus\n        );\n      }\n    }\n\n    &:hover + .pn-multiselect-option-content {\n      background-color: main.$blue25;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue700;\n        background-color: main.$blue50;\n      }\n    }\n\n    &:focus-visible + .pn-multiselect-option-content .pn-multiselect-option-checkbox {\n      @include main.pn-focus-visible(main.$blue700, main.$blue50, main.$blue700);\n    }\n\n    &:checked + .pn-multiselect-option-content {\n      background-color: main.$blue50;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue700;\n        background-color: main.$blue700;\n        svg polyline.pn-multiselect-option-checkbox-checkmark-path {\n          transition-delay: 0.2s;\n          stroke-dashoffset: 0;\n        }\n      }\n    }\n\n    &:checked:hover + .pn-multiselect-option-content {\n      background-color: main.$blue25;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue900;\n        background-color: main.$blue900;\n      }\n    }\n\n    &:checked:focus-visible + .pn-multiselect-option-content {\n      background-color: main.$blue50;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue900;\n        background-color: main.$blue900;\n      }\n    }\n\n    &:indeterminate + .pn-multiselect-option-content {\n      .pn-multiselect-option-checkbox {\n        background-color: main.$blue700;\n        border-color: main.$blue700;\n      }\n      svg .pn-multiselect-option-checkbox-checkmark-path {\n        stroke-dashoffset: 23;\n      }\n      svg .pn-multiselect-option-checkbox-indeterminate-path {\n        stroke-dashoffset: 0;\n      }\n    }\n\n    &:indeterminate:hover + .pn-multiselect-option-content {\n      .pn-multiselect-option-checkbox {\n        background-color: main.$blue900;\n        border-color: main.$blue900;\n      }\n    }\n  }\n\n  &-content {\n    position: relative;\n    overflow: hidden;\n    z-index: -1;\n    display: flex;\n    align-items: center;\n    padding: 0.75em 1em;\n    gap: 0.5em;\n    background-color: main.$white;\n    @include main.pn-transition('background-color');\n  }\n\n  &-text {\n    flex: 1;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  &-label {\n    color: main.$gray900;\n    font-weight: 400;\n  }\n\n  &-helper {\n    color: main.$gray700;\n    margin: 0;\n  }\n\n  &-checkbox {\n    background-color: main.$white;\n    flex: 0 0 1.5em;\n    width: 1.5em;\n    height: 1.5em;\n    border: 0.0625em solid main.$gray400;\n    border-radius: 0.25em;\n\n    @include main.pn-focus-base;\n    @include main.pn-transition('background-color, border-color, outline-color');\n\n    svg polyline {\n      stroke: main.$white;\n      stroke-linecap: round;\n      stroke-dasharray: 23;\n      @include main.pn-transition('stroke-dashoffset');\n      transition-delay: 0s;\n\n      &.pn-multiselect-option-checkbox-checkmark-path {\n        stroke-dashoffset: 23;\n      }\n\n      &.pn-multiselect-option-checkbox-indeterminate-path {\n        stroke-dashoffset: 23;\n      }\n    }\n  }\n}\n","import { Component, h, Host, Element, Watch, Prop, State, EventEmitter, Event, Listen } from '@stencil/core';\n\nimport { translations } from './translations';\n\nimport { close, alert_exclamation_circle, chevron_down } from 'pn-design-assets/pn-assets/icons.js';\n\nimport { uuidv4, awaitTopbar, ripple, en, getTotalHeightOffset, reduceMotion } from '@/index';\nimport type { PnLanguages, PnMultiselectOption } from '@/index';\n\n/**\n * The `pn-multiselect` gets its options via javascript.\n *\n * Native HTML does not accept arrays of objects. Most frameworks solves this automatically (Vue, react, etc...),\n * but keep this in mind if you use this component outside of a framework environment.\n *\n * @nativeChange The `pn-multiselect` is built with `input[type=checkbox]` elements, so the `change` event works. However, we recommend the customEvents described above.\n *\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-input-multiselect--docs#pn-multiselect%20(options) Options documentation}\n */\n@Component({\n  tag: 'pn-multiselect',\n  styleUrl: 'pn-multiselect.scss',\n})\nexport class PnMultiselect {\n  private readonly id: string = `pn-multiselect-${uuidv4()}`;\n  private idLegend: string = `${this.id}-legend`;\n  private idButton: string = `${this.id}-button`;\n  private idOptions: string = `${this.id}-options`;\n  private idHelper: string = `${this.id}-text`;\n  private idChips: string = `${this.id}-chips`;\n  private idSr: string = `${this.id}-sr`;\n\n  private elGroup: HTMLDivElement;\n  private elButton: HTMLButtonElement;\n  private elInput: HTMLInputElement;\n  private elList: HTMLUListElement;\n  private elChips: HTMLUListElement;\n\n  private srTimer: NodeJS.Timeout;\n\n  private animation: Animation;\n  private animationDurationDefault: number = 400;\n  private animationDuration: number = this.animationDurationDefault;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() private isSearching: boolean = false;\n\n  /** Layout state. */\n  @State() private open: boolean = false;\n  @State() private upwards: boolean = false;\n\n  @State() private srMessage?: string;\n\n  @State() private isClosing: boolean = false;\n  @State() private isExpanding: boolean = false;\n\n  /** Label placed above the select */\n  @Prop() label!: string;\n  /** Display a helper text underneath the select */\n  @Prop() helpertext?: string;\n  /**\n   * This is what will be shown on load if no value is used.\n   * The `placeholder` will override the default text used if you have the `search` prop active.\n   */\n  @Prop() placeholder?: string;\n  /** HTML name of the checkbox elements. Used for each checkbox inside the multiselect. */\n  @Prop() name?: string;\n  /** Select HTML id */\n  @Prop() selectId?: string = this.id;\n  /** HTML name of the input element.*/\n  @Prop() selectName?: string;\n  /** Display an icon to the left of the select input */\n  @Prop() icon?: string;\n  /** Manually set the language, not needed if you have the pnTopbar available */\n  @Prop() language?: PnLanguages = null;\n  /**\n   * Array of options.\n   * @hide true\n   **/\n  @Prop({ mutable: true }) options!: PnMultiselectOption[];\n\n  /**\n   * Adds a \"Select all\" option into the list.\n   * If you use the search feature at the same time, clicking this option will only toggle the options found.\n   * @see {@link search}\n   * @category Features\n   **/\n  @Prop() selectAll?: boolean = false;\n  /**\n   * Set a custom value for the \"Select all value\" option.\n   * @see {@link selectAll}\n   * @category Features\n   */\n  @Prop() allValue?: string = 'pn_multiselect_all';\n  /**\n   * Allow the user to search among the options.\n   * The selected options will now display underneath the multiselect element.\n   *\n   * @category Features\n   **/\n  @Prop() search?: boolean = false;\n  /** Set the search query of the multiselect.\n   *\n   * @see {@link search}\n   * @category Features\n   */\n  @Prop({ mutable: true }) searchQuery?: string = '';\n  /**\n   * Decide how many items should be shown before ellipsis. Requires the `search` prop to work.\n   *\n   * @see {@link search}\n   * @category Features\n   **/\n  @Prop() itemCount?: number = 5;\n  /**\n   * Use a custom max-height for the dropdown list.\n   * @description The component will automatically set the max height of the dropdown list on its own.\n   * It takes the `pn-topbar` into account and will open in the direction that fits best.\n   * Use this prop to override this behaviour and use a custom max-height.\n   * @category Features\n   **/\n  @Prop() maxHeight?: string;\n  /**\n   * Force the dropdown to always open upwards.\n   * @category Features\n   **/\n  @Prop() top?: boolean = false;\n  /**\n   * Force the dropdown to always open downwards.\n   * @category Features\n   **/\n  @Prop() bottom?: boolean = false;\n\n  /** Set the select as required. @category Validation */\n  @Prop() required?: boolean = false;\n  /** Disable the select. @category Validation */\n  @Prop() disabled?: boolean = false;\n  /** Trigger the invalid state. @category Validation */\n  @Prop() invalid?: boolean = false;\n  /** Display an error message and trigger the invalid state. @category Validation */\n  @Prop() error?: string;\n\n  @Watch('open')\n  handleOpen() {\n    if (this.open) {\n      this.addGlobalEventListeners();\n\n      this.handleDirection();\n      this.handleMaxHeight();\n      this.handleWidth();\n      requestAnimationFrame(() => this.openGrid());\n    } else {\n      this.closeGrid();\n      this.removeGlobalEventListeners();\n    }\n  }\n\n  @Watch('search')\n  handleSearch() {\n    if (!this.search)\n      this.options = [\n        ...this.options.map(option => {\n          const item = {\n            ...option,\n            hide: false,\n          };\n\n          if (item?.group?.length) item.group.map(opt => ({ ...opt, hide: false }));\n\n          return item;\n        }),\n      ];\n  }\n\n  @Watch('searchQuery')\n  handleSearchQuery() {\n    if (this.search && typeof this.searchQuery === 'string') this.handleInputSearch();\n  }\n\n  @Watch('selectId')\n  handleSelectId() {\n    const id = this.selectId;\n    this.idLegend = `${id}-legend`;\n    this.idButton = `${id}-button`;\n    this.idOptions = `${id}-options`;\n    this.idHelper = `${id}-text`;\n    this.idChips = `${id}-chips`;\n    this.idSr = `${id}-sr`;\n  }\n\n  /**\n   * If the select is open and you resize the window.\n   * Remove all css props and disable the animations entierly.\n   **/\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    if (!this.open) return;\n    this.toggleOpen(false);\n\n    this.elList.style.removeProperty('--pn-select-options-width');\n    this.elList.style.removeProperty('--pn-select-max-height');\n  }\n\n  /** Dispatched everytime the multiselect is opened or closed. */\n  @Event() toggleSelect: EventEmitter<{ open: boolean }>;\n  /** This event contains the entire options array with the new props. Dispatched everytime you make changes to any option. */\n  @Event() allOptions: EventEmitter<PnMultiselectOption[]>;\n  /** Dispatched when you toggle an option. Includes all the props of the option. */\n  @Event() selectedOption: EventEmitter<PnMultiselectOption>;\n  /**\n   * This event is dispatched when the user toggles the \"Choose all options\" box.\n   * Also triggers when you click the \"Select {number} options\" if you are performing a search at the same time.\n   **/\n  @Event() selectedAllOptions: EventEmitter<{\n    checked: boolean;\n    searching: boolean;\n    query?: string;\n    found?: PnMultiselectOption[];\n  }>;\n  /**\n   * Contains the search text and the options found for that query.\n   * Dispacthed everytime you change the search query.\n   **/\n  @Event() searchInput: EventEmitter<{\n    query: string;\n    found?: PnMultiselectOption[];\n  }>;\n\n  async componentWillLoad() {\n    this.handleSelectId();\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    if (!!this.searchQuery?.length) this.handleSearchQuery();\n  }\n\n  private globalEvents = (event: PointerEvent | KeyboardEvent) => {\n    const target = event.target as HTMLElement;\n    const isWithinCalendar = target?.closest(this.hostElement.localName);\n    if (!isWithinCalendar) this.toggleOpen(false);\n  };\n\n  private addGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.addEventListener('click', this.globalEvents);\n  }\n\n  private removeGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.removeEventListener('click', this.globalEvents);\n  }\n\n  private openGrid() {\n    requestAnimationFrame(() => {\n      const { clientHeight, scrollHeight } = this.elList;\n      const height = this.isClosing ? clientHeight : 0;\n      this.elList.style.height = `${scrollHeight}px`;\n\n      this.isExpanding = true;\n      this.animateGrid(true, `${height}px`, this.maxHeight || `${this.elList.scrollHeight}px`);\n    });\n  }\n\n  private closeGrid() {\n    const { scrollHeight, clientHeight } = this.elList;\n    const height = this.isExpanding ? clientHeight : scrollHeight;\n    this.elList.style.height = `0px`;\n\n    this.isClosing = true;\n    this.animateGrid(false, `${height}px`, `0px`);\n  }\n\n  private animateGrid(open: boolean, startHeight: string, endHeight: string) {\n    this.cancelAnimations();\n\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.animationDurationDefault;\n\n    this.animation = this.elList.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n    this.animation.onfinish = () => this.animationFinish();\n    this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));\n  }\n\n  private animationFinish() {\n    this.cancelAnimations();\n    this.elList.style.height = this.isClosing ? '0px' : '';\n    this.isClosing = false;\n    this.isExpanding = false;\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  private emitEvents(option?: PnMultiselectOption, all?: boolean) {\n    this.allOptions.emit(this.options);\n\n    if (option) return this.selectedOption.emit(option);\n\n    const data: { checked: boolean; searching: boolean; query?: string; found?: PnMultiselectOption[] } = {\n      checked: all,\n      searching: this.isSearching,\n    };\n\n    if (this.search && this.optionsTotal() !== this.optionsSearch().length) {\n      data.query = this.searchQuery;\n      data.found = this.optionsSearch();\n    }\n\n    this.selectedAllOptions.emit(data);\n  }\n\n  private optionsChecked(): PnMultiselectOption[] {\n    const list = this.options?.reduce((sum, item) => {\n      const subgroup = item.group ? [...item.group.filter(({ checked }) => checked)] : [];\n\n      if (item.checked) sum.push(item);\n\n      if (subgroup?.length) sum.push(...subgroup);\n\n      return sum;\n    }, []);\n\n    return list;\n  }\n\n  private optionsTotal(): number {\n    return this.options?.reduce((sum, item) => sum + (item?.group?.length ? item.group.length + 1 : 1), 0);\n  }\n\n  private optionsIndex(val: string): { indexGroup: number; indexNested?: number } {\n    const findNested = ({ group = [] }: PnMultiselectOption) => group?.findIndex(({ value }) => value === val);\n\n    const indexGroup = this.options.findIndex(option => option.value === val || findNested(option) !== -1);\n    const indexNested = findNested(this.options?.[indexGroup]);\n\n    return {\n      indexGroup,\n      indexNested,\n    };\n  }\n\n  private optionsCheckedTotal(): number {\n    return this.optionsChecked()?.length;\n  }\n\n  private optionsCheckedPreview(): PnMultiselectOption[] {\n    return this.optionsChecked()?.slice(0, this.itemCount);\n  }\n\n  private optionsCheckedLabels(): string {\n    return this.optionsChecked()\n      ?.map(({ label }) => label)\n      ?.join(', ');\n  }\n\n  private optionsSearch(): PnMultiselectOption[] {\n    const list = this.options?.reduce((sum, item) => {\n      const subgroup = item.group ? [...item.group.filter(({ hide }) => !hide)] : [];\n      if (!item.hide) sum.push(item);\n      if (subgroup?.length) sum.push(...subgroup);\n      return sum;\n    }, []);\n\n    return list;\n  }\n\n  private noResults() {\n    return this.optionsSearch()?.length === 0;\n  }\n\n  private isIndeterminate(groupIndex: number): boolean {\n    const option = this.options?.[groupIndex];\n    if (option?.group?.length) {\n      const all = option.group.every(({ checked }) => checked);\n      const none = option.group.every(({ checked }) => !checked);\n\n      return !(all || none);\n    }\n    return false;\n  }\n\n  private optionSelect({ val, checked, chip }: { val: string; checked: boolean; chip?: number }) {\n    if (val === this.allValue) return this.optionSelectAll(checked);\n\n    const options = this.options;\n\n    const { indexGroup, indexNested } = this.optionsIndex(val);\n\n    const group = options[indexGroup]?.group;\n    const nested = group?.[indexNested];\n\n    if (nested?.value) {\n      options[indexGroup].group[indexNested].checked = checked;\n\n      const allSiblingsChecked = group?.every(({ checked }) => checked);\n\n      if (allSiblingsChecked) options[indexGroup].checked = true;\n      else options[indexGroup].checked = false;\n    } else {\n      options[indexGroup].checked = checked;\n      if (group?.length) options[indexGroup].group = group?.map(opt => ({ ...opt, checked: checked }));\n    }\n\n    const option = indexNested === -1 ? options[indexGroup] : options[indexGroup].group[indexNested];\n\n    this.emitEvents(option);\n\n    this.options = [...options];\n\n    if (typeof chip === 'number') {\n      this.handleSrMesssage(`${this.translate('REMOVED')} ${option.label}`);\n\n      requestAnimationFrame(() => {\n        const index = chip === this.optionsCheckedTotal() ? chip - 1 : chip;\n        const btn = Array.from(this.elChips.children)?.[index];\n        btn?.querySelector('button').focus({ preventScroll: true });\n      });\n    }\n  }\n\n  private optionSelectAll(checked: boolean) {\n    this.options = [\n      ...this.options.map(option => {\n        const opt = {\n          ...option,\n          checked: this.isSearching ? (option.hide ? option.checked : checked) : checked,\n        };\n\n        if (opt.group)\n          opt.group = [\n            ...opt.group.map(item => ({\n              ...item,\n              checked: this.isSearching ? (item.hide ? item.checked : checked) : checked,\n            })),\n          ];\n\n        const allChecked = opt?.group?.every(({ checked }) => checked);\n        if (opt?.group?.length) opt.checked = allChecked;\n\n        return opt;\n      }),\n    ];\n\n    this.emitEvents(null, checked);\n  }\n\n  private optionSelected(val: string): boolean {\n    return !!this.optionsChecked()?.find(({ value, checked }) => value === val && checked);\n  }\n\n  private translate(prop: string): string {\n    const text = translations?.[prop]?.[this.language || en];\n    if (text.includes('{number}')) return text.replace('{number}', this.optionsSearch().length);\n    return text;\n  }\n\n  private getRect(element: HTMLElement): DOMRect {\n    return element?.getBoundingClientRect();\n  }\n\n  private ripple({ clientX, clientY, target }: MouseEvent) {\n    const isKeyboard = clientX === 0 && clientY === 0;\n    const element = (target as HTMLInputElement).nextElementSibling;\n    const { x, width, y, top } = this.getRect(element as HTMLElement);\n    const clientCor = isKeyboard ? { clientX: x + width - 24, clientY: y - top } : { clientX, clientY };\n\n    ripple(clientCor, element as HTMLElement);\n  }\n\n  private handleSrMesssage(text: string) {\n    this.srMessage = text;\n    clearTimeout(this.srTimer);\n    this.srTimer = setTimeout(() => (this.srMessage = null), 2000);\n  }\n\n  private handleDirection() {\n    if (this.top) return (this.upwards = true);\n    if (this.bottom) return (this.upwards = false);\n\n    const { bottom, top } = this.getRect(this.elInput);\n\n    const oneEm = 16;\n\n    /*\n     * Take the inner window height and subtract the elements bottom and 1em (16px)\n     * If the max height of this calculation is less than the space above the element, open it upwards.\n     * Do another calculation with the top value - 1em.\n     */\n    const offsetTop = window.innerHeight - bottom - oneEm;\n    const offsetBottom = top - oneEm;\n\n    /** Always point downwards, unless the space to the bottom is less than half of the top offset space. */\n    this.upwards = offsetBottom / 2 > offsetTop;\n  }\n\n  private handleMaxHeight() {\n    if (this.maxHeight) return this.elGroup.style.setProperty('--pn-select-max-height', this.maxHeight);\n\n    const { bottom, top } = this.getRect(this.elInput);\n    const inputHeight = this.upwards ? top : bottom;\n\n    const offsetTop = getTotalHeightOffset();\n\n    const offset = this.upwards ? offsetTop + 16 : 16;\n\n    const maxHeight = this.upwards ? inputHeight - offset : window.innerHeight - inputHeight - offset;\n\n    this.elGroup.style.setProperty('--pn-select-max-height', `${Math.ceil(maxHeight)}px`);\n  }\n\n  private handleWidth() {\n    const { width } = this.getRect(this.elInput);\n    this.elGroup.style.setProperty('--pn-select-options-width', `${Math.ceil(width)}px`);\n  }\n\n  private setFocus() {\n    if (this.search) this.elInput.focus({ preventScroll: true });\n    else this.elButton.focus({ preventScroll: true });\n  }\n\n  private hasError(): boolean {\n    return this.invalid || !!this.error;\n  }\n\n  private hasMessage(): boolean {\n    return !!this.helpertext || !!this.error;\n  }\n\n  private toggleOpen(state?: boolean) {\n    if (typeof state === 'boolean' && state === this.open) return;\n    this.open = state ?? !this.open;\n    this.toggleSelect.emit({ open: this.open });\n  }\n\n  private handleInputKeyboard(event: KeyboardEvent) {\n    event.stopImmediatePropagation();\n\n    const { code } = event;\n\n    if (code === 'Escape') return this.toggleOpen(false);\n    if (!this.open && code.match(/^(Space|Enter)$|Arrow|^Key.*$/)) this.toggleOpen();\n  }\n\n  private setSearchQuery(value: string) {\n    if (!this.open) this.toggleOpen(true);\n    this.searchQuery = value;\n  }\n\n  private handleInputSearch() {\n    if (this.isEmpty()) return;\n\n    const term = this.searchQuery;\n    const performSearch = ({ label, helpertext, value }: PnMultiselectOption): boolean => {\n      return `${label} ${helpertext} ${value}`.trim().toLowerCase().includes(term.toLowerCase());\n    };\n\n    const options = this.options.map(option => {\n      const foundNested = option?.group?.map(item => ({ ...item, hide: !performSearch(item) })) || [];\n\n      const found = performSearch(option) || foundNested?.some(({ hide }) => !hide);\n\n      option.hide = !found;\n      if (option?.group?.length) option.group = [...foundNested];\n\n      return option;\n    });\n\n    this.isSearching = term !== '';\n\n    this.options = [...options];\n\n    this.searchInput.emit({ query: term, found: this.optionsSearch() });\n  }\n\n  private getListItem(index: number): HTMLInputElement {\n    const { value } = this.options[index];\n    return this.elList.querySelector<HTMLInputElement>(`.pn-multiselect-option-input[value='${value}']`);\n  }\n\n  private getOptionIndex(val: string, triggers: (boolean | number)[], code?: string) {\n    const total = this.optionsTotal() - 1;\n\n    if (code === 'End') return total;\n    if (code === 'Home') return 0;\n\n    const valIndex = this.options.findIndex(({ value }) => value === val);\n\n    const count = triggers.find(item => typeof item === 'number') as number;\n    const index = valIndex + count;\n\n    if (index >= total) return total;\n    if (index <= 0) return 0;\n\n    return index;\n  }\n\n  private checkboxNav(e: KeyboardEvent, val: string) {\n    const { code } = e;\n\n    const arrowUp = code === 'ArrowUp' && -1;\n    const arrowDown = code === 'ArrowDown' && 1;\n    const pageUp = code === 'PageUp' && -10;\n    const pageDown = code === 'PageDown' && 10;\n    const home = code === 'Home' && 0;\n    const end = code === 'End' && this.optionsTotal() - 1;\n    const tab = code === 'Tab';\n    const space = code === 'Space';\n    const enter = code === 'Enter';\n    const escape = code === 'Escape';\n\n    const triggers = [arrowUp, arrowDown, pageUp, pageDown, home, end, tab, space, enter, escape];\n\n    if (!triggers.some(item => typeof item === 'number' || item)) return;\n\n    if (tab || space || enter) return;\n\n    e.stopImmediatePropagation();\n    e.preventDefault();\n\n    if (escape) {\n      this.setFocus();\n      return this.toggleOpen(false);\n    }\n\n    const item = this.getOptionIndex(val, triggers, code);\n    return this.getListItem(item)?.focus();\n  }\n\n  private handleBlur(event: FocusEvent) {\n    const target = event.target as HTMLElement;\n    const related = event.relatedTarget as HTMLElement;\n\n    const jumpingToChips = (related || target)?.className === 'pn-multiselect-chip-button';\n\n    if (jumpingToChips) this.toggleOpen(false);\n  }\n\n  private handleLabel() {\n    if (this.disabled) return;\n    this.setFocus();\n  }\n\n  /** Check if there are no options in the list. */\n  private isEmpty(): boolean {\n    return (this.options?.length || 0) === 0;\n  }\n\n  private showSelectAll(): boolean {\n    return this.selectAll && !this.isEmpty() && !this.noResults();\n  }\n\n  /** Check if the empty/nothing found should be visible. */\n  private showEmptyOption() {\n    return (this.isSearching && this.noResults()) || this.isEmpty();\n  }\n\n  private getPlaceholder(): string {\n    const autoTranslation = this.search ? 'SEARCH' : 'SELECT_AN_OPTION';\n    return this.placeholder || this.translate(autoTranslation);\n  }\n\n  private handleChange({ target }: InputEvent) {\n    const { value, checked } = target as HTMLInputElement;\n    this.optionSelect({ val: value, checked });\n  }\n\n  /** Display the \"X more selected options\" text. */\n  private additonalOptions() {\n    const count = this.optionsCheckedTotal() - this.itemCount;\n    const single = `MORE_OPTION${count === 1 ? '' : 'S'}`;\n    return `${count} ${this.translate(single)}`;\n  }\n\n  private describedBy(): string {\n    const list = [this.search && this.idChips, this.srMessage && this.idSr, !!this.helpertext && this.idHelper].filter(\n      Boolean,\n    );\n    if (list.length) return list.join(' ');\n    return null;\n  }\n\n  private renderOption(\n    {\n      label,\n      value,\n      checked,\n      helpertext,\n      icon,\n      id = `${this.selectId}-${value || label}`,\n      invalid,\n      disabled,\n      hide,\n      group,\n    }: PnMultiselectOption,\n    indexGroup?: number,\n    indexNested?: number,\n  ): HTMLLIElement {\n    return (\n      <li class=\"pn-multiselect-option\" key={id} hidden={hide}>\n        <input\n          type=\"checkbox\"\n          id={id}\n          class=\"pn-multiselect-option-input\"\n          checked={checked ?? this.optionSelected(value)}\n          indeterminate={indexNested === undefined && this.isIndeterminate(indexGroup)}\n          name={this.name}\n          value={value}\n          disabled={this.disabled || disabled}\n          required={this.required}\n          aria-invalid={invalid ? 'true' : null}\n          aria-describedby={helpertext ? `${id}-helper` : null}\n          onClick={(event: MouseEvent) => this.ripple(event)}\n          onKeyDown={(event: KeyboardEvent) => this.checkboxNav(event, value)}\n          onBlur={(event: FocusEvent) => this.handleBlur(event)}\n        />\n        <div class=\"pn-multiselect-option-content\">\n          {!!icon && <pn-icon icon={icon} color=\"blue900\" />}\n          <div class=\"pn-multiselect-option-text\">\n            <label class=\"pn-multiselect-option-label\" htmlFor={id}>\n              <span>{label}</span>\n            </label>\n            {helpertext && (\n              <p class=\"pn-multiselect-option-helper\" id={`${id}-helper`}>\n                {helpertext}\n              </p>\n            )}\n          </div>\n          <div class=\"pn-multiselect-option-checkbox\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <polyline\n                class=\"pn-multiselect-option-checkbox-checkmark-path\"\n                points=\"4,12 9,17 20,6\"\n                stroke-width=\"3\"\n              />\n              <polyline\n                class=\"pn-multiselect-option-checkbox-indeterminate-path\"\n                points=\"4,12 20,12\"\n                stroke-width=\"3\"\n              />\n            </svg>\n          </div>\n        </div>\n        {group?.length && (\n          <ul class=\"pn-multiselect-optgroup\">{group?.map((option, i) => this.renderOption(option, indexGroup, i))}</ul>\n        )}\n      </li>\n    );\n  }\n\n  private renderOptions(): HTMLUListElement {\n    return (\n      <ul\n        id={this.idOptions}\n        class=\"pn-multiselect-options\"\n        data-open={this.open}\n        data-upwards={this.upwards}\n        data-moving={this.isClosing || this.isExpanding}\n        onChange={(event: InputEvent) => this.handleChange(event)}\n        style={{ height: '0px' }}\n        ref={el => (this.elList = el)}\n      >\n        {this.showSelectAll() &&\n          this.renderOption({\n            label: this.translate(`SELECT_${this.isSearching ? 'FOUND' : 'ALL'}_OPTIONS`),\n            value: this.allValue,\n            checked: this.optionsTotal() === this.optionsCheckedTotal(),\n          })}\n\n        {this.options?.map((option, index) => this.renderOption(option, index))}\n\n        {this.showEmptyOption() && (\n          <li class=\"pn-multiselect-option\">\n            <div class=\"pn-multiselect-option-content\" role=\"alert\">\n              <div class=\"pn-multiselect-option-text\">\n                <span class=\"pn-multiselect-option-label\">\n                  {this.translate(this.isEmpty() ? 'NO_OPTIONS' : 'NO_SEARCH_RESULTS')}\n                </span>\n              </div>\n            </div>\n          </li>\n        )}\n      </ul>\n    );\n  }\n\n  private renderChips(): HTMLUListElement {\n    return (\n      <ul\n        id={this.idChips}\n        class=\"pn-multiselect-chips\"\n        aria-label={this.translate('SELECTED_OPTIONS')}\n        ref={el => (this.elChips = el)}\n      >\n        {this.optionsCheckedPreview()?.map(({ label, value }, index) => (\n          <li\n            class=\"pn-multiselect-chip\"\n            aria-setsize={this.optionsCheckedTotal()}\n            aria-posinset={index + 1}\n            key={`${label}-${value}`}\n          >\n            <span class=\"pn-multiselect-chip-label\">{label}</span>\n            <button\n              type=\"button\"\n              class=\"pn-multiselect-chip-button\"\n              aria-label={`${this.translate('REMOVE')} ${label}`}\n              onClick={() => this.optionSelect({ val: value, checked: false, chip: index })}\n            >\n              <pn-icon icon={close} small color=\"blue700\" />\n            </button>\n          </li>\n        ))}\n        {this.optionsCheckedTotal() > this.itemCount && (\n          <li class=\"pn-multiselect-chip\" data-count>\n            <span class=\"pn-multiselect-chip-label\">+ {this.additonalOptions()}</span>\n          </li>\n        )}\n      </ul>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <fieldset class=\"pn-multiselect\" data-icon={!!this.icon} data-error={this.hasError()} disabled={this.disabled}>\n          {this.label && (\n            <legend id={this.idLegend} class=\"pn-multiselect-label\" onClick={() => this.handleLabel()}>\n              <span>{this.label}</span>\n\n              {!!this.optionsChecked()?.length && (\n                <span>\n                  {this.optionsCheckedTotal()}/{this.optionsTotal()}\n                </span>\n              )}\n            </legend>\n          )}\n          <div class=\"pn-multiselect-group\" ref={el => (this.elGroup = el)}>\n            <div class=\"pn-multiselect-input\">\n              {!!this.icon && <pn-icon class=\"pn-multiselect-icon\" data-custom icon={this.icon} />}\n\n              <input\n                tabindex={this.search ? null : '-1'}\n                type={this.search ? 'search' : 'input'}\n                id={this.selectId}\n                class=\"pn-multiselect-element\"\n                value={this.search ? this.searchQuery : this.optionsCheckedLabels()}\n                name={this.selectName}\n                placeholder={this.getPlaceholder()}\n                required={this.search ? null : this.required}\n                aria-labelledby={this.idLegend}\n                aria-describedby={this.describedBy()}\n                aria-controls={`${this.idOptions} ${this.search ? this.idChips : ''}`}\n                aria-invalid={this.hasError()?.toString()}\n                disabled={this.disabled}\n                readonly={!this.search}\n                onClick={() => (this.search && this.open ? null : this.toggleOpen())}\n                onKeyDown={e => this.handleInputKeyboard(e)}\n                onBlur={e => this.handleBlur(e)}\n                onInput={e => this.search && this.setSearchQuery((e.target as HTMLInputElement).value)}\n                ref={el => (this.elInput = el)}\n              />\n\n              {this.hasError() && (\n                <pn-icon class=\"pn-multiselect-icon\" data-error icon={alert_exclamation_circle} color=\"warning\" />\n              )}\n\n              <button\n                id={this.idButton}\n                type=\"button\"\n                class=\"pn-multiselect-button\"\n                aria-label={this.translate(`BUTTON_${this.open ? 'CLOSE' : 'OPEN'}`)}\n                aria-describedby={this.search ? null : this.selectId}\n                aria-controls={this.idOptions}\n                aria-expanded={this.open.toString()}\n                onClick={() => this.toggleOpen()}\n                ref={el => (this.elButton = el)}\n              >\n                <pn-icon class=\"pn-multiselect-icon\" icon={chevron_down} color=\"blue700\" />\n              </button>\n            </div>\n\n            {this.renderOptions()}\n          </div>\n\n          {this.hasMessage() && (\n            <p id={this.idHelper} class=\"pn-multiselect-description\" role={!!this.error ? 'alert' : null}>\n              <span>{this.error || this.helpertext}</span>\n            </p>\n          )}\n\n          {this.search && this.renderChips()}\n\n          <slot />\n\n          {this.search && (\n            <p id={this.idSr} class=\"pn-multiselect-sr-only\" role=\"alert\" aria-live=\"assertive\">\n              {this.srMessage && <span>{this.srMessage}</span>}\n            </p>\n          )}\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/p-16fb83d9.entry.js

@@ -1,6 +0,0 @@
-/*!
- * Built with Stencil
- * By PostNord.
- */
-import{r as t,c as a,g as s,h as e,a as n}from"./p-43660913.js";import{r as o,k as i,o as r,e as p}from"./p-f64d17a6.js";import{a as c}from"./p-9a18b612.js";import{a as d}from"./p-fc06684e.js";import{c as l}from"./p-ffa37a87.js";import{c as h}from"./p-92b0338a.js";const f='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12.874 2.514a1 1 0 0 0-1.748 0l-10 18A1 1 0 0 0 2 22h20a1 1 0 0 0 .874-1.486zM12 5.06 20.3 20H3.7zm-1.375 4.936a1.38 1.38 0 1 1 2.75 0l-.292 3.509a1.087 1.087 0 0 1-2.166 0zM12 15.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg>';const u=f;const b={HIDE:{sv:"Stäng meddelande",en:"Dismiss message",da:"Afvis besked",fi:"Hylkää viesti",no:"Avvis meldingen"}};const m="pn-toast{position:relative;display:block}pn-toast .pn-toast{position:relative;color:#2d2013;padding:1em;border-radius:0.5em;outline:none;font-size:1em;font-weight:400;background-color:#e0f8ff;border-color:#005d92;display:flex;align-items:center;gap:0.75em;visibility:visible;transition-property:visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toast .pn-toast{transition-duration:0s;transition-delay:0s}}pn-toast .pn-toast .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-toast .pn-toast[data-hide]{visibility:hidden;transition-delay:0.2s}pn-toast .pn-toast-heading{font-size:1em;font-style:normal;font-weight:500;margin:0}pn-toast .pn-toast-text{font-size:1em;font-style:normal;font-weight:400;margin:0 0 0.25em 0}pn-toast .pn-toast-text:last-child{margin-bottom:0}pn-toast .pn-toast-icon .pn-icon-svg path{fill:#2d2013}pn-toast .pn-toast-content{display:flex;flex-direction:column;align-self:center;align-items:flex-start;gap:0.25em;margin:0 auto 0 0}pn-toast .pn-toast-button{cursor:pointer;border-radius:50%;border:none;background:none;padding:0.25em;font-size:1em;display:flex;align-items:center;justify-content:center;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-toast .pn-toast-button{transition-duration:0s;transition-delay:0s}}pn-toast .pn-toast-button:focus-visible{outline-color:#005d92;background-color:#8eddf9}pn-toast .pn-toast-button:hover{background-color:#8eddf9}pn-toast .pn-toast[data-appearance=success]{background-color:#dcf6e7}pn-toast .pn-toast[data-appearance=success] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-toast .pn-toast[data-appearance=success] .pn-toast-button:focus-visible{outline-color:#005e41;background-color:#abe3bb}pn-toast .pn-toast[data-appearance=success] .pn-toast-button:hover{background-color:#abe3bb}pn-toast .pn-toast[data-appearance=success] .pn-ripple{background-color:#005e41}pn-toast .pn-toast[data-appearance=success] .pn-toast-icon .pn-icon-svg path{fill:#005e41}pn-toast .pn-toast[data-appearance=success][data-temporary]{border-color:#005e41}pn-toast .pn-toast[data-appearance=warning]{background-color:#fff1e3}pn-toast .pn-toast[data-appearance=warning] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-toast .pn-toast[data-appearance=warning] .pn-toast-button:focus-visible{outline-color:#99290a;background-color:#ffc8a3}pn-toast .pn-toast[data-appearance=warning] .pn-toast-button:hover{background-color:#ffc8a3}pn-toast .pn-toast[data-appearance=warning] .pn-ripple{background-color:#99290a}pn-toast .pn-toast[data-appearance=warning] .pn-toast-icon .pn-icon-svg path{fill:#99290a}pn-toast .pn-toast[data-appearance=warning][data-temporary]{border-color:#ed7123}pn-toast .pn-toast[data-appearance=error]{background-color:#fdefee}pn-toast .pn-toast[data-appearance=error] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-toast .pn-toast[data-appearance=error] .pn-toast-button:focus-visible{outline-color:#a70707;background-color:#fbc2c1}pn-toast .pn-toast[data-appearance=error] .pn-toast-button:hover{background-color:#fbc2c1}pn-toast .pn-toast[data-appearance=error] .pn-ripple{background-color:#a70707}pn-toast .pn-toast[data-appearance=error] .pn-toast-icon .pn-icon-svg path{fill:#a70707}pn-toast .pn-toast[data-appearance=error][data-temporary]{border-color:#a70707}pn-toast .pn-toast[data-temporary]{border-style:solid;border-width:0.0625em;box-shadow:0 0.125em 0.25em rgba(0, 0, 0, 0.2)}";const g=m;const y=class{constructor(s){t(this,s);this.close=a(this,"close",7);this.hidden=a(this,"hidden",7);this.isClosing=false;this.isExpanding=false;this.hasSlottedContent=false;this.heading="";this.text="";this.toastId=undefined;this.appearance=undefined;this.temporary=false;this.icon=undefined;this.illustration=undefined;this.hide=false;this.closable=false;this.language=null}toast;button;duration=400;animationDuration=this.duration;animation;get hostElement(){return s(this)}handleHide(){if(o())this.animationDuration=0;else this.animationDuration=this.duration;this.hostElement.style.overflow="hidden";requestAnimationFrame((()=>{if(this.hide)this.closeToast();else this.openToast()}))}close;hidden;async componentWillLoad(){if(this.hide){this.hostElement.style.height="0";this.hostElement.style.overflow="hidden"}if(this.language===null)await i(this.hostElement);this.hasSlottedContent=!!this.hostElement.textContent}componentDidLoad(){if(!!this.heading&&!this.text&&!this.hasSlottedContent)console.warn("The %s prop is only available if you use the %s prop or slotted content.","heading","text")}getRect(t){return t.getBoundingClientRect()}openToast(){requestAnimationFrame((()=>{const{clientHeight:t}=this.toast;const{height:a}=this.getRect(this.hostElement);this.hostElement.style.height=`${a}px`;this.isExpanding=true;this.animateToast(true,`${a}px`,`${t}px`)}))}closeToast(){const{clientHeight:t}=this.hostElement;this.hostElement.style.height=`0px`;this.isClosing=true;this.animateToast(false,`${t}px`,`0px`)}animateToast(t,a,s){this.cancelAnimations();this.animation=this.hostElement.animate({height:[a,s]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"});this.animation.onfinish=()=>this.animationFinish();this.animation.oncancel=()=>t?this.isExpanding=false:this.isClosing=false}animationFinish(){this.cancelAnimations();if(this.hide)this.hidden.emit(this.hide);else{this.hostElement.style.height="";this.hostElement.style.overflow=""}this.isClosing=false;this.isExpanding=false}cancelAnimations(){if(this.animation)this.animation.cancel()}handleClick(t){this.hide=true;this.close.emit(this.hide);r(t,this.toast)}getIcon(){if(this.illustration)return"";if(this.icon)return this.icon;if(this.appearance==="success")return l;if(this.appearance==="warning")return u;if(this.appearance==="error")return c;return d}getRole(){return this.appearance==="error"?"alert":"status"}showIcon(){return!this.illustration}showIllustration(){return!this.showIcon()}showTitle(){return(this.hasSlottedContent||!!this.text)&&!!this.heading}translate(t){return b?.[t]?.[this.language||p]||t}isMoving(){return this.isClosing||this.isExpanding}hideToast(){return this.hide&&!this.isMoving()}render(){return e(n,{key:"b0f490bf139ccd8682e8d43f75ae99f6d5e4a054"},e("div",{key:"8bdd1b6525b579d06b82d762e56c0ec34c4bb822",id:this.toastId,class:"pn-toast",role:this.getRole(),"data-appearance":this.appearance,"data-temporary":this.temporary,"data-hide":this.hideToast(),ref:t=>this.toast=t},this.showIcon()&&e("pn-icon",{key:"fc5626dbbe0f5a5939179f02be8e1e70eec22ebd",class:"pn-toast-icon",icon:this.getIcon()}),e("div",{key:"f1aabfdd5d9e62d895cd4cfdaf31a7abb92e0749",class:"pn-toast-content"},this.showTitle()&&e("h4",{key:"6267fa5e2eb67c8a0d16506db0586f9b2fa6b18a",class:"pn-toast-heading"},this.heading),this.text&&e("p",{key:"b1a2ee4468223afc9c43bb57f3aa72c38d86cb1c",class:"pn-toast-text"},this.text),e("slot",{key:"2508212f2afc63d3faa5a189dd9ddba33cff3eaa"})),this.showIllustration()&&e("pn-illustration",{key:"bee93e5623aa57d1a1f765dd6ad13a8cdd1ea1d8",illustration:this.illustration,width:"5.5em",height:"5.5em"}),this.closable&&e("button",{key:"0db9441d732d60bd37446c92b0df34e44f1f61e9",class:"pn-toast-button",type:"button","aria-label":this.translate("HIDE"),onClick:t=>this.handleClick(t),ref:t=>this.button=t},e("pn-icon",{key:"a1325ada64366284633932d4ba775e67b3ae6f59",icon:h}))))}static get watchers(){return{hide:["handleHide"]}}};y.style=g;export{y as pn_toast};
-//# sourceMappingURL=p-16fb83d9.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-16fb83d9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icon","alert_exclamation_triangle","translations","HIDE","sv","en","da","fi","no","pnToastCss","PnToastStyle0","PnToast","toast","button","duration","animationDuration","this","animation","handleHide","reduceMotion","hostElement","style","overflow","requestAnimationFrame","hide","closeToast","openToast","close","hidden","componentWillLoad","height","language","awaitTopbar","hasSlottedContent","textContent","componentDidLoad","heading","text","console","warn","getRect","element","getBoundingClientRect","clientHeight","isExpanding","animateToast","isClosing","open","startHeight","endHeight","cancelAnimations","animate","easing","onfinish","animationFinish","oncancel","emit","cancel","handleClick","event","ripple","getIcon","illustration","appearance","check_circle","alert_exclamation_circle","alert_info_circle","getRole","showIcon","showIllustration","showTitle","translate","prop","isMoving","hideToast","render","h","Host","key","id","toastId","class","role","temporary","ref","el","width","closable","type","onClick"],"sources":["node_modules/pn-design-assets/pn-assets/icons/alert_exclamation_triangle.js","src/components/feedback/pn-toast/translation.ts","src/components/feedback/pn-toast/pn-toast.scss?tag=pn-toast","src/components/feedback/pn-toast/pn-toast.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12.874 2.514a1 1 0 0 0-1.748 0l-10 18A1 1 0 0 0 2 22h20a1 1 0 0 0 .874-1.486zM12 5.06 20.3 20H3.7zm-1.375 4.936a1.38 1.38 0 1 1 2.75 0l-.292 3.509a1.087 1.087 0 0 1-2.166 0zM12 15.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3\" clip-rule=\"evenodd\"/></svg>';\nexport const alert_exclamation_triangle = icon;\nexport const alertExclamationTriangle = icon;\n","export const translations = {\n  HIDE: {\n    sv: 'Stäng meddelande',\n    en: 'Dismiss message',\n    da: 'Afvis besked',\n    fi: 'Hylkää viesti',\n    no: 'Avvis meldingen',\n  },\n};\n","@use 'src/globals/main';\n\npn-toast {\n  position: relative;\n  display: block;\n}\n\npn-toast .pn-toast {\n  position: relative;\n\n  color: main.$gray900;\n  padding: 1em;\n  border-radius: 0.5em;\n\n  outline: none;\n  font-size: 1em;\n  font-weight: 400;\n  background-color: main.$blue50;\n  border-color: main.$blue700;\n\n  display: flex;\n  align-items: center;\n  gap: 0.75em;\n\n  visibility: visible;\n\n  @include main.pn-transition('visibility');\n\n  @include main.pn-ripple(main.$blue700);\n\n  &[data-hide] {\n    visibility: hidden;\n    transition-delay: main.$timing;\n  }\n\n  &-heading {\n    font-size: 1em;\n    font-style: normal;\n    font-weight: 500;\n    margin: 0;\n  }\n\n  &-text {\n    font-size: 1em;\n    font-style: normal;\n    font-weight: 400;\n    margin: 0 0 0.25em 0;\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &-icon .pn-icon-svg path {\n    fill: main.$gray900;\n  }\n\n  &-content {\n    display: flex;\n    flex-direction: column;\n    align-self: center;\n    align-items: flex-start;\n    gap: 0.25em;\n    margin: 0 auto 0 0;\n  }\n\n  &-button {\n    cursor: pointer;\n    border-radius: 50%;\n    border: none;\n    background: none;\n    padding: 0.25em;\n    font-size: 1em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    @include main.pn-transition('background-color, outline-color');\n\n    @include main.pn-focus(main.$blue700, main.$blue200);\n\n    &:hover {\n      background-color: main.$blue200;\n    }\n  }\n\n  &[data-appearance='success'] {\n    background-color: main.$green50;\n\n    .pn-toast-button {\n      @include main.pn-focus(main.$green700, main.$green200);\n\n      &:hover {\n        background-color: main.$green200;\n      }\n    }\n\n    .pn-ripple {\n      background-color: main.$green700;\n    }\n\n    .pn-toast-icon .pn-icon-svg path {\n      fill: main.$green700;\n    }\n\n    &[data-temporary] {\n      border-color: main.$green700;\n    }\n  }\n\n  &[data-appearance='warning'] {\n    background-color: main.$orange50;\n\n    .pn-toast-button {\n      @include main.pn-focus(main.$orange700, main.$orange200);\n\n      &:hover {\n        background-color: main.$orange200;\n      }\n    }\n\n    .pn-ripple {\n      background-color: main.$orange700;\n    }\n\n    .pn-toast-icon .pn-icon-svg path {\n      fill: main.$orange700;\n    }\n\n    &[data-temporary] {\n      border-color: main.$orange500;\n    }\n  }\n\n  &[data-appearance='error'] {\n    background-color: main.$coral50;\n\n    .pn-toast-button {\n      @include main.pn-focus(main.$warning, main.$coral200);\n\n      &:hover {\n        background-color: main.$coral200;\n      }\n    }\n\n    .pn-ripple {\n      background-color: main.$warning;\n    }\n\n    .pn-toast-icon .pn-icon-svg path {\n      fill: main.$warning;\n    }\n\n    &[data-temporary] {\n      border-color: main.$warning;\n    }\n  }\n\n  &[data-temporary] {\n    border-style: solid;\n    border-width: 0.0625em;\n    box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.2);\n  }\n}\n","import type { PnLanguages } from '@/index';\nimport { awaitTopbar, en, ripple, reduceMotion } from '@/index';\nimport { Component, Host, Prop, h, Element, EventEmitter, Event, State, Watch } from '@stencil/core';\nimport {\n  alert_info_circle,\n  check_circle,\n  alert_exclamation_triangle,\n  alert_exclamation_circle,\n  close,\n} from 'pn-design-assets/pn-assets/icons.js';\nimport { translations } from './translation';\n\n/**\n * This component is able to fill many roles of a classic toast.\n * It has 4 different colors, a temporary state, hide button, icon and illustration support.\n *\n * The `pn-toast` will expand to its parent containers full width.\n * Either limit the parent width or set a CSS rule to your specific width if needed.\n */\n@Component({\n  tag: 'pn-toast',\n  styleUrl: 'pn-toast.scss',\n})\nexport class PnToast {\n  toast: HTMLDivElement;\n  button: HTMLButtonElement;\n\n  private readonly duration: number = 400;\n  private animationDuration: number = this.duration;\n  private animation: Animation;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() isClosing = false;\n  @State() isExpanding = false;\n\n  @State() hasSlottedContent: boolean = false;\n\n  /**\n   * Set a title for the toast. Requires the `text` prop in order to work.\n   * @description Can be used together with slotted content.\n   */\n  @Prop() heading?: string = '';\n  /**\n   * Set a paragraph of text for the toast.\n   * @description Can be used together with slotted content.\n   */\n  @Prop() text?: string = '';\n  /** Give the toast a HTML ID. */\n  @Prop() toastId?: string;\n  /**\n   * Default color is blue, you also have the option of success (green), warning (orange) and error (red).\n   * @category Visual\n   */\n  @Prop() appearance?: '' | 'success' | 'warning' | 'error';\n  /**\n   * This will apply a shadow and border to the toast.\n   * @category Visual\n   */\n  @Prop() temporary: boolean = false;\n  /**\n   * Set an SVG icon.\n   * @category Visual\n   */\n  @Prop() icon?: string;\n  /**\n   * Set an SVG illustration.\n   * @category Visual\n   */\n  @Prop() illustration?: string;\n  /**\n   * Control the visibility of the toast. If the `closable` prop is active, the toast will set the `hide` prop on its own.\n   * @see {@link closable}\n   * @category Features\n   */\n  @Prop({ mutable: true, reflect: true }) hide: boolean = false;\n  /**\n   * Show close button.\n   * @category Features\n   */\n  @Prop() closable: boolean = false;\n  /**\n   * Manually set the language, only needed if the `closable` prop is enabled.\n   * @see {@link closable}\n   * @category Features\n   */\n  @Prop({ mutable: true }) language?: PnLanguages = null;\n\n  @Watch('hide')\n  handleHide() {\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.duration;\n\n    this.hostElement.style.overflow = 'hidden';\n\n    requestAnimationFrame(() => {\n      if (this.hide) this.closeToast();\n      else this.openToast();\n    });\n  }\n\n  /** Event fired when the close button is pressed. */\n  @Event() close: EventEmitter<boolean>;\n  /**\n   * This event is fired when the toast is fully hidden after the animation is finished.\n   * Triggers from the close button or if the prop `hide` is set to true.\n   **/\n  @Event() hidden: EventEmitter<boolean>;\n\n  async componentWillLoad() {\n    if (this.hide) {\n      this.hostElement.style.height = '0';\n      this.hostElement.style.overflow = 'hidden';\n    }\n\n    if (this.language === null) await awaitTopbar(this.hostElement);\n    // Any text content at this stage means there is slotted content present.\n    this.hasSlottedContent = !!this.hostElement.textContent;\n  }\n\n  componentDidLoad() {\n    if (!!this.heading && !this.text && !this.hasSlottedContent)\n      console.warn('The %s prop is only available if you use the %s prop or slotted content.', 'heading', 'text');\n  }\n\n  private getRect(element: HTMLElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  private openToast() {\n    requestAnimationFrame(() => {\n      const { clientHeight } = this.toast;\n      const { height } = this.getRect(this.hostElement);\n\n      this.hostElement.style.height = `${height}px`;\n\n      this.isExpanding = true;\n      this.animateToast(true, `${height}px`, `${clientHeight}px`);\n    });\n  }\n\n  private closeToast() {\n    const { clientHeight } = this.hostElement;\n    this.hostElement.style.height = `0px`;\n\n    this.isClosing = true;\n    this.animateToast(false, `${clientHeight}px`, `0px`);\n  }\n\n  private animateToast(open: boolean, startHeight: string, endHeight: string) {\n    this.cancelAnimations();\n    this.animation = this.hostElement.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n    this.animation.onfinish = () => this.animationFinish();\n    this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));\n  }\n\n  private animationFinish() {\n    this.cancelAnimations();\n    if (this.hide) this.hidden.emit(this.hide);\n    else {\n      this.hostElement.style.height = '';\n      this.hostElement.style.overflow = '';\n    }\n    this.isClosing = false;\n    this.isExpanding = false;\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  private handleClick(event: PointerEvent) {\n    this.hide = true;\n    this.close.emit(this.hide);\n    ripple(event, this.toast);\n  }\n\n  private getIcon(): string {\n    if (this.illustration) return '';\n    if (this.icon) return this.icon;\n    if (this.appearance === 'success') return check_circle;\n    if (this.appearance === 'warning') return alert_exclamation_triangle;\n    if (this.appearance === 'error') return alert_exclamation_circle;\n    return alert_info_circle;\n  }\n\n  private getRole(): string {\n    return this.appearance === 'error' ? 'alert' : 'status';\n  }\n\n  private showIcon(): boolean {\n    return !this.illustration;\n  }\n\n  private showIllustration(): boolean {\n    return !this.showIcon();\n  }\n\n  private showTitle(): boolean {\n    return (this.hasSlottedContent || !!this.text) && !!this.heading;\n  }\n\n  private translate(prop: string): string {\n    return translations?.[prop]?.[this.language || en] || prop;\n  }\n\n  private isMoving(): boolean {\n    return this.isClosing || this.isExpanding;\n  }\n\n  private hideToast(): boolean {\n    return this.hide && !this.isMoving();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          id={this.toastId}\n          class=\"pn-toast\"\n          role={this.getRole()}\n          data-appearance={this.appearance}\n          data-temporary={this.temporary}\n          data-hide={this.hideToast()}\n          ref={el => (this.toast = el)}\n        >\n          {this.showIcon() && <pn-icon class=\"pn-toast-icon\" icon={this.getIcon()} />}\n\n          <div class=\"pn-toast-content\">\n            {this.showTitle() && <h4 class=\"pn-toast-heading\">{this.heading}</h4>}\n            {this.text && <p class=\"pn-toast-text\">{this.text}</p>}\n            <slot />\n          </div>\n\n          {this.showIllustration() && <pn-illustration illustration={this.illustration} width=\"5.5em\" height=\"5.5em\" />}\n\n          {this.closable && (\n            <button\n              class=\"pn-toast-button\"\n              type=\"button\"\n              aria-label={this.translate('HIDE')}\n              onClick={(event: PointerEvent) => this.handleClick(event)}\n              ref={el => (this.button = el)}\n            >\n              <pn-icon icon={close} />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/p-1e7c31ed.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pnProgressIndicatorStepCss","PnProgressIndicatorStepStyle0","PnProgressIndicatorStep","setactivestep","setActiveStepHandler","this","done","activated","emit","index","componentWillLoad","checkStatus","componentDidUpdate","checked","activeStep","active","getClassNames","className","render","h","Host","key","class","onClick","name","xmlns","id","version","viewBox","fill","points","stroke","white"],"sources":["src/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.scss?tag=pn-progress-indicator-step","src/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-progress-indicator-step {\n  display: flex;\n  flex: 1 0 4em;\n\n  &:first-child {\n    flex: 0 0 auto;\n\n    .progress-line {\n      display: none;\n    }\n\n    .info-container {\n      transform: translateX(-50%);\n      left: 50%;\n    }\n  }\n}\n\n.pn-progress-indicator-step {\n  position: relative;\n  display: flex;\n  flex: 1 0 4em;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  .circle {\n    width: 1.5em;\n    height: 1.5em;\n    padding: 0.3rem;\n    border-radius: 50%;\n    background-color: main.$gray50;\n    @include main.pn-transition('background-color');\n  }\n\n  .info-container {\n    position: absolute;\n    bottom: -2.5em;\n    right: 0;\n    transform: translateX(50%) translateX(-1.2rem);\n    white-space: nowrap;\n    color: main.$gray50;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    font-size: 1em;\n    font-weight: normal;\n    @include main.pn-transition('color');\n\n    .pn-icon-svg {\n      height: 1.7em;\n      width: 1.7em;\n      margin-bottom: 0.1em;\n    }\n\n    .pn-icon-svg path,\n    .pn-icon-svg polygon {\n      fill: main.$gray50;\n    }\n  }\n\n  .progress-line {\n    flex: 1 1 auto;\n    margin: auto 4px;\n    height: 0.8rem;\n    background-color: main.$gray50;\n    position: relative;\n    overflow: hidden;\n    pointer-events: none;\n    border-radius: 10rem;\n\n    &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 0.8rem;\n      width: 100%;\n      background-color: main.$blue700;\n      transform: translateX(-100%);\n      @include main.pn-transition('transform');\n      transition-delay: main.$timing;\n    }\n  }\n\n  &.active {\n    .info-container {\n      color: main.$black;\n\n      .pn-icon-svg path {\n        fill: main.$black;\n      }\n\n      .pn-icon-svg polygon {\n        fill: main.$black;\n      }\n    }\n  }\n\n  &.activated {\n    cursor: pointer;\n  }\n\n  &.done,\n  &.active {\n    .progress-line:after {\n      transform: translateX(0);\n    }\n\n    .circle {\n      background-color: main.$blue700;\n    }\n  }\n\n  &.done {\n    .checkmark-path {\n      stroke-linecap: round;\n      stroke-dasharray: 27;\n      stroke-dashoffset: -23;\n      animation: dash main.$timing cubic-bezier(0.55, 0, 0.1, 1) both;\n    }\n  }\n}\n\n@keyframes dash {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n","import { Component, Prop, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { white } from 'pn-design-assets/pn-assets/colors.js';\n\n/**\n * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}\n */\n@Component({\n  tag: 'pn-progress-indicator-step',\n  styleUrl: 'pn-progress-indicator-step.scss',\n})\nexport class PnProgressIndicatorStep {\n  @State() activated: boolean;\n  @State() done: boolean;\n\n  /** Set by the parent component. Do not use manually. @hide true */\n  @Prop() activeStep: number;\n  /** Set by the parent component. Do not use manually. @hide true */\n  @Prop() index: number;\n  /** The step name. */\n  @Prop() name: string;\n  /** Set the step as checked, meaning a white check mark will appear. */\n  @Prop() checked: boolean = false;\n  /** Set by the parent component. Do not use manually. @hide true */\n  @Prop() active?: 'yes' | 'no';\n\n  @Event() setactivestep: EventEmitter<number>;\n  setActiveStepHandler() {\n    if (this.done || this.activated) {\n      this.setactivestep.emit(this.index);\n    }\n  }\n\n  componentWillLoad() {\n    this.checkStatus();\n  }\n\n  componentDidUpdate() {\n    this.checkStatus();\n  }\n\n  checkStatus() {\n    if (!this.done) {\n      this.done = this.checked || this.activeStep > this.index;\n    }\n\n    if (this.active === 'yes') {\n      this.activated = true;\n    } else if (this.active === 'no') {\n      this.activated = false;\n      this.done = false;\n    } else if (!this.activated) {\n      this.activated = this.activeStep >= this.index;\n    }\n  }\n\n  getClassNames() {\n    let className = 'pn-progress-indicator-step';\n    if (this.done || this.checked) className += ' done';\n    if (this.activated) className += ' activated';\n    if (this.activeStep === this.index) className += ' active';\n    return className;\n  }\n\n  render() {\n    return (\n      <Host class={this.getClassNames()} onClick={() => this.setActiveStepHandler()}>\n        <div class=\"progress-line\" />\n        <div class=\"info-container\">\n          <slot />\n          {this.name}\n        </div>\n        <div class=\"circle\">\n          {this.done || this.checked ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              enable-background=\"new 0 0 24 24\"\n              id=\"checkmark\"\n              version=\"1.0\"\n              viewBox=\"0 0 24 24\"\n            >\n              <polyline\n                class=\"checkmark-path\"\n                fill=\"none\"\n                points=\"20,6 9,17 4,12\"\n                stroke={white}\n                stroke-miterlimit=\"10\"\n                stroke-width=\"3\"\n              />\n            </svg>\n          ) : (\n            ''\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;6FAAA,MAAMA,EAA6B,gzFACnC,MAAAC,EAAeD,E,MCUFE,EAAuB,M,mMAWP,M,sBAIlBC,cACT,oBAAAC,GACE,GAAIC,KAAKC,MAAQD,KAAKE,UAAW,CAC/BF,KAAKF,cAAcK,KAAKH,KAAKI,M,EAIjC,iBAAAC,GACEL,KAAKM,a,CAGP,kBAAAC,GACEP,KAAKM,a,CAGP,WAAAA,GACE,IAAKN,KAAKC,KAAM,CACdD,KAAKC,KAAOD,KAAKQ,SAAWR,KAAKS,WAAaT,KAAKI,K,CAGrD,GAAIJ,KAAKU,SAAW,MAAO,CACzBV,KAAKE,UAAY,I,MACZ,GAAIF,KAAKU,SAAW,KAAM,CAC/BV,KAAKE,UAAY,MACjBF,KAAKC,KAAO,K,MACP,IAAKD,KAAKE,UAAW,CAC1BF,KAAKE,UAAYF,KAAKS,YAAcT,KAAKI,K,EAI7C,aAAAO,GACE,IAAIC,EAAY,6BAChB,GAAIZ,KAAKC,MAAQD,KAAKQ,QAASI,GAAa,QAC5C,GAAIZ,KAAKE,UAAWU,GAAa,aACjC,GAAIZ,KAAKS,aAAeT,KAAKI,MAAOQ,GAAa,UACjD,OAAOA,C,CAGT,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOjB,KAAKW,gBAAiBO,QAAS,IAAMlB,KAAKD,wBACrDe,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACTH,EAAA,QAAAE,IAAA,6CACChB,KAAKmB,MAERL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACRjB,KAAKC,MAAQD,KAAKQ,QACjBM,EAAA,OACEM,MAAM,6BAA4B,oBAChB,gBAClBC,GAAG,YACHC,QAAQ,MACRC,QAAQ,aAERT,EAAA,YACEG,MAAM,iBACNO,KAAK,OACLC,OAAO,iBACPC,OAAQC,EAAK,oBACK,KAAI,eACT,OAEX,I","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/p-23fdc4b6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pnAccordionRowCss","PnAccordionRowStyle0","PnAccordionRow","details","summary","content","animation","defaultAnimationDuration","animationDuration","this","togglerow","handleRowState","event","detail","state","style","overflow","closeAccordion","componentWillLoad","slottedLabel","hostElement","querySelector","label","toggleOpen","open","emit","element","clickHandler","e","preventDefault","isClosing","openAccordion","x","width","y","top","getBoundingClientRect","clientCor","clientX","clientY","ripple","height","offsetHeight","requestAnimationFrame","isExpanding","startHeight","endHeight","cancelAnimations","animate","reduceMotion","duration","easing","onfinish","animationFinish","oncancel","cancel","render","h","Host","key","class","ref","el","id","buttonid","onClick","transparent","name","icon","chevron_down","contentid"],"sources":["src/components/content/pn-accordion/row/pn-accordion-row.scss?tag=pn-accordion-row","src/components/content/pn-accordion/row/pn-accordion-row.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-accordion-row {\n  position: relative;\n  margin: 0 -0.25em 0;\n}\n\npn-accordion-row .pn-accordion-row {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  &-summary {\n    color: main.$gray900;\n    position: relative;\n    border: none;\n    outline: 0;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    width: 100%;\n    padding: 0.25em;\n    font-size: 1em;\n    font-weight: 400;\n    border-radius: 0.5em;\n\n    list-style: none;\n\n    &:hover > .pn-accordion-row-text {\n      background-color: main.$blue50;\n    }\n\n    &:focus-visible > .pn-accordion-row-text {\n      @include main.pn-focus-visible();\n    }\n\n    &::-webkit-details-marker {\n      display: none;\n    }\n  }\n\n  &-text {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: 0.75em;\n    background-color: main.$white;\n    border-radius: 0.5em;\n    -webkit-tap-highlight-color: transparent;\n\n    &[data-transparent] {\n      background-color: transparent;\n    }\n\n    @include main.pn-focus-base();\n    @include main.pn-transition('background-color, outline-color');\n    @include main.pn-ripple(main.$blue700);\n  }\n\n  &-icon {\n    margin-left: auto;\n    flex-shrink: 0;\n    @include main.pn-transition('transform');\n    path {\n      fill: main.$blue700;\n    }\n  }\n\n  &[open] .pn-accordion-row-icon {\n    transform: rotate(-180deg);\n  }\n\n  &-content {\n    color: main.$gray900;\n    display: block;\n    padding: 1em;\n  }\n}\n","import { Component, h, Host, Element, Event, EventEmitter, Prop, State, Listen } from '@stencil/core';\nimport { chevron_down } from 'pn-design-assets/pn-assets/icons.js';\nimport { reduceMotion, ripple } from '@/index';\n\n/**\n * Use this row component inside a `pn-accordion` to create an accordion group.\n *\n * **Note**: you can use the `pn-accordion-row` without the parent accordion.\n * But you will have to style the gap between each row.\n *\n * @slot label - Include your own HTML as the label.\n * ```\n * <h3 slot=\"label\">Custom title</h3>\n * ```\n */\n@Component({\n  tag: 'pn-accordion-row',\n  styleUrl: 'pn-accordion-row.scss',\n})\nexport class PnAccordionRow {\n  private details: HTMLDetailsElement;\n  private summary: HTMLElement;\n  private content: HTMLDivElement;\n  private animation: Animation;\n\n  private readonly defaultAnimationDuration: number = 400;\n  private animationDuration: number = this.defaultAnimationDuration;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() isClosing = false;\n  @State() isExpanding = false;\n\n  /** The label/title of the accordion row, you can also pass a slot with the name \"label\" if you want to put custom HTML content in there. */\n  @Prop({ mutable: true }) label: string;\n  /** The open/close status of the accordion row. */\n  @Prop({ mutable: true }) state?: boolean = false;\n\n  /** Optional unique id for the `summary` element. @category ID */\n  @Prop() buttonid?: string;\n  /** Optional unique id for the `div` element containing the content. @category ID */\n  @Prop() contentid?: string;\n  /** Optional prop that removes the default white background on the accordion row */\n  @Prop() transparent: boolean = false;\n\n  /** Dispatched every time the row is toggled. Includes the row element and the boolean `state` prop. */\n  @Event() togglerow: EventEmitter<{ element: HTMLElement; state: Boolean }>;\n\n  /** Internal function for closing rows when using the `single` prop on the `pn-accordion`. */\n  @Listen('rowstate')\n  handleRowState(event: CustomEvent) {\n    if (event.detail !== this.state) {\n      this.details.style.overflow = 'hidden';\n      this.closeAccordion();\n    }\n  }\n\n  componentWillLoad() {\n    const slottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    this.label = slottedLabel ? null : this.label;\n  }\n\n  private toggleOpen(open?: boolean) {\n    const state = open ?? !this.state;\n    if (this.state !== open) this.togglerow.emit({ element: this.details, state });\n    this.state = state;\n  }\n\n  private clickHandler(e: MouseEvent) {\n    e.preventDefault();\n\n    this.details.style.overflow = 'hidden';\n\n    if (this.isClosing || !this.state) this.openAccordion();\n    else if (this.isClosing || this.state) this.closeAccordion();\n\n    const { x, width, y, top } = this.hostElement.getBoundingClientRect();\n    const clientCor = e.clientX === 0 && e.clientY === 0 ? { clientX: x + width - 24, clientY: y - top } : e;\n\n    ripple(clientCor, this.hostElement, '.pn-accordion-row-text');\n  }\n\n  private openAccordion() {\n    this.details.style.height = `${this.details.offsetHeight}px`;\n    this.toggleOpen(true);\n\n    requestAnimationFrame(() => {\n      this.isExpanding = true;\n\n      const startHeight = `${this.details.offsetHeight}px`;\n      const endHeight = `${this.summary.offsetHeight + this.content.offsetHeight}px`;\n\n      this.cancelAnimations();\n\n      this.animate(true, startHeight, endHeight);\n    });\n  }\n\n  private closeAccordion() {\n    this.isClosing = true;\n\n    const startHeight = `${this.details.offsetHeight}px`;\n    const endHeight = `${this.summary.offsetHeight}px`;\n\n    this.cancelAnimations();\n\n    this.animate(false, startHeight, endHeight);\n  }\n\n  private animate(open: boolean, startHeight: string, endHeight: string) {\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.defaultAnimationDuration;\n\n    this.animation = this.details.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n\n    this.animation.onfinish = () => this.animationFinish(open);\n\n    this.animation.oncancel = () => {\n      if (open) this.isExpanding = false;\n      else this.isClosing = false;\n    };\n  }\n\n  private animationFinish(open: boolean) {\n    this.toggleOpen(open);\n    this.cancelAnimations();\n\n    this.isClosing = false;\n    this.isExpanding = false;\n\n    this.details.style.height = '';\n    this.details.style.overflow = '';\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  render() {\n    return (\n      <Host>\n        <details class=\"pn-accordion-row\" open={this.state} ref={(el: HTMLDetailsElement) => (this.details = el)}>\n          <summary\n            id={this.buttonid}\n            class=\"pn-accordion-row-summary\"\n            onClick={e => this.clickHandler(e)}\n            ref={el => (this.summary = el)}\n          >\n            <div class=\"pn-accordion-row-text\" data-transparent={this.transparent}>\n              {this.label ? this.label : ''}\n              <slot name=\"label\" />\n\n              <pn-icon class=\"pn-accordion-row-icon\" icon={chevron_down} />\n            </div>\n          </summary>\n\n          <div id={this.contentid} class=\"pn-accordion-row-content\" ref={(el: HTMLDivElement) => (this.content = el)}>\n            <slot />\n          </div>\n        </details>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/p-240f6613.entry.js

@@ -1,6 +0,0 @@
-/*!
- * Built with Stencil
- * By PostNord.
- */
-import{r as t,c as n,g as o,h as a,a as i}from"./p-43660913.js";import{o as e}from"./p-f64d17a6.js";const r='pn-button{display:inline-block}pn-button .pn-button{position:relative;cursor:pointer;padding:0.75em 1.5em;width:round(up, 100%, 1px);min-height:3em;min-width:5.5em;border:none;border-radius:3em;font-family:inherit;font-size:1em;font-weight:500;color:#ffffff;background-color:transparent;display:flex;justify-content:center;align-items:center;text-decoration:none;line-height:1.5em;-webkit-tap-highlight-color:transparent;transition-property:color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-button .pn-button{transition-duration:0s;transition-delay:0s}}pn-button .pn-button:focus-visible{outline-color:#005d92}pn-button .pn-button:disabled,pn-button .pn-button[aria-disabled]{cursor:auto;pointer-events:none}pn-button .pn-button-content{z-index:2;display:flex;justify-content:center;align-items:center;gap:0.5em;transition-property:opacity, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s}@media (prefers-reduced-motion: reduce){pn-button .pn-button-content{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%) translateY(0);border-radius:3em;border:none;background-color:#005d92;overflow:hidden;transition-property:width, background-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s, 0s, 0s}@media (prefers-reduced-motion: reduce){pn-button .pn-button-bg{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-bg::after{content:"";position:absolute;will-change:transform;width:100%;height:100%;background-color:#0d234b;border-radius:inherit;left:0;transform:translateX(-103%);opacity:0.5;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button .pn-button-bg::after{transition-duration:0s;transition-delay:0s}}pn-button .pn-button .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#ffffff;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-button .pn-button-tooltip{z-index:5;position:absolute;top:calc(100% + 0.35em);left:50%;pointer-events:none;color:#ffffff;background-color:#0d234b;box-shadow:0 0.075em 0.225em rgba(0, 0, 0, 0.1), 0 0.4em 0.9em rgba(0, 0, 0, 0.13);padding:0.25em 0.75em;border-radius:inherit;max-width:min(95vw, 40em);transform:translateX(-50%) translateX(var(--pn-dx));width:max-content;opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button .pn-button-tooltip{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-tooltip-text{font-size:0.875em;font-weight:300}pn-button .pn-button pn-icon{flex-shrink:0}pn-button .pn-button pn-icon .pn-icon-svg path{fill:#ffffff}pn-button .pn-button pn-spinner{position:absolute;transform:scale(0)}pn-button .pn-button:hover .pn-button-bg:after,pn-button .pn-button:focus .pn-button-bg:after{transform:translateX(0)}pn-button .pn-button[data-appearance=light]{color:#005d92}pn-button .pn-button[data-appearance=light] pn-icon .pn-icon-svg path{fill:#005d92}pn-button .pn-button[data-appearance=light] pn-spinner .pn-spinner-circle{stroke:#005d92}pn-button .pn-button[data-appearance=light] pn-spinner .pn-spinner-dot{fill:#005d92}pn-button .pn-button[data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}pn-button .pn-button[data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}pn-button .pn-button[data-appearance=light] .pn-button-bg .pn-ripple{background-color:#005d92}pn-button .pn-button[data-appearance=warning]{color:#a70707;outline:0.2rem solid transparent;outline-offset:0.2rem}pn-button .pn-button[data-appearance=warning] pn-icon .pn-icon-svg path{fill:#a70707}pn-button .pn-button[data-appearance=warning] pn-spinner .pn-spinner-circle{stroke:#a70707}pn-button .pn-button[data-appearance=warning] pn-spinner .pn-spinner-dot{fill:#a70707}pn-button .pn-button[data-appearance=warning] .pn-button-bg{border:0.0625em solid #a70707;background-color:#fdefee}pn-button .pn-button[data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}pn-button .pn-button[data-appearance=warning]:hover,pn-button .pn-button[data-appearance=warning]:focus{color:#ffffff}pn-button .pn-button[data-appearance=warning]:hover pn-icon .pn-icon-svg path,pn-button .pn-button[data-appearance=warning]:focus pn-icon .pn-icon-svg path{fill:#ffffff}pn-button .pn-button[data-appearance=warning]:hover pn-spinner .pn-spinner-circle,pn-button .pn-button[data-appearance=warning]:focus pn-spinner .pn-spinner-circle{stroke:#ffffff}pn-button .pn-button[data-appearance=warning]:hover pn-spinner .pn-spinner-dot,pn-button .pn-button[data-appearance=warning]:focus pn-spinner .pn-spinner-dot{fill:#ffffff}pn-button .pn-button[data-appearance=warning]:focus-visible{outline-color:#a70707}pn-button .pn-button[data-variant=borderless] .pn-button-bg{border:none;background-color:transparent}pn-button .pn-button[data-variant=borderless] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}pn-button .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}pn-button .pn-button[data-variant=borderless][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}pn-button .pn-button[data-variant=outlined] .pn-button-bg{border:0.0625em solid #ffffff;background-color:transparent}pn-button .pn-button[data-variant=outlined] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}pn-button .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}pn-button .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg:after{background-color:#00a0d6;opacity:0.1}pn-button .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg{border-color:#a70707}pn-button .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}pn-button .pn-button[data-left-icon] .pn-button-content{flex-direction:row-reverse}pn-button .pn-button[data-icon-only]{width:3em;min-width:0}pn-button .pn-button[data-icon-only][data-small]{width:2em;min-width:0;padding:0}pn-button .pn-button[data-small]{padding:0.375em 1em;min-height:2em;min-width:unset;line-height:1.25em}pn-button .pn-button[data-small] .pn-button-content{gap:0.25em}pn-button .pn-button[data-small] .pn-button-text{font-size:0.875em}pn-button .pn-button[data-small] pn-icon .pn-icon-svg{height:1.25em;width:1.25em}pn-button .pn-button[data-tooltip-open] .pn-button-tooltip{opacity:1}pn-button .pn-button[data-tooltip-upwards] .pn-button-tooltip{top:auto;bottom:calc(100% + 0.35em)}pn-button .pn-button[data-loading] pn-spinner{transform:scale(1);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s}@media (prefers-reduced-motion: reduce){pn-button .pn-button[data-loading] pn-spinner{transition-duration:0s;transition-delay:0s}}pn-button .pn-button[data-loading] .pn-button-content{pointer-events:none;opacity:0;transition-delay:0s;transform:translateY(100%)}pn-button .pn-button[data-loading] .pn-button-bg{width:3em}pn-button .pn-button[data-loading][data-small] .pn-button-bg{width:2em}';const s=r;const p=class{constructor(o){t(this,o);this.pnClick=n(this,"pnClick",7);this.tooltipOpen=false;this.tooltipUpwards=false;this.label="";this.appearance="";this.variant="";this.small=false;this.loading=false;this.icon=undefined;this.iconOnly=false;this.leftIcon=false;this.tooltip=undefined;this.tooltipUp=false;this.type="button";this.form=undefined;this.href=undefined;this.rel=undefined;this.target=undefined;this.download=undefined;this.buttonId=null;this.arialabel=null;this.arialabelledby=null;this.ariacurrent=null;this.ariacontrols=null;this.ariapressed=null;this.ariahaspopup=null;this.ariaexpanded=null;this.noTab=false}buttonEl;tooltipEl;tooltipDx;openEvents=["mouseover","focus"];closeEvents=["mouseleave","blur","touchcancel","touchleave"];eventListeners=[...this.openEvents,...this.closeEvents];get hostElement(){return o(this)}openHandler(){if(this.tooltipOpen)this.checkTooltipPosition()}iconOnlyHandler(){this.checkTooltipPosition();if(this.tooltip)this.initTooltip();else this.removeTooltip()}pnClick;componentWillLoad(){this.tooltipUpwards=this.tooltipUp}componentDidLoad(){this.iconOnlyHandler()}getRect(t){return t.getBoundingClientRect()}initTooltip(){this.eventListeners.forEach((t=>this.buttonEl.addEventListener(t,this.toggleTooltip)))}removeTooltip(){this.eventListeners.forEach((t=>this.buttonEl.removeEventListener(t,this.toggleTooltip)))}toggleTooltip=t=>{this.tooltipOpen=this.openEvents.includes(t.type)};setTooltipOffset(){this.tooltipEl.style.setProperty("--pn-dx",`${this.tooltipDx}px`)}checkTooltipPosition(){this.tooltipEl.style.transform="translateX(-50%)";this.tooltipUpwards=this.tooltipUp;requestAnimationFrame((()=>{const{top:t,x:n,y:o,right:a,height:i}=this.getRect(this.tooltipEl);const e=16;this.tooltipDx=0;this.tooltipUpwards=this.tooltipUp?t>i:o+i>window.innerHeight;this.tooltipEl.style.transform="";if(n<0)this.tooltipDx=n*-1+e;if(a>window.innerWidth)this.tooltipDx=window.innerWidth-a-e-8;requestAnimationFrame((()=>this.setTooltipOffset()))}))}getAttributes(){const t=this.href?{href:this.href,rel:!this.rel&&this.target==="_blank"?"noopener":this.rel,target:this.target??null,download:this.download??null,"aria-current":this.ariacurrent,"aria-disabled":this.loading?"true":null}:{type:this.type,form:this.form,disabled:this.loading,"aria-pressed":this.ariapressed,"aria-controls":this.ariacontrols,"aria-haspopup":this.ariahaspopup,"aria-expanded":this.ariaexpanded};const n=["light","warning"];const o=["borderless","outlined"];return{tabindex:this.noTab||this.href&&this.loading?"-1":null,"data-small":this.small,"data-loading":this.loading,"data-tooltip-open":this.tooltipOpen,"data-tooltip-upwards":this.tooltipUpwards,"data-icon-only":this.showIconOnly(),"data-left-icon":this.leftIcon,"data-appearance":n.includes(this.appearance)?this.appearance:null,"data-variant":o.includes(this.variant)?this.variant:null,...t}}getTagName(){return this.href?"a":"button"}showIconOnly(){return!!this.icon&&this.iconOnly&&!!(this.tooltip||this.arialabel||this.arialabelledby)}handleClick(t){e(t,this.hostElement,".pn-button-bg");this.pnClick.emit(t)}render(){const t=this.getTagName();return a(i,{key:"3a706bd5d794474ce5204947a29747c9b349a498"},a(t,{key:"2a2f50005dd46fe9a45bd64894a3cbb7ae27c055",class:"pn-button",id:this.buttonId,"aria-label":this.arialabel,"aria-labelledby":this.arialabelledby,onClick:t=>this.handleClick(t),...this.getAttributes(),ref:t=>this.buttonEl=t},a("div",{key:"1c44b76aa62e31549b25a546c51ffd457ab4ae5d",class:"pn-button-bg"}),a("div",{key:"05ff0f5123666179851e5fc99a8f38bfe04eb39c",class:"pn-button-content"},a("div",{key:"76fc799235d5aee8c985c2399816e0bbba9cb779",class:"pn-button-text",hidden:this.showIconOnly()},this.label,a("slot",{key:"695ba8672a40e227bcaa40028ba25f27d6256691"})),!!this.icon&&a("pn-icon",{key:"4e167490d074fc72de0b2a7328be12fcaef4a6df",icon:this.icon})),a("pn-spinner",{key:"f914a0678f92c91609b0d84751d7c9214d4302c0",light:true}),a("div",{key:"c71a4da00f39e991c4d5a22ed03f7908d138937b",class:"pn-button-tooltip",hidden:!this.tooltip,ref:t=>this.tooltipEl=t},a("span",{key:"a0896edbda372dcac471fb95c62083cfcf4282eb",class:"pn-button-tooltip-text"},this.tooltip))))}static get watchers(){return{tooltipOpen:["openHandler"],tooltip:["iconOnlyHandler"]}}};p.style=s;const d="pn-spinner{display:inline-block}pn-spinner .pn-spinner{--pn-spinner-size:1.5em;--pn-spinner-color:main.$blue700;height:var(--pn-spinner-size);width:var(--pn-spinner-size);display:block;animation:rotate 1s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-spinner .pn-spinner{animation-duration:2s}}pn-spinner .pn-spinner-circle{stroke:var(--pn-spinner-color);transform-origin:center center;transform:rotate(-310deg);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-spinner .pn-spinner-circle{animation-duration:4s}}pn-spinner .pn-spinner-dot{fill:var(--pn-spinner-color)}@keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@keyframes rotate{from{transform:rotate(-180deg) scaleX(-1)}to{transform:rotate(180deg) scaleX(-1)}}";const u=d;const b=class{constructor(n){t(this,n);this.light=false;this.size=1.5}get hostElement(){return o(this)}getColor(){if(this.light)return"#fff";return"#005d92"}getSize(){return`${this.size}em`}render(){return a(i,{key:"a9ecba01b5b30a660a44439c714b7ad57cf02a88"},a("svg",{key:"03fbe990bf1ae0402fcb27707e0c1712d8a84492",class:"pn-spinner",style:{"--pn-spinner-size":this.getSize(),"--pn-spinner-color":this.getColor()},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},a("circle",{key:"c48784865cd9c8c3d55cd9b1bd3e0dff7a4ebe35",class:"pn-spinner-circle",cx:"12",cy:"12",r:"10","stroke-width":"3"}),a("circle",{key:"5f69d1bbbf864842f9ae54dc9a29b61603a83bff",class:"pn-spinner-dot",cx:"21.3",cy:"16",r:"1.48"})))}};b.style=u;export{p as pn_button,b as pn_spinner};
-//# sourceMappingURL=p-240f6613.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-28357e12.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["translations","LEFT","sv","en","da","fi","no","RIGHT","pnTablistCss","PnTablistStyle0","PnTablist","mo","isMenu","isTabHovered","tabListEl","lineActive","lineHovered","tabElement","tabchange","setValue","tabs","Array","from","this","hostElement","querySelectorAll","forEach","tab","activeTab","value","scrollHandler","showScrollArrows","addEventListener","scrollIndicators","bind","removeEventListener","setActiveTabHandler","detail","el","requestAnimationFrame","activateTab","val","emit","querySelector","focus","rerender","handleEnter","e","styleLines","target","handleLeave","setTimeout","style","setProperty","componentWillLoad","slot","language","awaitTopbar","componentDidLoad","disconnect","MutationObserver","forceUpdate","observe","childList","subtree","componentDidRender","getRect","element","getBoundingClientRect","active","tabListCoords","scrollOffset","scrollLeft","line","width","offset","left","cssVar","prop","scrollWidth","clientWidth","arrowLeft","arrowRight","scroll","right","tabList","scrollAmount","scrollTo","behavior","translate","render","h","Host","key","class","role","label","stackedicons","small","ref","onClick","noTab","appearance","variant","icon","chevron_left","iconOnly","arialabel","chevron_right"],"sources":["src/components/navigation/pn-tablist/translations.ts","src/components/navigation/pn-tablist/pn-tablist.scss?tag=pn-tablist","src/components/navigation/pn-tablist/pn-tablist.tsx"],"sourcesContent":["export default {\n  LEFT: {\n    sv: 'Bläddra åt vänster',\n    en: 'Scroll to the left',\n    da: 'Rul til venstre',\n    fi: 'Vieritä vasemmalle',\n    no: 'Rull til venstre',\n  },\n  RIGHT: {\n    sv: 'Bläddra åt höger',\n    en: 'Scroll to the right',\n    da: 'Rul til højre',\n    fi: 'Vieritä oikealle',\n    no: 'Rull til høyre',\n  },\n};\n","@use 'src/globals/main';\n\npn-tablist {\n  width: 100%;\n  min-width: 0;\n  position: relative;\n  border-bottom: 0.0625em solid main.$gray200;\n  display: block;\n\n  .pn-tablist,\n  ol,\n  ul {\n    display: flex;\n    width: 100%;\n    flex-direction: row;\n    gap: 1em;\n    position: relative;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    &[data-stacked] .pn-tab {\n      margin: 0.5em 0.25em 0.75em;\n      gap: 0.25em;\n      flex-direction: column;\n    }\n    &[data-small] .pn-tab {\n      margin: 0.25em 0.25em 0.75em;\n      > *:not(pn-icon) {\n        font-size: 0.875em;\n      }\n    }\n    &[data-large] .pn-tab > *:not(pn-icon) {\n      font-size: 1.25em;\n    }\n    &[data-scroll] {\n      overflow-y: hidden;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n    }\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n}\n\npn-tablist .pn-tablist {\n  &-line {\n    height: 0.25em;\n    position: absolute;\n    bottom: 0;\n\n    &-item {\n      position: absolute;\n      width: 100%;\n      height: inherit;\n      border-radius: 0.25em 0.25em 0 0;\n\n      transform-origin: left center;\n      opacity: 0;\n      @include main.pn-transition('transform, opacity, width', main.$timing-layout);\n    }\n\n    &-active {\n      z-index: 1;\n      background-color: main.$blue700;\n      width: var(--pn-active-width);\n      transform: translateX(var(--pn-active-offset));\n      opacity: var(--pn-active-opacity);\n    }\n\n    &-hovered {\n      background-color: main.$blue400;\n      width: var(--pn-hover-width);\n      transform: translateX(var(--pn-hover-offset));\n      opacity: var(--pn-hover-opacity);\n    }\n  }\n\n  &-scroll {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    pointer-events: none;\n    transform: translateY(-50%);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    z-index: 1;\n    height: 100%;\n  }\n\n  &-arrow {\n    pointer-events: all;\n\n    transform: scaleY(0);\n    opacity: 0;\n    visibility: hidden;\n\n    @include main.pn-transition('transform, opacity, visibility');\n\n    &[data-show] {\n      opacity: 1;\n      visibility: visible;\n      transform: scaleY(1);\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  Listen,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  h,\n  Host,\n  Watch,\n  forceUpdate,\n} from '@stencil/core';\nimport { chevron_left, chevron_right } from 'pn-design-assets/pn-assets/icons.js';\nimport translations from './translations';\nimport { awaitTopbar, en } from '@/globals/helpers';\nimport type { PnLanguages } from '@/globals/types';\n\n/**\n * @slot menu - Can only be used inside of a `pn-header`. Allows the `href` attribute on the `pn-tab` when active.\n */\n@Component({\n  tag: 'pn-tablist',\n  styleUrl: 'pn-tablist.scss',\n})\nexport class PnTablist {\n  private mo: MutationObserver;\n\n  private isMenu: boolean = false;\n  private isTabHovered: boolean = false;\n\n  private tabListEl: HTMLElement;\n  private lineActive: HTMLDivElement;\n  private lineHovered: HTMLDivElement;\n  private tabElement: HTMLPnTabElement;\n\n  @Element() hostElement: HTMLElement;\n\n  /** Display the scrolling arrows */\n  @State() private showScrollArrows: boolean = false;\n  /** Display the scroll arrow to the left */\n  @State() private arrowLeft: boolean = false;\n  /** Display the scroll arrow to the right */\n  @State() private arrowRight: boolean = false;\n\n  /** Give the tablist a name for screenreaders */\n  @Prop() label!: string;\n  /** The value of the tab that is currently active, each `<pn-tab value=\"example-value\">` also expects a unique value */\n  @Prop({ reflect: true, mutable: true }) value!: string;\n  /** Make the tablist smaller */\n  @Prop() small?: boolean;\n  /** Icons are stacked vertically instead of the default rows */\n  @Prop() stackedicons: boolean = false;\n  /** Manually set the language. */\n  @Prop() language?: PnLanguages = null;\n\n  /**\n   * This will emit when a tab is changed. The detail property of the event will contain the value of the selected tab.\n   * This is the event and value you listen to when you toggle the visibility among your tabpanels.\n   **/\n  @Event() tabchange: EventEmitter<string>;\n\n  @Watch('value')\n  setValue() {\n    const tabs = Array.from(this.hostElement.querySelectorAll('pn-tab'));\n\n    tabs.forEach(tab => {\n      tab.activeTab = this.value;\n    });\n  }\n\n  @Watch('showScrollArrows')\n  scrollHandler() {\n    if (this.showScrollArrows) {\n      this.tabListEl.addEventListener('scroll', this.scrollIndicators.bind(this));\n    } else {\n      this.tabListEl.removeEventListener('scroll', this.scrollIndicators);\n    }\n  }\n\n  @Listen('setActiveTab')\n  setActiveTabHandler({ detail }) {\n    this.tabElement = detail.el;\n    requestAnimationFrame(() => this.activateTab(detail.el));\n    if (this.value === detail.val) return;\n    this.value = detail.val;\n    this.tabchange.emit(this.value);\n    this.tabElement.querySelector(this.isMenu ? 'a' : 'button').focus();\n  }\n\n  @Listen('resize', { target: 'window' })\n  rerender() {\n    requestAnimationFrame(() => {\n      this.scrollIndicators();\n      this.isTabHovered = false;\n    });\n  }\n\n  @Listen('tabEnter')\n  handleEnter(e: { target: HTMLPnTabElement }) {\n    this.isTabHovered = true;\n    this.styleLines(e.target);\n  }\n\n  @Listen('tabLeave')\n  handleLeave() {\n    this.isTabHovered = false;\n    setTimeout(() => {\n      if (!this.isTabHovered) this.lineHovered.style.setProperty('--pn-hover-opacity', '0');\n    }, 500);\n  }\n\n  async componentWillLoad() {\n    this.isMenu = this.hostElement.slot === 'menu';\n\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    if (this.mo) this.mo.disconnect();\n    this.mo = new MutationObserver(() => {\n      forceUpdate(this.hostElement);\n      this.rerender();\n    });\n\n    this.mo.observe(this.hostElement, { childList: true, subtree: true });\n  }\n\n  componentDidRender() {\n    this.rerender();\n    this.setValue();\n  }\n\n  private getRect(element: HTMLElement | HTMLPnTablistElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  private activateTab(element: HTMLPnTabElement) {\n    this.styleLines(element, true);\n  }\n\n  private styleLines(element: HTMLElement, active: boolean = false) {\n    const tabListCoords = this.getRect(this.tabListEl);\n    const scrollOffset = this.tabListEl.scrollLeft;\n\n    const line = this.getRect(element);\n\n    const width = line.width;\n    const offset = line.left + scrollOffset - tabListCoords.left;\n\n    const cssVar = active ? 'active' : 'hover';\n    const prop = active ? 'lineActive' : 'lineHovered';\n\n    this[prop].style.setProperty(`--pn-${cssVar}-width`, `${width}px`);\n    this[prop].style.setProperty(`--pn-${cssVar}-offset`, `${offset}px`);\n    this[prop].style.setProperty(`--pn-${cssVar}-opacity`, '1');\n  }\n\n  private scrollIndicators() {\n    const { scrollWidth, scrollLeft } = this.tabListEl;\n\n    const { clientWidth } = this.hostElement;\n\n    this.showScrollArrows = scrollWidth > clientWidth;\n\n    this.arrowLeft = this.showScrollArrows && scrollLeft > 0;\n    this.arrowRight = this.showScrollArrows && clientWidth + 16 + scrollLeft < scrollWidth;\n  }\n\n  private scroll({ right = false }: { right?: boolean } = {}) {\n    const tabList = this.tabListEl;\n    const { scrollLeft, clientWidth } = tabList;\n\n    let left: number = scrollLeft;\n    // The width of the scroll arrow is 32px, so we remove that from this calculation so the scroll\n    const scrollAmount = clientWidth - 64;\n\n    if (right) left += scrollAmount;\n    else left -= scrollAmount;\n\n    tabList.scrollTo({\n      left,\n      behavior: 'smooth',\n    });\n  }\n\n  private translate(prop: string): string {\n    return translations?.[prop]?.[this.language || en];\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav\n          class=\"pn-tablist\"\n          role={this.isMenu ? null : 'tablist'}\n          aria-label={this.label}\n          data-stacked={this.stackedicons}\n          data-small={!this.isMenu && this.small}\n          data-large={this.isMenu}\n          data-scroll={this.showScrollArrows}\n          ref={el => (this.tabListEl = el)}\n        >\n          <slot />\n          <div class=\"pn-tablist-line\">\n            <div ref={el => (this.lineActive = el)} class=\"pn-tablist-line-item pn-tablist-line-active\" />\n            <div ref={el => (this.lineHovered = el)} class=\"pn-tablist-line-item pn-tablist-line-hovered\" />\n          </div>\n        </nav>\n\n        <div class=\"pn-tablist-scroll\">\n          <pn-button\n            class=\"pn-tablist-arrow\"\n            data-show={this.arrowLeft}\n            onClick={() => this.scroll()}\n            noTab={true}\n            appearance=\"light\"\n            variant=\"outlined\"\n            icon={chevron_left}\n            iconOnly={true}\n            arialabel={this.translate('LEFT')}\n            small\n          />\n\n          <pn-button\n            class=\"pn-tablist-arrow\"\n            data-show={this.arrowRight}\n            onClick={() => this.scroll({ right: true })}\n            noTab={true}\n            appearance=\"light\"\n            variant=\"outlined\"\n            icon={chevron_right}\n            iconOnly={true}\n            arialabel={this.translate('RIGHT')}\n            small\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/p-2f7bb5e8.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icon","chevron_left","chevron_right"],"sources":["node_modules/pn-design-assets/pn-assets/icons/chevron_left.js","node_modules/pn-design-assets/pn-assets/icons/chevron_right.js"],"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=\"M6.293 12.707a1 1 0 0 1 0-1.414l8-8a1 1 0 1 1 1.414 1.414L8.414 12l7.293 7.293a1 1 0 0 1-1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_left = icon;\nexport const chevronLeft = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M17.707 11.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414-1.414L15.586 12 8.293 4.707a1 1 0 0 1 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_right = icon;\nexport const chevronRight = icon;\n"],"mappings":";;;;AAAA,MAAMA,EAAO,0QACD,MAACC,EAAeD,ECD5B,MAAMA,EAAO,6QACD,MAACE,EAAgBF,S","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/p-49a39ea1.entry.js

@@ -1,6 +0,0 @@
-/*!
- * Built with Stencil
- * By PostNord.
- */
-import{r as s,g as e,h as t,a as r}from"./p-43660913.js";import{u as a,e as i,k as o}from"./p-f64d17a6.js";const n={STEP:{da:"Trin",en:"Step",fi:"Vaihe",no:"Trinn",sv:"Steg"}};const p="pn-progress-stepper{display:block}pn-progress-stepper .pn-progress{position:relative;width:100%;background:#f3f2f2;height:0.5em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}pn-progress-stepper .pn-progress-label{display:block;color:#2d2013;font-size:1em;margin-bottom:0.5em}pn-progress-stepper .pn-progress-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.625em;background-color:#005d92;width:calc(var(--pn-progress-value) + 0.125em);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-progress-stepper .pn-progress-value{transition-duration:0s;transition-delay:0s}}pn-progress-stepper .pn-progress-value[data-full]{border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}pn-progress-stepper .pn-progress-dots{display:flex;align-items:center;justify-content:center;gap:1em}pn-progress-stepper .pn-progress-dot{width:0.875em;height:0.875em;background-color:#f3f2f2;border:0.0625em solid #d3cecb;border-radius:50%;transform:scale(1) translateY(0%);transition-property:background-color, border-color;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);animation:pnBackwards 0.2s cubic-bezier(0.7, 0, 0.3, 1);animation-fill-mode:forwards}@media (prefers-reduced-motion: reduce){pn-progress-stepper .pn-progress-dot{transition-duration:0s;transition-delay:0s}}pn-progress-stepper .pn-progress-dot[data-active]{background-color:#005d92;border-color:#005d92;animation:pnForward 0.2s cubic-bezier(0.7, 0, 0.3, 1);animation-fill-mode:forwards}pn-progress-stepper .pn-progress-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}@keyframes pnForward{0%{transform:scale(1) translateY(0%)}50%{transform:scale(1) translateY(20%)}75%{transform:scale(1.1) translateY(10%)}100%{transform:scale(1) translateY(0%)}}@keyframes pnBackwards{0%{transform:scale(1) translateY(0%)}50%{transform:scale(1) translateY(-20%)}75%{transform:scale(0.9) translateY(-10%)}100%{transform:scale(1) translateY(0%)}}";const l=p;const d=class{constructor(e){s(this,e);this.builtInLabel=undefined;this.progressValue=0;this.label="";this.progressStepperId="";this.language=null;this.totalSteps=this.maxStep;this.currentStep=this.minStep;this.stepName=undefined;this.dots=false}id=`pn-progress-stepper-${a()}`;minStep=1;maxStep=7;get hostElement(){return e(this)}stepWatchers(s,e,t){if(t==="currentStep")this.validate(s,"currentStep");if(t==="totalSteps")this.validate(e,"totalSteps");this.calculateProgress()}watchLanguage(){this.builtInLabel=n.STEP[this.language||i]}async componentWillLoad(){this.watchLanguage();this.validate(this.currentStep,"currentStep");this.validate(this.totalSteps,"totalSteps");this.calculateProgress();if(this.language===null)await o(this.hostElement)}validate(s,e){const t=this.hostElement.localName;if(s<this.minStep){console.warn(`${t}: The ${e} ${s} is below the minimum allowed steps of ${this.minStep}. ${e} will default to ${this.minStep}.`);this[e]=this.minStep}if(e==="currentStep"&&s>this.totalSteps){console.warn(`${t}: The ${e} ${s} is above totalSteps ${this.totalSteps}, ${e} will default to ${this.totalSteps}.`);this[e]=this.totalSteps}if(s>this.maxStep){console.warn(`${t}: The ${e} ${s} is above the maximum allowed steps of ${this.maxStep}. ${e} will default to ${this.maxStep}.`);this[e]=this.maxStep}}calculateProgress(){try{this.progressValue=Math.floor(this.currentStep/this.totalSteps*100);this.hostElement.style.setProperty("--pn-progress-value",`${this.progressValue}%`)}catch(s){console.error(`${this.hostElement.localName}:`,s.message)}}getLabel(){return this.label||this.builtInLabel}getId(){return this.progressStepperId||this.id}render(){return t(r,{key:"8b188af32a20e83f8e8d0460c676bda9e1560911"},t("label",{key:"9501af57bade0fd22ca865990e9c6934fb8da0d2",htmlFor:this.getId(),class:"pn-progress-label"+(this.dots?" pn-progress-sr-only":"")},t("span",{key:"7ae3e7e7fa8ea5d24fe13c895b6b86d7a0bd780a"},this.getLabel()," ",this.currentStep,"/",this.totalSteps),this.stepName&&t("span",{key:"3e15c0c51b59bbea44e8d589ff29da8c9cb5a666"}," - ",this.stepName)),t("progress",{key:"7e379261374b13ad1b06216fe96146ac7fad73c2",id:this.getId(),class:"pn-progress-sr-only",max:"100",value:this.progressValue}),this.dots?t("div",{class:"pn-progress-dots","aria-hidden":"true"},[...Array(this.totalSteps)].map(((s,e)=>t("div",{class:"pn-progress-dot","data-active":e+1<=this.currentStep,key:e})))):t("div",{"aria-hidden":"true",class:"pn-progress"},t("div",{class:"pn-progress-value","data-full":this.currentStep===this.totalSteps})))}static get watchers(){return{currentStep:["stepWatchers"],totalSteps:["stepWatchers"],language:["watchLanguage"]}}};d.style=l;export{d as pn_progress_stepper};
-//# sourceMappingURL=p-49a39ea1.entry.js.map