@postnord/pn-marketweb-components 4.1.0 → 4.1.2

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

@@ -1,6 +0,0 @@
-/*!
- * Built with Stencil
- * By PostNord.
- */
-import{r as i,c as t,h as e,a as r}from"./p-BNA0ko5y.js";import{w as s}from"./p-C_nYl55V.js";const o='pn-progress-indicator-step{display:flex;flex:1 0 4em}pn-progress-indicator-step:first-child{flex:0 0 auto}pn-progress-indicator-step:first-child .progress-line{display:none}pn-progress-indicator-step:first-child .info-container{transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:flex;flex:1 0 4em;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.pn-progress-indicator-step .circle{width:1.5em;height:1.5em;padding:0.3rem;border-radius:50%;background-color:#f3f2f2;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .circle{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#f3f2f2;display:flex;align-items:center;flex-direction:column;font-size:1em;font-weight:normal;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .info-container{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container .pn-icon-svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container .pn-icon-svg path,.pn-progress-indicator-step .info-container .pn-icon-svg polygon{fill:#f3f2f2}.pn-progress-indicator-step .progress-line{flex:1 1 auto;margin:auto 4px;height:0.8rem;background-color:#f3f2f2;position:relative;overflow:hidden;pointer-events:none;border-radius:10rem}.pn-progress-indicator-step .progress-line:after{content:"";position:absolute;top:0;left:0;height:0.8rem;width:100%;background-color:#005d92;transform:translateX(-100%);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .progress-line:after{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .progress-line:after{transition-delay:0.2s}.pn-progress-indicator-step.active .info-container{color:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg path{fill:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg polygon{fill:#000000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{transform:translateX(0)}.pn-progress-indicator-step.done .circle,.pn-progress-indicator-step.active .circle{background-color:#005d92}.pn-progress-indicator-step.done .checkmark-path{stroke-linecap:round;stroke-dasharray:27;stroke-dashoffset:-23;animation:dash 0.2s cubic-bezier(0.55, 0, 0.1, 1) both}@keyframes dash{to{stroke-dashoffset:0}}';const n=class{constructor(e){i(this,e);this.setactivestep=t(this,"setactivestep")}activated;done;activeStep;index;name;checked=false;active;setactivestep;setActiveStepHandler(){if(this.done||this.activated){this.setactivestep.emit(this.index)}}componentWillLoad(){this.checkStatus()}componentDidUpdate(){this.checkStatus()}checkStatus(){if(!this.done){this.done=this.checked||this.activeStep>this.index}if(this.active==="yes"){this.activated=true}else if(this.active==="no"){this.activated=false;this.done=false}else if(!this.activated){this.activated=this.activeStep>=this.index}}getClassNames(){let i="pn-progress-indicator-step";if(this.done||this.checked)i+=" done";if(this.activated)i+=" activated";if(this.activeStep===this.index)i+=" active";return i}render(){return e(r,{key:"e5518f2d8c21c889738beb3a42e6865e7c64ac76",class:this.getClassNames(),onClick:()=>this.setActiveStepHandler()},e("div",{key:"b0f5f684ca12fda2b22b51945d3b0b41ab490fa3",class:"progress-line"}),e("div",{key:"8d05494d4cc77145e44270666b678cf48eb05a96",class:"info-container"},e("slot",{key:"864bea1ce3dd348be1abadcc3f8fb3757ac009b9"}),this.name),e("div",{key:"7d8394e5a4919404a137fd30ce125dfda5ed3034",class:"circle"},this.done||this.checked?e("svg",{xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",id:"checkmark",version:"1.0",viewBox:"0 0 24 24"},e("polyline",{class:"checkmark-path",fill:"none",points:"20,6 9,17 4,12",stroke:s,"stroke-miterlimit":"10","stroke-width":"3"})):""))}};n.style=o;export{n as pn_progress_indicator_step};
-//# sourceMappingURL=p-da7b4e15.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","white","pnProgressIndicatorStepCss","PnProgressIndicatorStep","constructor","hostRef","this","setactivestep","activated","done","activeStep","index","name","checked","active","setActiveStepHandler","emit","componentWillLoad","checkStatus","componentDidUpdate","getClassNames","className","render","key","class","onClick","xmlns","id","version","viewBox","fill","points","stroke","style"],"sources":["0"],"mappings":";;;;YAIcA,OAAuBC,OAAaC,OAAQC,MAAY,8BACxDC,MAAa,kBAE3B,MAAMC,EAA6B,i2FAEnC,MAAMC,EAA0B,MAC5B,WAAAC,CAAYC,GACRR,EAAiBS,KAAMD,GACvBC,KAAKC,cAAgBT,EAAYQ,KAAM,gBAC3C,CACAE,UACAC,KAEAC,WAEAC,MAEAC,KAEAC,QAAU,MAEVC,OACAP,cACA,oBAAAQ,GACI,GAAIT,KAAKG,MAAQH,KAAKE,UAAW,CAC7BF,KAAKC,cAAcS,KAAKV,KAAKK,MACjC,CACJ,CACA,iBAAAM,GACIX,KAAKY,aACT,CACA,kBAAAC,GACIb,KAAKY,aACT,CACA,WAAAA,GACI,IAAKZ,KAAKG,KAAM,CACZH,KAAKG,KAAOH,KAAKO,SAAWP,KAAKI,WAAaJ,KAAKK,KACvD,CACA,GAAIL,KAAKQ,SAAW,MAAO,CACvBR,KAAKE,UAAY,IACrB,MACK,GAAIF,KAAKQ,SAAW,KAAM,CAC3BR,KAAKE,UAAY,MACjBF,KAAKG,KAAO,KAChB,MACK,IAAKH,KAAKE,UAAW,CACtBF,KAAKE,UAAYF,KAAKI,YAAcJ,KAAKK,KAC7C,CACJ,CACA,aAAAS,GACI,IAAIC,EAAY,6BAChB,GAAIf,KAAKG,MAAQH,KAAKO,QAClBQ,GAAa,QACjB,GAAIf,KAAKE,UACLa,GAAa,aACjB,GAAIf,KAAKI,aAAeJ,KAAKK,MACzBU,GAAa,UACjB,OAAOA,CACX,CACA,MAAAC,GACI,OAAQvB,EAAEC,EAAM,CAAEuB,IAAK,2CAA4CC,MAAOlB,KAAKc,gBAAiBK,QAAS,IAAMnB,KAAKS,wBAA0BhB,EAAE,MAAO,CAAEwB,IAAK,2CAA4CC,MAAO,kBAAoBzB,EAAE,MAAO,CAAEwB,IAAK,2CAA4CC,MAAO,kBAAoBzB,EAAE,OAAQ,CAAEwB,IAAK,6CAA+CjB,KAAKM,MAAOb,EAAE,MAAO,CAAEwB,IAAK,2CAA4CC,MAAO,UAAYlB,KAAKG,MAAQH,KAAKO,QAAWd,EAAE,MAAO,CAAE2B,MAAO,6BAA8B,oBAAqB,gBAAiBC,GAAI,YAAaC,QAAS,MAAOC,QAAS,aAAe9B,EAAE,WAAY,CAAEyB,MAAO,iBAAkBM,KAAM,OAAQC,OAAQ,iBAAkBC,OAAQ/B,EAAO,oBAAqB,KAAM,eAAgB,OAAW,IAC7xB,GAEJE,EAAwB8B,MAAQ/B,SAEvBC","ignoreList":[]}

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

@@ -1,6 +0,0 @@
-/*!
- * Built with Stencil
- * By PostNord.
- */
-import{r as t,g as o,h as s,a as n}from"./p-BNA0ko5y.js";import{o as e}from"./p-IFVOY5Gf.js";import{awaitTopbar as i,SE as r,en as p,NO as a}from"./index.esm.js";const d={SE:{domain:{sv:"https://www.postnord.se",en:"https://www.postnord.se/en"},contact:{sv:"https://www.postnord.se/kundservice",en:"https://www.postnord.se/en/help-and-support/contact-us"},cookies:{sv:"https://www.postnord.se/cookies",en:"https://www.postnord.se/en/cookies"},privacy:{sv:"https://www.postnord.se/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{sv:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf",en:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf"}},DK:{domain:{da:"https://www.postnord.dk",en:"https://www.postnord.com/en"},contact:{da:"https://www.postnord.dk/kundeservice",en:"https://www.postnord.dk/en/help-and-support"},cookies:{da:"https://www.postnord.dk/cookies",en:"https://www.postnord.dk/en/cookies"},privacy:{da:"https://www.postnord.dk/personlige-oplysninger",en:"https://www.postnord.se/en/privacy-policy"},terms:{da:"https://www.postnord.dk/contentassets/4806069a7d6c44959c94b13417d78f22/kundeportalen.pdf",en:"https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser"}},FI:{domain:{fi:"https://www.postnord.fi",sv:"https://www.postnord.fi/sv",en:"https://www.postnord.fi/en"},contact:{fi:"https://www.postnord.fi/asiakaspalvelu/ota-yhteytta",sv:"https://www.postnord.fi/sv/kundtjanst",en:"https://www.postnord.fi/en/customer-service"},cookies:{fi:"https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista",sv:"https://www.postnord.fi/sv/integritetspolicy/information-om-cookies",en:"https://www.postnord.fi/en/privacy-policy/information-about-the-cookies"},privacy:{fi:"https://www.postnord.fi/yksityisyydensuoja",sv:"https://www.postnord.fi/sv/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{fi:"https://www.postnord.fi/laheta/sopimusehdot",sv:"https://www.postnord.fi/sv/skicka/villkor",en:"https://www.postnord.fi/en/sending/terms"}},NO:{domain:{no:"https://www.postnord.no",en:"https://www.postnord.no/en"},contact:{no:"https://www.postnord.no/kundeservice",en:"https://www.postnord.no/en/contact-postnord"},cookies:{no:"https://www.postnord.no/cookies",en:"https://www.postnord.no/en/cookies"},privacy:{no:"https://www.postnord.no/personvernerklaering",en:"https://www.postnord.se/en/privacy-policy"}},contact:"https://portal.postnord.com/customerservice"};const w={cookies:{sv:"Cookies",en:"Cookies",da:"Cookies",fi:"Evästeet",no:"Cookies"},questions:{sv:"Undrar du över något?",en:"Do you have any questions?",da:"Har du nogen spørgsmål?",fi:"Onko sinulla kysyttävää?",no:"Har du noen spørsmål?"},contact:{sv:"Kontakta oss",en:"Get in touch",da:"Kontakt os",fi:"Ota yhteyttä",no:"Ta kontakt"},info:{sv:"Mer information om PostNord hittar du på",en:"More information about PostNord can be found at",da:"Mere information om PostNord findes på",fi:"Lisää tietoa PostNordista löydät osoitteesta",no:"Du finner mer informasjon om PostNord på"},privacy:{sv:"Integritetspolicy",en:"Privacy policy",da:"Integritetspolitik",fi:"Yksityisyysasetukset",no:"Privacy policy"},terms:{sv:"Villkor",en:"Terms and conditions",da:"Vilkår og betingelser",fi:"Sopimusehdot",no:"Betingelser og vilkår"}};const c="pn-footer{color:#5e554a;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p{margin:0 0.2em 0 0;display:inline-block}pn-footer pn-text-link{margin-right:0.5em}pn-footer pn-text-link:last-child{margin-right:0}";const f=class{constructor(o){t(this,o)}get hostElement(){return o(this)}market=null;language=null;async componentWillLoad(){if(this.market&&this.language)return;await i(this.hostElement)}getLink(t){return d?.[this.market||r]?.[t]?.[this.language||p]}getText(t){if(t==="domain")return this.getLink(t)?.replace("https://www.","");return w?.[t]?.[this.language]}renderLink(t){const o=this.getLink(t);const n=this.getText(t);if(o&&n){return s("pn-text-link",{label:n,target:"_blank",rel:"noopener noreferrer",href:o,icon:e})}}render(){return s(n,{key:"fe2809c0965931f8c0e827cde6e415cf01647b59"},s("div",{key:"50aaf97c180a81c6a373ea4dcff6e69a07c02701",class:"pn-footer-row"},s("p",{key:"af7b0418191aca29d870e56f8f3ed8f6888dad5f"},this.getText("questions")),this.renderLink("contact")),s("div",{key:"46d8426977ec05cec03e71813849980325c813c3",class:"pn-footer-row"},this.market!==a&&this.renderLink("terms"),this.renderLink("privacy"),this.renderLink("cookies")),s("div",{key:"33faf842fdb88c02ac31f2761392dc793bea9a44",class:"pn-footer-row"},s("p",{key:"c6dcc1d7958ea94a371253284022ddb8cfdf6470"},this.getText("info")),this.renderLink("domain")))}};f.style=c;export{f as pn_footer};
-//# sourceMappingURL=p-e78da8bd.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","getElement","h","Host","open_in_new","awaitTopbar","SE","en","NO","URLS","domain","sv","contact","cookies","privacy","terms","DK","da","FI","fi","no","translations","questions","info","pnFooterCss","PnFooter","constructor","hostRef","this","hostElement","market","language","componentWillLoad","getLink","name","getText","replace","renderLink","url","text","label","target","rel","href","icon","render","key","class","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/p-e9955b50.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 e}from"./p-BNA0ko5y.js";import{ripple as i}from"./index.esm.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)}@media (prefers-reduced-motion: reduce){pn-button .pn-button{transition-duration:0s;transition-delay:0s}}pn-button .pn-button{outline:0.2rem solid transparent;outline-offset:0.2rem}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)}@media (prefers-reduced-motion: reduce){pn-button .pn-button-content{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-content{transition-delay:0.2s}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)}@media (prefers-reduced-motion: reduce){pn-button .pn-button-bg{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-bg{transition-delay:0.2s, 0s, 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}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]{outline:0.2rem solid transparent;outline-offset:0.2rem}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)}@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-spinner{transition-delay:0.2s}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 p=class{constructor(o){t(this,o);this.pnClick=n(this,"pnClick")}buttonEl;tooltipEl;tooltipDx;openEvents=["mouseover","focus"];closeEvents=["mouseleave","blur","touchcancel","touchleave"];eventListeners=[...this.openEvents,...this.closeEvents];get hostElement(){return o(this)}tooltipOpen=false;tooltipUpwards=false;label="";appearance="";variant="";small=false;loading=false;icon;iconOnly=false;leftIcon=false;tooltip;tooltipUp=false;type="button";form;href;rel;target;download;buttonId=null;arialabel=null;arialabelledby=null;ariacurrent=null;ariacontrols=null;ariapressed=null;ariahaspopup=null;ariaexpanded=null;noTab=false;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:e}=this.getRect(this.tooltipEl);const i=16;this.tooltipDx=0;this.tooltipUpwards=this.tooltipUp?t>e:o+e>window.innerHeight;this.tooltipEl.style.transform="";if(n<0)this.tooltipDx=n*-1+i;if(a>window.innerWidth)this.tooltipDx=window.innerWidth-a-i-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){i(t,this.hostElement,".pn-button-bg");this.pnClick.emit(t)}render(){const t=this.getTagName();return a(e,{key:"9fd62df52e09b5f7915c1652c3bd23c47c40db42"},a(t,{key:"aecef05e4c20bb9c501399f18b7290a33e5d82e7",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:"9cb56181926a77cd985be9447dd5277720370bf6",class:"pn-button-bg"}),a("div",{key:"f81963c493162009d2219d72171f753c3ba5dcb8",class:"pn-button-content"},a("div",{key:"d6cc476c9bb3eaa59ae9cf80700b33e4bc836494",class:"pn-button-text",hidden:this.showIconOnly()},this.label,a("slot",{key:"83b07110e17088f980e4a7f0094f5330f7dcc17b"})),!!this.icon&&a("pn-icon",{key:"6d352caac885f7f5cf3819a7b555e278e7761259",icon:this.icon})),a("pn-spinner",{key:"3176c1f592b5e48c14f7baccc9366bf0fc0187dd",light:true}),a("div",{key:"b97ecf99cdf1c4fa0c8db3b26c2eac33c5c9bba4",class:"pn-button-tooltip",hidden:!this.tooltip,ref:t=>this.tooltipEl=t},a("span",{key:"7825cd9635f5897db28ee4b32d2ac56a8c9a9b0d",class:"pn-button-tooltip-text"},this.tooltip))))}static get watchers(){return{tooltipOpen:["openHandler"],tooltip:["iconOnlyHandler"]}}};p.style=r;const s="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 b=class{constructor(n){t(this,n)}get hostElement(){return o(this)}light=false;size=1.5;getColor(){if(this.light)return"#fff";return"#005d92"}getSize(){return`${this.size}em`}render(){return a(e,{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=s;export{p as pn_button,b as pn_spinner};
-//# sourceMappingURL=p-e9955b50.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","ripple","pnButtonCss","PnButton","constructor","hostRef","this","pnClick","buttonEl","tooltipEl","tooltipDx","openEvents","closeEvents","eventListeners","hostElement","tooltipOpen","tooltipUpwards","label","appearance","variant","small","loading","icon","iconOnly","leftIcon","tooltip","tooltipUp","type","form","href","rel","target","download","buttonId","arialabel","arialabelledby","ariacurrent","ariacontrols","ariapressed","ariahaspopup","ariaexpanded","noTab","openHandler","checkTooltipPosition","iconOnlyHandler","initTooltip","removeTooltip","componentWillLoad","componentDidLoad","getRect","element","getBoundingClientRect","forEach","e","addEventListener","toggleTooltip","removeEventListener","event","includes","setTooltipOffset","style","setProperty","transform","requestAnimationFrame","top","x","y","right","height","extraMargin","window","innerHeight","innerWidth","getAttributes","attrs","disabled","appearances","variations","tabindex","showIconOnly","getTagName","handleClick","emit","render","TagName","key","class","id","onClick","ref","el","hidden","light","watchers","pnSpinnerCss","PnSpinner","size","getColor","getSize","xmlns","viewBox","fill","cx","cy","r"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +0,0 @@
-/*!
- * Built with Stencil
- * By PostNord.
- */
-import{r as e,c as t,g as n,h as i,a as r}from"./p-BNA0ko5y.js";import{uuidv4 as s,awaitTopbar as o,en as a}from"./index.esm.js";const c='<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="M2 12a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg>';const u=c;const l='<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 2a1 1 0 0 1 1 1v8h8a1 1 0 1 1 0 2h-8v8a1 1 0 1 1-2 0v-8H3a1 1 0 1 1 0-2h8V3a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';const p=l;const h={DECREASE:{en:"Decrease",sv:"Minska",da:"Reducere",fi:"Vähentää",no:"Redusere"},INCREASE:{en:"Increase",sv:"Öka",da:"Øge",fi:"Lisääntyä",no:"Øke"},MAX_VALUE_MESSAGE:{en:"Maximum value is ",sv:"Högsta värde är ",da:"Højeste værdi er",fi:"Korkein arvo on",no:"Høyeste verdi er"},MIN_VALUE_MESSAGE:{en:"Minimum value is ",sv:"Lägsta värde är ",da:"Laveste værdi er ",fi:"Pienin arvo on ",no:"Laveste verdi er "}};const d="pn-counter{display:inline-block}pn-counter .pn-counter{display:inline-flex;flex-direction:column}pn-counter .pn-counter-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-label{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-label>span{font-size:0.875em}pn-counter .pn-counter-input{--pn-counter-ch:0ch;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}pn-counter .pn-counter-input:-webkit-autofill,pn-counter .pn-counter-input:-webkit-autofill:hover,pn-counter .pn-counter-input:-webkit-autofill:focus,pn-counter .pn-counter-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-counter .pn-counter-input{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-counter .pn-counter-input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}pn-counter .pn-counter-input{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-input{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-input::placeholder{color:#5e554a;font-weight:normal}pn-counter .pn-counter-input:hover{border-color:#005d92}pn-counter .pn-counter-input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-counter .pn-counter-input{text-align:center;width:100%;max-width:calc(3.5em + var(--pn-counter-ch));outline:0.2rem solid transparent;outline-offset:0.2rem}pn-counter .pn-counter-input:focus-visible{outline-color:#005d92}pn-counter .pn-counter-input:read-only{border-color:#ffffff}pn-counter .pn-counter-input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-counter .pn-counter-input::-webkit-inner-spin-button,pn-counter .pn-counter-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-counter .pn-counter-input[type=number]{appearance:textfield}pn-counter .pn-counter-items{display:inline-flex;flex-direction:row;gap:0.5em;transition-property:gap;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-items{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-items[data-hidebuttons]{gap:0}pn-counter .pn-counter-items[data-hidebuttons]>pn-button{transform:scale(0) translateZ(0);width:0}pn-counter .pn-counter-items>pn-button{transform:scale(1) translateZ(0);transform-origin:center center;width:3em;transition-property:transform, width;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-items>pn-button{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-helpertext{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-counter .pn-counter-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}";const f=class{constructor(n){e(this,n);this.counterInput=t(this,"counterInput")}id=`pn-counter-${s()}`;idLabel=`${this.id}-label`;idText=`${this.id}-text`;idAmount=`${this.id}-count`;counterElement;get hostElement(){return n(this)}clearAriaTimer;displaySrValue=false;showMinMaxMessage=false;lastDispatchedValue;interactType;label;helpertext;value=0;counterid=this.id;language=null;labelDecrease;labelIncrease;minMessage;maxMessage;name;min;max;step=1;list;required=false;readonly=false;disabled=false;counterInput;watchValue(){this.showSrContent();this.showMinMaxMessage=false;if(this.hasMin()&&this.value<this.min){this.setMin();this.showMinMaxMessage=true}if(this.hasMax()&&this.value>this.max){this.setMax();this.showMinMaxMessage=true}if(this.lastDispatchedValue!==this.value)this.counterInput.emit({value:this.value,input:this.interactType==="input",decrease:this.interactType==="decrease",increase:this.interactType==="increase"});this.lastDispatchedValue=this.value;this.handleInputLength()}handleId(){this.idLabel=`${this.counterid}-label`;this.idText=`${this.counterid}-text`;this.idAmount=`${this.counterid}-count`}async componentWillLoad(){this.handleId();if(this.language)return;await o(this.hostElement)}componentDidLoad(){this.counterElement=this.hostElement.querySelector(".pn-counter-input");this.handleInputLength()}setVal(e){const{valueAsNumber:t}=e.target;if(isNaN(t))return;this.interactType="input";this.value=t}setMin(){if(this.hasMin())this.value=this.min}setMax(){if(this.hasMax())this.value=this.max}hasMin(){return typeof this.min==="number"}hasMax(){return typeof this.max==="number"}decreaseAmount(){if(this.hasMin()&&this.value<=this.min)this.showMinMaxMessage=true;this.interactType="decrease";this.value=this.value-this.step}increaseAmount(){if(this.hasMax()&&this.value>=this.max)this.showMinMaxMessage=true;this.interactType="increase";this.value=this.value+this.step}keyBoardInput(e){e.stopImmediatePropagation();if(!/^(Home|End)$/.test(e.key))return;e.preventDefault();this.interactType="input";if(e.key==="Home")this.setMin();if(e.key==="End")this.setMax()}showSrContent(){if(this.clearAriaTimer){clearTimeout(this.clearAriaTimer)}this.displaySrValue=true;this.clearAriaTimer=setTimeout((()=>{this.displaySrValue=false}),4e3)}toggleMinMaxMessage(){const e=this.value===this.max;const t=`${e?"MAX":"MIN"}_VALUE_MESSAGE`;const n=this.translate(t)+`${e?this.max:this.min}`.toString();return e?this.maxMessage||n:this.minMessage||n}getTextMessage(e=false){if(this.showMinMaxMessage)return this.toggleMinMaxMessage();return e?this.value.toString():this.helpertext}describedbyIds(){const e=[];if(this.helpertext)e.push(this.idText);if(this.displaySrValue)e.push(this.idAmount);if(e.length===0)return null;return e.join(" ")}translate(e){return h?.[e]?.[this.language||a]}noButtons(){return this.disabled||this.readonly}handleInputLength(){const e=this.max?this.max.toString():this.value.toString();if(e.length>3)this.counterElement.style.setProperty("--pn-counter-ch",`${e.length-3}ch`);else this.counterElement.style.setProperty("--pn-counter-ch","0ch")}render(){return i(r,{key:"4ebc9597343d24473f745ae6f847a6b48a8f6af0"},i("div",{key:"bed20d505ebe5490787413a5d1573b4fe2bbc6ed",class:"pn-counter",role:"group","aria-labelledby":this.idLabel,"aria-describedby":this.describedbyIds()},i("label",{key:"12dac33ecc76369b7777dcc189c79555b5882e13",htmlFor:this.counterid,class:"pn-counter-label",id:this.idLabel},i("span",{key:"5f1448379b2592a92f928beffa0bd8861cc32726"},this.label)),i("div",{key:"bf75b3d6dfb3fc2a9dd79c5255dd6cacaeba7670",class:"pn-counter-items","data-hidebuttons":this.noButtons()},i("pn-button",{key:"a3559366cacdf27bf5fb7572a55c51c3f3fa14cf","data-decrease":true,appearance:"light",variant:"outlined","no-tab":this.noButtons(),icon:u,iconOnly:true,arialabel:this.labelDecrease||this.translate("DECREASE"),onClick:()=>this.decreaseAmount()}),i("input",{key:"bd0d56f4ea78128ea8259966edf6c345c45e06a0",id:this.counterid,class:"pn-counter-input",type:"number",min:this.min,max:this.max,step:this.step,value:this.value,name:this.name,required:this.required,readonly:this.readonly,disabled:this.disabled,"aria-describedby":this.describedbyIds(),onInput:e=>this.setVal(e),onKeyDown:e=>this.keyBoardInput(e)}),i("pn-button",{key:"770b62d7b3ff6c27ce7e4c0349e49236f65be054","data-increase":true,appearance:"light",variant:"outlined","no-tab":this.noButtons(),icon:p,iconOnly:true,arialabel:this.labelIncrease||this.translate("INCREASE"),onClick:()=>this.increaseAmount()})),!!this.getTextMessage()&&i("p",{key:"7a0f9cc0838545dcf7ae1b20798e0eeabbec19b9",id:this.idText,class:"pn-counter-helpertext"},i("span",{key:"343fa6cef1e44da4ceb69f3f8e650a210b0aa76e"},this.getTextMessage())),i("p",{key:"defe5fda110e1079b11c4b58bbc9cec1e326f163",id:this.idAmount,class:"pn-counter-sr-only","aria-live":"assertive"},this.displaySrValue?this.getTextMessage(true):"")))}static get watchers(){return{value:["watchValue"],counterid:["handleId"]}}};f.style=d;export{f as pn_counter};
-//# sourceMappingURL=p-ee2a687f.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","uuidv4","awaitTopbar","en","icon$1","minus","icon","plus","translations","DECREASE","sv","da","fi","no","INCREASE","MAX_VALUE_MESSAGE","MIN_VALUE_MESSAGE","pnCounterCss","PnCounter","constructor","hostRef","this","counterInput","id","idLabel","idText","idAmount","counterElement","hostElement","clearAriaTimer","displaySrValue","showMinMaxMessage","lastDispatchedValue","interactType","label","helpertext","value","counterid","language","labelDecrease","labelIncrease","minMessage","maxMessage","name","min","max","step","list","required","readonly","disabled","watchValue","showSrContent","hasMin","setMin","hasMax","setMax","emit","input","decrease","increase","handleInputLength","handleId","componentWillLoad","componentDidLoad","querySelector","setVal","event","valueAsNumber","target","isNaN","decreaseAmount","increaseAmount","keyBoardInput","stopImmediatePropagation","test","key","preventDefault","clearTimeout","setTimeout","toggleMinMaxMessage","isMax","i18ntxt","message","translate","toString","getTextMessage","showValue","describedbyIds","push","length","join","prop","noButtons","ch","style","setProperty","render","class","role","htmlFor","appearance","variant","iconOnly","arialabel","onClick","type","onInput","e","onKeyDown","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +0,0 @@
-/*!
- * Built with Stencil
- * By PostNord.
- */
-import{r as t,g as i,h as s,a as e}from"./p-BNA0ko5y.js";const h="pn-illustration{display:inline-block}pn-illustration[data-fill]{display:block}pn-illustration>svg{width:var(--pn-width);height:var(--pn-height);display:block}";const n=class{constructor(i){t(this,i)}get hostElement(){return i(this)}illustration;width;height;fill=false;handleFill(){if(this.fill){this.width="100%";this.height="100%"}}componentWillRender(){this.handleFill();if(this.width||this.height)return this.setSizes();this.getSizeFromSvg()}componentDidRender(){this.hostElement.querySelector("svg")?.setAttribute("width",this.width);this.hostElement.querySelector("svg")?.setAttribute("height",this.height)}getSizeFromSvg(){const t=this.illustration?.match(/<svg[^>]*?viewBox=(["\'])?((?:.(?!\1|>))*.?)\1?/)?.[2];if(!t)return;const[,,i="",s=""]=t?.split(" ")||[];if(!i||!s)return;this.width=`${Number(i)}px`;this.height=`${Number(s)}px`;this.setSizes()}setSizes(){this.hostElement.style.setProperty("--pn-width",this.width);this.hostElement.style.setProperty("--pn-height",this.height)}render(){return s(e,{key:"3f2e44ec10a5a2fc9fd9a69f94963ab4e79fb877",role:"presentation",innerHTML:this.illustration,"data-fill":this.fill})}static get watchers(){return{fill:["handleFill"]}}};n.style=h;export{n as pn_illustration};
-//# sourceMappingURL=p-f5b054fb.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","getElement","h","Host","pnIllustrationCss","PnIllustration","constructor","hostRef","this","hostElement","illustration","width","height","fill","handleFill","componentWillRender","setSizes","getSizeFromSvg","componentDidRender","querySelector","setAttribute","viewBox","match","split","Number","style","setProperty","render","key","role","innerHTML","watchers"],"sources":["0"],"mappings":";;;;YAIcA,OAAuBC,OAAYC,OAAQC,MAAY,kBAErE,MAAMC,EAAoB,iKAE1B,MAAMC,EAAiB,MACnB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,EAC3B,CACA,eAAIE,GAAgB,OAAOR,EAAWO,KAAO,CAE7CE,aAEAC,MAEAC,OAEAC,KAAO,MACP,UAAAC,GACI,GAAIN,KAAKK,KAAM,CACXL,KAAKG,MAAQ,OACbH,KAAKI,OAAS,MAClB,CACJ,CACA,mBAAAG,GACIP,KAAKM,aACL,GAAIN,KAAKG,OAASH,KAAKI,OACnB,OAAOJ,KAAKQ,WAChBR,KAAKS,gBACT,CACA,kBAAAC,GACIV,KAAKC,YAAYU,cAAc,QAAQC,aAAa,QAASZ,KAAKG,OAClEH,KAAKC,YAAYU,cAAc,QAAQC,aAAa,SAAUZ,KAAKI,OACvE,CACA,cAAAK,GACI,MAAMI,EAAUb,KAAKE,cAAcY,MAAM,qDAAqD,GAC9F,IAAKD,EACD,OACJ,MAAO,CAAE,CAAEV,EAAQ,GAAIC,EAAS,IAAMS,GAASE,MAAM,MAAQ,GAC7D,IAAKZ,IAAUC,EACX,OACJJ,KAAKG,MAAQ,GAAGa,OAAOb,OACvBH,KAAKI,OAAS,GAAGY,OAAOZ,OACxBJ,KAAKQ,UACT,CACA,QAAAA,GACIR,KAAKC,YAAYgB,MAAMC,YAAY,aAAclB,KAAKG,OACtDH,KAAKC,YAAYgB,MAAMC,YAAY,cAAelB,KAAKI,OAC3D,CACA,MAAAe,GACI,OAAOzB,EAAEC,EAAM,CAAEyB,IAAK,2CAA4CC,KAAM,eAAgBC,UAAWtB,KAAKE,aAAc,YAAaF,KAAKK,MAC5I,CACA,mBAAWkB,GAAa,MAAO,CAC3BlB,KAAQ,CAAC,cACV,GAEPR,EAAeoB,MAAQrB,SAEdC","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/pn-accordion-row.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-accordion-row.entry.esm.js","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. @since v7.10.0 */\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"],"names":[],"mappings":"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"}

package/umd/modules/@postnord/web-components/postnord-web-components/pn-accordion.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-accordion.entry.esm.js","sources":["src/components/content/pn-accordion/pn-accordion.scss?tag=pn-accordion","src/components/content/pn-accordion/pn-accordion.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-accordion {\n  position: relative;\n  background-color: main.$white;\n  display: flex;\n  align-items: stretch;\n  flex-direction: column;\n  gap: 0.25em;\n\n  &[data-transparent] {\n    background-color: transparent;\n  }\n  > pn-accordion-row + pn-accordion-row:after {\n    content: '';\n    position: absolute;\n    top: -0.125em;\n    left: 0.25em;\n    width: calc(100% - 0.5em);\n    height: 0;\n    border-top: main.$onepixel solid main.$gray200;\n  }\n}\n","import { Component, h, Host, Element, forceUpdate, Prop, Listen } from '@stencil/core';\n\n/**\n * The `pn-accordion` is a wrapper for `pn-accordion-row` components.\n * This component gives the accordion rows some space between each one and provides the `single` feature.\n * Which will force the rule that only a single row to be open at one time.\n */\n@Component({\n  tag: 'pn-accordion',\n  styleUrl: 'pn-accordion.scss',\n})\nexport class PnAccordion {\n  mo?: MutationObserver;\n\n  closeEvent = new CustomEvent('rowstate', { detail: false });\n\n  @Element() hostElement: HTMLElement;\n\n  /** Only allow a single row to be open at once. @since v7.8.0 */\n  @Prop() single: boolean = false;\n  /** Optional prop that removes the default white background on the accordion row. @since v7.10.0 */\n  @Prop() transparent: boolean = false;\n\n  connectedCallback() {\n    this.mo = new MutationObserver(() => forceUpdate(this.hostElement));\n\n    this.mo.observe(this.hostElement, { childList: true, subtree: true });\n  }\n\n  disconnectedCallback() {\n    this.mo.disconnect();\n  }\n\n  @Listen('togglerow')\n  handleSingleRow({ detail }) {\n    if (!this.single) return;\n\n    const element: HTMLDetailsElement = detail.element;\n    const activeRow = element.closest('pn-accordion-row');\n\n    const rows = Array.from(this.hostElement.querySelectorAll('pn-accordion-row'));\n\n    rows.forEach(row => !row.isSameNode(activeRow) && row.dispatchEvent(this.closeEvent));\n  }\n  render() {\n    return (\n      <Host class=\"pn-accordion\" data-transparent={this.transparent}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,yWAAyW;;MCWnX,WAAW,GAAA,MAAA;;;;AACtB,IAAA,EAAE;AAEF,IAAA,UAAU,GAAG,IAAI,WAAW,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;;;IAKnD,MAAM,GAAY,KAAK;;IAEvB,WAAW,GAAY,KAAK;IAEpC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,EAAE,GAAG,IAAI,gBAAgB,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAEnE,QAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;IAGvE,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE;;IAItB,eAAe,CAAC,EAAE,MAAM,EAAE,EAAA;QACxB,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE;AAElB,QAAA,MAAM,OAAO,GAAuB,MAAM,CAAC,OAAO;QAClD,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC;AAErD,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAE9E,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;;IAEvF,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,kBAAA,EAAmB,IAAI,CAAC,WAAW,EAAA,EAC3D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;"}

package/umd/modules/@postnord/web-components/postnord-web-components/pn-action-menu.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-action-menu.entry.esm.js","sources":["src/components/buttons/pn-action-menu/translation.ts","src/components/buttons/pn-action-menu/pn-action-menu.scss?tag=pn-action-menu","src/components/buttons/pn-action-menu/pn-action-menu.tsx"],"sourcesContent":["export const translations = {\n  BACK: {\n    sv: 'Tillbaka',\n    en: 'Back',\n    da: 'Tilbage',\n    fi: 'Takaisin',\n    no: 'Tilbake',\n  },\n};\n\nexport type PnMenuTextProp = keyof typeof translations;\n","@use 'src/globals/main';\n\npn-action-menu {\n  --pn-menu-height: unset;\n  display: inline-block;\n  position: relative;\n}\n\npn-action-menu .pn-action-menu {\n  position: relative;\n\n  &-container {\n    --pn-action-menu-offset: 0;\n\n    scroll-behavior: smooth;\n    list-style: none;\n    text-align: left;\n\n    position: absolute;\n    z-index: 100;\n\n    top: calc(100% + 0.5em);\n    left: var(--pn-action-menu-offset);\n    right: 0;\n\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    margin: 0;\n    padding: 0;\n    width: 16em;\n\n    visibility: hidden;\n    overflow: hidden;\n\n    &[data-open] {\n      visibility: visible;\n      overflow: unset;\n    }\n\n    &[data-left] {\n      right: 0;\n      left: unset;\n    }\n\n    &[data-upwards] {\n      top: unset;\n      bottom: calc(100% + 0.5em);\n      transform-origin: bottom left;\n    }\n\n    &[data-moving] {\n      overflow: hidden;\n      visibility: visible;\n      pointer-events: none;\n    }\n\n    /** Special rules for the small menu */\n    &[data-small] {\n      .pn-action-menu-list {\n        border-radius: 0.5em;\n        visibility: hidden;\n        @include main.pn-transition('visibility');\n        transition-delay: main.$timing;\n        &[data-current] {\n          overflow-x: auto;\n          visibility: visible;\n          transition-delay: 0s;\n        }\n      }\n\n      &[data-moving] > .pn-action-menu-list {\n        visibility: visible;\n      }\n\n      .pn-action-menu-item {\n        position: unset;\n      }\n\n      .pn-action-menu-sub {\n        left: 0;\n        height: 100%;\n        box-shadow: unset;\n        transform: translateX(0);\n        visibility: hidden;\n        &[data-current] {\n          visibility: visible;\n          overflow-x: auto;\n        }\n      }\n    }\n\n    @include main.pn-scrollbar();\n  }\n\n  &-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    height: var(--pn-menu-height);\n    @include main.pn-scrollbar();\n  }\n\n  &-group {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    &-label {\n      display: block;\n      color: main.$gray900;\n      font-weight: 700;\n      font-size: 0.875em;\n      padding: 1em 1em 0.5em;\n    }\n    &-helpertext {\n      display: block;\n      color: main.$gray700;\n      font-weight: 400;\n      margin: 0.25em 0 0;\n    }\n  }\n\n  &-sub {\n    z-index: 110;\n    position: absolute;\n    top: 0;\n\n    width: 100%;\n    min-width: 12em;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n    background: main.$white;\n    border-radius: main.$border-radius;\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    transform: translateX(-0.5em);\n    opacity: 0;\n    visibility: hidden;\n\n    @include main.pn-scrollbar();\n    @include main.pn-transition('transform, opacity, visibility');\n    transition-delay: 0s, 0s, main.$timing;\n\n    &[data-open='true'] {\n      transform: translateX(0);\n      opacity: 1;\n      visibility: visible;\n      transition-delay: 0s, 0s, 0s;\n    }\n\n    &[data-open='false'] {\n      pointer-events: none;\n    }\n\n    &[data-x='left'] {\n      left: -100%;\n    }\n\n    &[data-x='center'] {\n      left: 0;\n    }\n\n    &[data-x='right'] {\n      left: 100%;\n    }\n\n    &[data-y='top'] {\n      top: unset;\n      bottom: 0;\n    }\n\n    &[data-y='bottom'] {\n      top: 0;\n    }\n  }\n\n  &-item {\n    position: relative;\n\n    &:first-child > .pn-action-menu-item-content > .pn-action-menu-button {\n      border-top-left-radius: 0.5em;\n      border-top-right-radius: 0.5em;\n    }\n    &:last-child > .pn-action-menu-item-content > .pn-action-menu-button {\n      border-bottom-right-radius: 0.5em;\n      border-bottom-left-radius: 0.5em;\n    }\n\n    &-text {\n      display: flex;\n      flex-direction: column;\n      margin-right: auto;\n    }\n\n    &-label {\n      color: main.$blue700;\n      font-weight: 500;\n      text-decoration: none;\n    }\n\n    &-suffix {\n      margin-left: auto;\n      font-weight: 400;\n      color: main.$gray700;\n    }\n\n    &-helpertext {\n      color: main.$gray700;\n      font-weight: 400;\n    }\n\n    &-content {\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n      flex: 1 1 100%;\n      gap: 0.5em;\n      position: relative;\n\n      &[data-close] {\n        border-bottom: 0.0625em solid main.$gray200;\n      }\n\n      > pn-icon {\n        padding: 0 0.25em;\n      }\n    }\n\n    &[data-group],\n    &[data-sub] {\n      flex-direction: column;\n    }\n  }\n\n  &-button {\n    cursor: pointer;\n    position: relative;\n    -webkit-tap-highlight-color: transparent;\n\n    line-height: 1.5;\n    padding: 0.75em 1em;\n    border: 0;\n    width: 100%;\n    text-align: left;\n    text-decoration-color: transparent;\n\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n    flex: 1 1 100%;\n    gap: 0.5em;\n\n    font-size: 1em;\n    min-height: 1.5em;\n    background-color: main.$white;\n\n    @include main.pn-transition('background-color, color, outline-color, text-decoration-color');\n    @include main.pn-ripple(main.$blue900);\n    @include main.pn-focus();\n    outline-offset: -0.2rem;\n\n    > pn-icon {\n      .pn-icon-svg > path {\n        transform-origin: center;\n        transform: rotate(0deg);\n        @include main.pn-transition('transform');\n      }\n\n      &[data-suffix][data-active] > .pn-icon-svg > path {\n        transform: rotate(180deg);\n      }\n\n      &:last-child {\n        margin-left: auto;\n      }\n    }\n\n    &:disabled {\n      pointer-events: none;\n      color: main.$gray700;\n      background-color: main.$gray50;\n    }\n\n    &:hover {\n      background-color: main.$blue25;\n    }\n\n    &:focus {\n      background-color: main.$blue50;\n    }\n\n    &[href] {\n      &:hover,\n      &:focus {\n        text-decoration-color: main.$blue700;\n      }\n    }\n\n    /*\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 0.25em;\n      height: 100%;\n      background-color: transparent;\n      @include main.pn-transition('background-color');\n    }\n\n    &[aria-expanded='true']::before {\n      background-color: main.$blue700;\n    }\n    */\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    margin-left: auto;\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-action-menu-checkbox-checkmark-path {\n        stroke-dashoffset: 23;\n      }\n    }\n  }\n\n  &-radio {\n    display: flex;\n    gap: 0.75em;\n    padding: 0;\n    margin-left: auto;\n\n    &-outer {\n      background-color: main.$input-background;\n      border: main.$input-border;\n      border-radius: 50%;\n      height: 1.5em;\n      width: 1.5em;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      @include main.pn-focus-base;\n      @include main.pn-transition('border-color, background-color, outline-color');\n    }\n\n    &-inner {\n      transform: scale(0);\n      height: 0.75em;\n      width: 0.75em;\n      background-color: main.$input-button-background-box-active;\n      border-radius: 50%;\n      transform-origin: center center;\n      @include main.pn-transition('background-color, transform');\n    }\n  }\n\n  &-input {\n    position: absolute;\n    z-index: 10;\n    cursor: pointer;\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    margin: 0;\n    opacity: 0;\n    -webkit-tap-highlight-color: transparent;\n\n    &:checked {\n      + .pn-action-menu-button {\n        background-color: main.$blue25;\n        .pn-action-menu-checkbox {\n          border-color: main.$blue700;\n          background-color: main.$blue700;\n          polyline.pn-action-menu-checkbox-checkmark-path {\n            transition-delay: main.$timing;\n            stroke-dashoffset: 0;\n          }\n        }\n        .pn-action-menu-radio {\n          &-outer {\n            border-color: main.$border-color-default-active;\n          }\n          &-inner {\n            transform: scale(1);\n            background-color: main.$input-button-background-box-active;\n          }\n        }\n      }\n\n      &:hover {\n        background-color: main.$blue50;\n      }\n    }\n\n    &:focus-visible + .pn-action-menu-button {\n      background-color: main.$blue50;\n    }\n\n    &:disabled {\n      pointer-events: none;\n      + .pn-action-menu-button {\n        pointer-events: none;\n        color: main.$gray700;\n        background-color: main.$gray50;\n\n        .pn-action-menu-item-label {\n          color: main.$gray700;\n        }\n        .pn-action-menu-checkbox {\n          background-color: main.$gray50;\n        }\n        .pn-action-menu-radio-outer {\n          border-color: main.$gray400;\n          background-color: main.$gray50;\n        }\n        .pn-icon-svg path {\n          fill: main.$gray700;\n        }\n      }\n\n      &:checked + .pn-action-menu-button {\n        .pn-action-menu-radio-inner {\n          background-color: main.$gray400;\n        }\n        .pn-action-menu-checkbox {\n          border-color: main.$gray400;\n          background-color: main.$gray400;\n        }\n      }\n    }\n\n    &:hover + .pn-action-menu-button {\n      background-color: main.$blue50;\n      .pn-action-menu-radio-outer {\n        border-color: main.$input-button-background-box-active;\n        background-color: main.$input-button-background-hover;\n      }\n    }\n\n    &:focus-visible + .pn-action-menu-button {\n      background-color: main.$blue50;\n      .pn-action-menu-checkbox,\n      .pn-action-menu-radio .pn-action-menu-radio-outer {\n        @include main.pn-focus-visible();\n      }\n    }\n  }\n\n  &-p {\n    margin: 0;\n  }\n\n  > pn-button[data-default-icon] .pn-button {\n    &[aria-expanded='true'] .pn-icon-svg {\n      transform: rotate(180deg);\n      transition-delay: 0s;\n    }\n    .pn-icon-svg {\n      transform: rotate(0deg);\n      transition-delay: main.$timing;\n      @include main.pn-transition('transform');\n    }\n  }\n}\n","import { Component, Prop, State, Watch, Element, h, Host, Event, EventEmitter, Listen, Mixin } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport { animateHeightFactory } from '@/globals/mixins';\n\nimport { awaitTopbar, en, getMenuWidth, getTotalHeightOffset, isSmallScreen, ripple, uuidv4 } from '@/index';\nimport type {\n  PnLanguages,\n  PnActionMenuItem,\n  Components,\n  PnActionMenuInput,\n  PnActionMenuGroup,\n  PnMeasurements,\n} from '@/index';\n\nimport { translations, PnMenuTextProp } from './translation';\n\nimport { chevron_down, chevron_left, chevron_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * Create a list of actions in an accessible way.\n *\n * Option types include:\n *\n * - Regular button, click and it will collapse the menu,\n * - Checkbox/radio, toggle the option on/off\n * - Link, behaves like a regular `a[href]` element.\n *\n * You can group these actions in groups and/or sub menus.\n *\n * - `group`, an array of options. The label will act as a title for the items.\n * - `options`, an array of options. These items will appear in a sub-menu that can be toggled.\n *\n * @since v7.13.0\n * @see {@link PnActionMenuItem}\n */\n@Component({\n  tag: 'pn-action-menu',\n  styleUrl: 'pn-action-menu.scss',\n})\nexport class PnActionMenu extends Mixin(animateHeightFactory) {\n  private readonly id: string = `pn-action-menu-${uuidv4()}`;\n\n  private menuButtonId: string = `${this.id}-button`;\n  private menuListId: string = `${this.id}-list`;\n\n  private menuTrigger: HTMLPnButtonElement;\n  private menuContainer: HTMLDivElement;\n  private menuList: HTMLMenuElement;\n\n  private timeout: NodeJS.Timeout;\n\n  /** 16em */\n  private readonly menuWidth: number = 256;\n\n  @Element() private hostElement: HTMLElement;\n\n  @State() private smallMenu: boolean = null;\n  @State() private upwards: boolean = false;\n\n  @State() private activeSubmenu: PnActionMenuItem['value'][] = [];\n\n  /** Array of action menu options. @see {@link PnActionMenuItem} */\n  @Prop() options: PnActionMenuItem[] = [];\n  /** Set any prop from the `pn-button` component here. @see {@link Components.PnButton} */\n  @Prop() button: Components.PnButton;\n\n  /** Set a custom ID for the menu. */\n  @Prop() menuId?: string = this.id;\n  /** Manually set the language. */\n  @Prop({ mutable: true }) language?: PnLanguages = null;\n\n  /** Open/close the action menu manually. @category Features */\n  @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n  /** Prefer that the menu open upwards, if there is enough space. @category Features */\n  @Prop() menuUp?: boolean = false;\n  /** Prefer that the submenus opens to the left, if there is enough space. @category Features */\n  @Prop() menuLeft?: boolean = false;\n\n  /** Emitted when the menu is opened or closed. */\n  @Event() private menuToggle: EventEmitter<{ open: boolean }>;\n  /** Emitted when the menu is fully hidden/visible after the animation has played. */\n  @Event() private menuVisible: EventEmitter<{ visible: boolean }>;\n  /** Emitted when an option is clicked (button, link, input or submenus). */\n  @Event() private menuOption: EventEmitter<{\n    /** Which type of menu item was clicked. */\n    type: 'button' | 'link' | 'input' | 'submenu';\n    /** If its an `input` type (checkbox/radio), it will be a generic `Event` (ChangeEvent) instead of `MouseEvent`. */\n    click: MouseEvent | Event;\n    /** The full {@link PnActionMenuItem} object. */\n    option: PnActionMenuItem;\n    /** If the submenu is open/closed. */\n    open?: Boolean;\n  }>;\n\n  @Watch('options')\n  handleOptions() {\n    this.setMenuLayout();\n  }\n\n  @Watch('open')\n  openHandler() {\n    this.setAnimationDuration();\n\n    requestAnimationFrame(() => {\n      if (this.open && !this.isMoving()) {\n        this.setOffset();\n        this.setMenuLayout();\n      }\n\n      this.dropdownHandler();\n\n      this.menuToggle.emit({ open: this.open });\n\n      clearTimeout(this.timeout);\n      this.timeout = setTimeout(() => {\n        if (!this.open) {\n          this.activeSubmenu = [];\n          const subMenus = this.hostElement.querySelectorAll<HTMLUListElement>('[data-x]');\n          Array.from(subMenus).forEach(el => {\n            el.removeAttribute('data-x');\n            el.removeAttribute('data-y');\n          });\n        }\n\n        this.menuVisible.emit({ visible: this.open });\n      }, this.animationDuration);\n    });\n  }\n\n  @Watch('menuId')\n  handleMenuId() {\n    this.menuButtonId = `${this.menuId}-button`;\n    this.menuListId = `${this.menuId}-list`;\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    if (this.open) this.toggleActionMenu(false);\n  }\n\n  async componentWillLoad() {\n    if (!this.options.length) console.warn(`${this.hostElement.localName}: No options set.`);\n\n    this.handleMenuId();\n    this.setAnimationDuration();\n\n    if (this.language !== null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    this.setOffset();\n\n    requestAnimationFrame(() => this.open && this.dropdownHandler());\n  }\n\n  private translate(prop: PnMenuTextProp) {\n    return translations[prop][this.language || en];\n  }\n\n  private globalEvents = (event: PointerEvent | KeyboardEvent) => {\n    const target = event.target as HTMLElement;\n    const isWithinActionMenu = target?.closest(this.hostElement.localName);\n    if (!isWithinActionMenu) this.closeEachSubMenu(true);\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  /** Open/close the action menu. */\n  private toggleActionMenu(state?: boolean) {\n    this.open = state ?? !this.open;\n  }\n\n  private setMenuLayout() {\n    if (!this.menuContainer) return;\n\n    if (!this.isMoving()) this.resetMaxHeight();\n\n    const measurements = this.getMenuMeasurements();\n\n    this.setDirection(measurements);\n    this.setMenuSize(measurements);\n    this.setMaxHeight(measurements);\n  }\n\n  private setDirection({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    const fitsUpwards = sUp > hUp;\n    const fitsDownards = sDown > hDown;\n    const moreSpaceDown = sDown > sUp;\n    this.upwards = (this.menuUp && fitsUpwards) || (!fitsDownards && !moreSpaceDown);\n  }\n\n  private setMenuSize({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    const isWidthSmall = isSmallScreen();\n    const menuFits = this.upwards ? sUp > hUp : sDown > hDown;\n    const isSmall = isWidthSmall || !menuFits;\n\n    if (isSmall !== this.smallMenu) {\n      this.smallMenu = isSmall;\n    }\n  }\n\n  private setMaxHeight({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    if (this.smallMenu) {\n      const heightUp = hUp > sUp ? hUp - 16 : hUp;\n      const heightDown = hDown > sDown ? hDown - 8 : hDown;\n      this.hostElement.style.setProperty('--pn-menu-height', `${this.upwards ? heightUp : heightDown}px`);\n    } else this.resetMaxHeight();\n  }\n\n  private resetMaxHeight() {\n    this.hostElement.style.setProperty('--pn-menu-height', 'unset');\n  }\n\n  private getRect(element: HTMLStencilElement | HTMLElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  private getMenuMeasurements(): PnMeasurements {\n    const allLists = Array.from(this.menuContainer.querySelectorAll('menu'));\n    const maxHeight = Math.max(...allLists.map(el => el.scrollHeight));\n\n    const rectButton = this.getRect(this.menuTrigger);\n    const rectMenu = this.getRect(this.menuContainer);\n\n    /** Measurements upwards. */\n    const sUp = rectButton.top - getTotalHeightOffset();\n    const hUp = sUp > maxHeight ? maxHeight : sUp;\n\n    /** Measurements downwards. */\n    const sDown = innerHeight - rectMenu.top;\n    const hDown = sDown > maxHeight ? maxHeight : sDown;\n\n    return {\n      hUp,\n      hDown,\n      sUp,\n      sDown,\n    };\n  }\n\n  private setOffset() {\n    const data = this.getRect(this.hostElement);\n    const sideMenuWidth = getMenuWidth();\n\n    // Calculate potential menu position\n    const menuLeft = data.left;\n    const menuRight = data.left + this.menuWidth;\n\n    // Define boundaries\n    const leftBoundary = sideMenuWidth + 16; // Left menu + buffer\n    const rightBoundary = innerWidth - 16; // Right edge - buffer\n\n    let offset = 0;\n\n    // Check if menu would overlap left menu or go off left edge\n    if (menuLeft < leftBoundary) {\n      offset = leftBoundary - menuLeft;\n    }\n    // Check if menu would go off right edge\n    else if (menuRight > rightBoundary) {\n      offset = rightBoundary - menuRight;\n    }\n\n    if (this.menuContainer) this.menuContainer.style.setProperty('--pn-action-menu-offset', `${offset}px`);\n  }\n\n  private getListId(option: PnActionMenuItem) {\n    return `pn-menu-${option.value}-list`;\n  }\n\n  private getButtonId(option: PnActionMenuItem) {\n    return `pn-menu-${option.value}-button`;\n  }\n\n  private getTriggerIcon() {\n    if (this.button?.icon) return;\n    return chevron_down;\n  }\n\n  /** Set the path of open sub menus. */\n  private getSubMenuPath(options: PnActionMenuItem[], value: string, path = []): string[] {\n    for (const item of options) {\n      const newPath = [...path, item.value];\n      if (item.value === value) return newPath;\n\n      if (item.options || item.group) {\n        const result = this.getSubMenuPath(item.options || item.group, value, newPath);\n        if (result) return result;\n      }\n    }\n    return null;\n  }\n\n  private closeEachSubMenu(preventFocus: boolean = false) {\n    if (!preventFocus) this.menuTrigger?.querySelector('button')?.focus({ preventScroll: true });\n\n    const interval = setInterval(() => {\n      if (this.smallMenu || this.activeSubmenu.length === 0) {\n        clearInterval(interval);\n        this.toggleActionMenu(false);\n      } else {\n        this.activeSubmenu.pop();\n        this.activeSubmenu = [...this.activeSubmenu];\n      }\n    }, 150);\n  }\n\n  private escButton(event: KeyboardEvent, option: PnActionMenuItem) {\n    const { key } = event;\n\n    if (key === 'Escape') {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n\n      this.isSubmenuActive(option.value) ? this.toggleSub(option) : this.toggleActionMenu();\n    }\n  }\n\n  // Animation Start\n\n  private dropdownHandler() {\n    if (this.open) {\n      this.addGlobalEventListeners();\n      this.openDropdown(this.menuContainer, this.menuList.clientHeight);\n    } else {\n      this.removeGlobalEventListeners();\n      this.closeDropdown(this.menuContainer, this.menuList.clientHeight);\n    }\n  }\n\n  // Animation end\n\n  private async optionSelect(option: PnActionMenuItem, click: MouseEvent | Event) {\n    const type = option?.options?.length ? 'submenu' : !!option.input ? 'input' : option.href ? 'link' : 'button';\n    const isSubMenu = type === 'submenu';\n\n    if (isSubMenu) this.toggleSub(option);\n    else if (type === 'button') this.closeEachSubMenu();\n    else if (type === 'input') option.checked = (click.target as HTMLInputElement).checked;\n\n    this.menuOption.emit({\n      option,\n      type,\n      click,\n      open: isSubMenu ? this.isSubmenuActive(option.value) : null,\n    });\n\n    const target = click.target as HTMLElement;\n    const element =\n      target.localName === 'input'\n        ? (target.nextElementSibling as HTMLElement)\n        : target.className === 'pn-action-menu-button'\n          ? target\n          : target.closest<HTMLElement>('.pn-action-menu-button');\n\n    const { x, width, y, top } = this.getRect(element as HTMLElement);\n    const clientCor = { clientX: x + width - 24, clientY: y - top };\n\n    ripple(click.type === 'click' ? (click as MouseEvent) : clientCor, element);\n\n    this.menuContainer.scrollTo({ top: 0 });\n  }\n\n  /** Toggle individual sub-menus inside the action menu by using the `option['value']`. */\n  private toggleSub(option: PnActionMenuItem) {\n    const { value } = option;\n\n    const path = this.getSubMenuPath(this.options, value);\n    const isActive = this.activeSubmenu.includes(value);\n    isActive && path.splice(this.activeSubmenu.indexOf(value), 1);\n\n    const item = this.hostElement.querySelector<HTMLElement>(`#${this.getListId(option)}`);\n    const data = this.getRect(item);\n\n    const spaceLeft = data.left;\n    const spaceRight = innerWidth - data.right - 8;\n\n    const fitsLeft = spaceLeft > data.width;\n    const fitsRight = spaceRight > data.width;\n\n    const climbUp = this.menuUp && data.top - data.height > 0;\n    const yDirection = climbUp ? 'top' : 'bottom';\n\n    if (!isActive && !item.dataset.x)\n      item.setAttribute(\n        'data-x',\n        this.menuLeft && fitsLeft ? 'left' : fitsRight ? 'right' : fitsLeft ? 'left' : 'center',\n      );\n    if (!isActive && !item.dataset.y) item.setAttribute('data-y', yDirection);\n\n    if (JSON.stringify(path) === JSON.stringify(this.activeSubmenu))\n      this.activeSubmenu = this.activeSubmenu.filter(item => item !== value);\n    else this.activeSubmenu = [...path];\n  }\n\n  /** Check if a sub-menu is active. */\n  private isSubmenuActive(value: string): boolean {\n    return this.activeSubmenu.includes(value);\n  }\n\n  private isMenuActive() {\n    const isRootSubInsideGroup = this.options.find(({ value }) => this.activeSubmenu.every(val => val === value));\n    return this.smallMenu && (this.activeSubmenu?.length === 0 || isRootSubInsideGroup);\n  }\n\n  private isCurrentSubMenu(value: string) {\n    return Boolean(this.activeSubmenu[this.activeSubmenu.length - 1] === value);\n  }\n\n  private getOptionTrailing(option: PnActionMenuItem) {\n    const useButtonIcon = option.options?.length && chevron_right;\n    const useTrailingIcon = option.trailingIcon;\n    const useLinkIcon = option.target === '_blank' && open_in_new;\n\n    /** If the user has defined a trialing icon, use it first. */\n    const icon = useButtonIcon || useTrailingIcon || useLinkIcon;\n\n    if (icon) {\n      return <pn-icon icon={icon} color=\"blue700\" data-suffix data-active={this.isSubmenuActive(option.value)} />;\n    }\n    if (option.suffix) {\n      return <span class=\"pn-action-menu-item-suffix\">{option.suffix}</span>;\n    }\n  }\n\n  private renderCheckbox(option: PnActionMenuInput) {\n    const id = `pn-menu-${option.value}-label`;\n    const idHelper = `pn-menu-${option.value}-helpertext`;\n    return (\n      <div class=\"pn-action-menu-item-content\">\n        <input\n          type={option.input}\n          id={id}\n          class=\"pn-action-menu-input\"\n          name={option.name}\n          value={option.value}\n          checked={option.checked}\n          disabled={option.disabled}\n          aria-describedby={option.helpertext ? idHelper : null}\n          onInput={event => this.optionSelect(option, event)}\n          tabIndex={this.open ? null : -1}\n        />\n\n        <div class=\"pn-action-menu-button\">\n          {!!option.icon && <pn-icon icon={option.icon} color=\"blue700\" />}\n\n          <div class=\"pn-action-menu-item-text\">\n            <label htmlFor={id} class=\"pn-action-menu-item-label\">\n              {option.label}\n            </label>\n            {option.helpertext && (\n              <p id={idHelper} class=\"pn-action-menu-item-helpertext\">\n                <span>{option.helpertext}</span>\n              </p>\n            )}\n          </div>\n          {option.input === 'checkbox' ? (\n            <div class=\"pn-action-menu-checkbox\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <polyline class=\"pn-action-menu-checkbox-checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n              </svg>\n            </div>\n          ) : (\n            <div class=\"pn-action-menu-radio\">\n              <div class=\"pn-action-menu-radio-outer\">\n                <div class=\"pn-action-menu-radio-inner\" />\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderButton(option: PnActionMenuItem) {\n    const isCloseButton = option.label === 'BACK';\n    const isSub = !!option?.options?.length;\n    const isGroup = !!option?.group?.length;\n    const isLink = !!option.href && !isSub && !isGroup;\n\n    const appendedId = isCloseButton ? '-close' : '';\n    const hasIcon = isCloseButton || !!option.icon;\n\n    const trailingObject = isCloseButton ? null : this.getOptionTrailing(option);\n    const open = this.isSubmenuActive(option.value);\n    const subMenuAttrs = isSub\n      ? {\n          'aria-haspopup': 'true',\n          'aria-controls': open ? this.getListId(option) : null,\n          'aria-expanded': open?.toString(),\n        }\n      : {};\n\n    const attrs = isLink\n      ? {\n          href: option.href,\n          target: option.target,\n        }\n      : {\n          disabled: option.disabled,\n        };\n\n    const Tag = isLink ? 'a' : 'button';\n\n    return isGroup ? (\n      <div class=\"pn-action-menu-group-label\">\n        <p class=\"pn-action-menu-p\">{option.label}</p>\n        {option.helpertext && <p class=\"pn-action-menu-group-helpertext\">{option.helpertext}</p>}\n      </div>\n    ) : (\n      <div class=\"pn-action-menu-item-content\" data-close={isCloseButton}>\n        <Tag\n          id={this.getButtonId(option) + appendedId}\n          class=\"pn-action-menu-button\"\n          {...subMenuAttrs}\n          {...attrs}\n          tabIndex={this.open ? null : -1}\n          onClick={event => this.optionSelect(option, event)}\n          onKeyDown={(event: KeyboardEvent) => this.escButton(event, option)}\n        >\n          {hasIcon && <pn-icon icon={isCloseButton ? chevron_left : option.icon} color=\"blue700\" />}\n          <div class=\"pn-action-menu-item-text\">\n            <span class=\"pn-action-menu-item-label\">{isCloseButton ? this.translate('BACK') : option.label}</span>\n            {option.helpertext && !isLink && <span class=\"pn-action-menu-item-helpertext\">{option.helpertext}</span>}\n          </div>\n          {trailingObject}\n        </Tag>\n      </div>\n    );\n  }\n\n  private renderSub(option: PnActionMenuItem) {\n    return (\n      <menu\n        id={this.getListId(option)}\n        aria-labelledby={this.getButtonId(option)}\n        class=\"pn-action-menu-sub\"\n        data-open={this.isSubmenuActive(option.value)?.toString()}\n        data-current={this.isCurrentSubMenu(option.value)}\n      >\n        {this.smallMenu && (\n          <li class=\"pn-action-menu-item\">\n            {this.renderButton({\n              label: 'BACK',\n              value: option.value,\n              options: option.options,\n            })}\n          </li>\n        )}\n        {option.options.map(item => this.renderMenuItem(item))}\n      </menu>\n    );\n  }\n\n  private renderGroup(option: PnActionMenuGroup) {\n    return <menu class=\"pn-action-menu-group\">{option.group.map(item => this.renderMenuItem(item))}</menu>;\n  }\n\n  private renderMenuItem(option: PnActionMenuItem) {\n    const isSub = !!option?.options?.length;\n    const isGroup = !isSub && !!option?.group?.length;\n\n    const isCheckbox = !!option.input && !isSub && !isGroup;\n\n    return (\n      <li class=\"pn-action-menu-item\" data-group={isGroup} data-sub={isSub}>\n        {isCheckbox ? this.renderCheckbox(option) : this.renderButton(option)}\n        {isSub ? this.renderSub(option) : isGroup && this.renderGroup(option)}\n      </li>\n    );\n  }\n\n  private renderMenu() {\n    return (\n      <div\n        id={this.menuListId}\n        class=\"pn-action-menu-container\"\n        role=\"region\"\n        aria-labelledby={this.menuButtonId}\n        data-open={this.open}\n        data-upwards={this.upwards}\n        data-small={this.smallMenu}\n        style={{ height: '0px' }}\n        ref={el => (this.menuContainer = el)}\n      >\n        <menu class=\"pn-action-menu-list\" data-current={this.isMenuActive()} ref={el => (this.menuList = el)}>\n          {this.options?.map(option => this.renderMenuItem(option))}\n        </menu>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div id={this.menuId !== this.id ? this.menuId : null} class=\"pn-action-menu\">\n          <pn-button\n            icon={this.getTriggerIcon()}\n            {...this.button}\n            buttonId={this.menuButtonId}\n            tooltipUp={!this.upwards}\n            ariahaspopup=\"true\"\n            ariacontrols={this.open ? this.menuListId : null}\n            ariaexpanded={this.open.toString()}\n            data-default-icon={!this.button?.icon}\n            onPnClick={() => this.toggleActionMenu()}\n            ref={el => (this.menuTrigger = el)}\n          />\n          {this.renderMenu()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/umd/modules/@postnord/web-components/postnord-web-components/pn-button-dropdown.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-button-dropdown.entry.esm.js","sources":["src/components/buttons/pn-button-dropdown/pn-button-dropdown.scss?tag=pn-button-dropdown","src/components/buttons/pn-button-dropdown/pn-button-dropdown.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-button-dropdown {\n  display: inline-block;\n  position: relative;\n}\npn-button-dropdown .pn-button-dropdown {\n  &-container {\n    z-index: 10;\n    position: absolute;\n\n    top: 130%;\n    left: 0;\n\n    background-color: main.$white;\n    border-radius: 1em;\n    box-shadow: 0 0.125em 1em rgba(0, 0, 0, 0.2);\n    overflow-y: auto;\n\n    max-width: 95vw;\n    max-width: min(95vw, 40em);\n    max-height: 80vh;\n\n    transform: scale(0);\n    transform-origin: top left;\n    @include main.pn-transition('transform');\n    transition-delay: main.$timing;\n\n    &[data-right] {\n      left: unset;\n      right: 0;\n      transform-origin: top right;\n    }\n\n    &[data-top] {\n      top: unset;\n      bottom: 130%;\n      transform-origin: bottom left;\n    }\n  }\n\n  &-content {\n    position: relative;\n    padding: 1em;\n    opacity: 0;\n    width: max-content;\n    max-width: 100%;\n    visibility: hidden;\n\n    @include main.pn-transition('opacity, visibility');\n    transition-delay: 0s, main.$timing;\n  }\n\n  &[data-open='true'] {\n    .pn-button-dropdown-container {\n      transition-delay: 0s;\n    }\n    .pn-button-dropdown-content {\n      opacity: 1;\n      visibility: visible;\n    }\n  }\n}\n","import { Component, Prop, State, Watch, Element, h, Host } from '@stencil/core';\nimport { uuidv4, PnButtonAppearance, PnButtonVariant } from '@/index';\n\n/**\n * The open/closing of the dropdown is handled by the component itself.\n *\n * @nativeClick Use the `click` event to listen when the button is clicked.\n */\n@Component({\n  tag: 'pn-button-dropdown',\n  styleUrl: 'pn-button-dropdown.scss',\n})\nexport class PnButtonDropdown {\n  id: string = `pn-button-${uuidv4()}`;\n  focusableElements: Array<HTMLLinkElement | HTMLButtonElement | HTMLInputElement>;\n  container: HTMLDivElement;\n\n  dropdownButtonId: string = `${this.id}-dropdown`;\n  dropdownContentId: string = `${this.id}-content`;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() right: boolean = false;\n  @State() top: boolean = false;\n\n  /** The required label on the button. */\n  @Prop() label!: string;\n  /** The optional SVG content of the icon you want. */\n  @Prop() icon?: string;\n  /** Select between `light` and `warning`. */\n  @Prop() appearance?: PnButtonAppearance = '';\n  /** Select between `outlined` and `borderless`. */\n  @Prop() variant?: PnButtonVariant = '';\n  /** Smaller button. */\n  @Prop() small: boolean = false;\n  /** Tooltip (required for Icon Only). */\n  @Prop() tooltip: string;\n  /** Open/close the dropdown without user interaction. */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @Watch('open')\n  openHandler() {\n    this.toggleDropdown();\n\n    if (this.open) {\n      document.addEventListener('click', this.globalHandler);\n      document.addEventListener('keyup', this.globalHandler);\n    } else {\n      document.removeEventListener('click', this.globalHandler);\n      document.removeEventListener('keyup', this.globalHandler);\n    }\n  }\n\n  componentDidLoad() {\n    if (this.open) this.openHandler();\n  }\n\n  getRect(element: HTMLElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  globalHandler = (e: KeyboardEvent) => {\n    // global events that we want to track to close the select, like \"click outside\" or tab out\n    if (!this.hostElement.contains(e.target as Element) || e?.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  toggleDropdown() {\n    this.right = this.hostElement.offsetLeft > window.innerWidth / 2;\n\n    requestAnimationFrame(() => {\n      if (this.open) {\n        this.container.style.transition = 'none';\n        this.container.style.transform = 'none';\n      }\n\n      const containerRect = this.getRect(this.container);\n      const hostElementRect = this.getRect(this.hostElement);\n\n      // Calculate if dropdown should open upwards\n      // if there is enough space above button\n      const enoughSpaceAbove = hostElementRect.top > containerRect.height + window.innerWidth * 0.025;\n      this.top =\n        enoughSpaceAbove &&\n        hostElementRect.top + hostElementRect.height + containerRect.height >\n          window.innerHeight - window.innerWidth * 0.025;\n\n      let xAxis: number = 0;\n\n      if (containerRect.right > window.innerWidth || containerRect.x < 0) {\n        // 0.025 because the max width of the element is 95vw and we want the same margin on both sides\n        xAxis = containerRect.x + containerRect.width + window.innerWidth * 0.025 - window.innerWidth;\n      }\n\n      this.container.style.transform = '';\n\n      requestAnimationFrame(() => {\n        this.container.style.transition = '';\n        this.container.style.transform = this.open ? `scale(1) translateX(-${xAxis}px)` : '';\n\n        requestAnimationFrame(() => {\n          this.hostElement.querySelector<HTMLDivElement>('.pn-button-dropdown').dataset.open = `${this.open}`;\n        });\n      });\n    });\n  }\n\n  toggle = () => {\n    this.open = !this.open;\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-button-dropdown\">\n          <pn-button\n            label={this.label}\n            buttonId={this.dropdownButtonId}\n            class=\"pn-button-dropdown-label\"\n            appearance={this.appearance}\n            variant={this.variant}\n            small={this.small}\n            icon={this.icon}\n            iconOnly={!!this.tooltip && !!this.icon && !this.label}\n            ariacontrols={this.dropdownContentId}\n            ariahaspopup=\"true\"\n            ariaexpanded={this.open.toString()}\n            tooltip={this.tooltip}\n            tooltipUp={!this.top}\n            onPnClick={this.toggle}\n          />\n          <div\n            ref={el => (this.container = el)}\n            id={this.dropdownContentId}\n            class=\"pn-button-dropdown-container\"\n            role=\"region\"\n            aria-labelledby={this.dropdownButtonId}\n            data-right={this.right}\n            data-top={this.top}\n          >\n            <div class=\"pn-button-dropdown-content\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,mBAAmB,GAAG,miDAAmiD;;MCYljD,gBAAgB,GAAA,MAAA;;;;AAC3B,IAAA,EAAE,GAAW,CAAA,UAAA,EAAa,MAAM,EAAE,EAAE;AACpC,IAAA,iBAAiB;AACjB,IAAA,SAAS;AAET,IAAA,gBAAgB,GAAW,CAAG,EAAA,IAAI,CAAC,EAAE,WAAW;AAChD,IAAA,iBAAiB,GAAW,CAAG,EAAA,IAAI,CAAC,EAAE,UAAU;;IAIvC,KAAK,GAAY,KAAK;IACtB,GAAG,GAAY,KAAK;;AAGrB,IAAA,KAAK;;AAEL,IAAA,IAAI;;IAEJ,UAAU,GAAwB,EAAE;;IAEpC,OAAO,GAAqB,EAAE;;IAE9B,KAAK,GAAY,KAAK;;AAEtB,IAAA,OAAO;;IAEyB,IAAI,GAAY,KAAK;IAG7D,WAAW,GAAA;QACT,IAAI,CAAC,cAAc,EAAE;AAErB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC;YACtD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC;;aACjD;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC;YACzD,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC;;;IAI7D,gBAAgB,GAAA;QACd,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,WAAW,EAAE;;AAGnC,IAAA,OAAO,CAAC,OAAoB,EAAA;AAC1B,QAAA,OAAO,OAAO,CAAC,qBAAqB,EAAE;;AAGxC,IAAA,aAAa,GAAG,CAAC,CAAgB,KAAI;;AAEnC,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAiB,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,QAAQ,EAAE;AAC1E,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;AAErB,KAAC;IAED,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,GAAG,CAAC;QAEhE,qBAAqB,CAAC,MAAK;AACzB,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;gBACxC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM;;YAGzC,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;YAClD,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC;;;AAItD,YAAA,MAAM,gBAAgB,GAAG,eAAe,CAAC,GAAG,GAAG,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK;AAC/F,YAAA,IAAI,CAAC,GAAG;gBACN,gBAAgB;oBAChB,eAAe,CAAC,GAAG,GAAG,eAAe,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM;wBACjE,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK;YAElD,IAAI,KAAK,GAAW,CAAC;AAErB,YAAA,IAAI,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,IAAI,aAAa,CAAC,CAAC,GAAG,CAAC,EAAE;;AAElE,gBAAA,KAAK,GAAG,aAAa,CAAC,CAAC,GAAG,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK,GAAG,MAAM,CAAC,UAAU;;YAG/F,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE;YAEnC,qBAAqB,CAAC,MAAK;gBACzB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE;gBACpC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,wBAAwB,KAAK,CAAA,GAAA,CAAK,GAAG,EAAE;gBAEpF,qBAAqB,CAAC,MAAK;AACzB,oBAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAiB,qBAAqB,CAAC,CAAC,OAAO,CAAC,IAAI,GAAG,CAAA,EAAG,IAAI,CAAC,IAAI,EAAE;AACrG,iBAAC,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;IAGJ,MAAM,GAAG,MAAK;AACZ,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;AACxB,KAAC;IAED,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CACE,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,KAAK,EAAC,0BAA0B,EAChC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EACtD,YAAY,EAAE,IAAI,CAAC,iBAAiB,EACpC,YAAY,EAAC,MAAM,EACnB,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAClC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,CAAC,IAAI,CAAC,GAAG,EACpB,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,CAAA,EACF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAChC,EAAE,EAAE,IAAI,CAAC,iBAAiB,EAC1B,KAAK,EAAC,8BAA8B,EACpC,IAAI,EAAC,QAAQ,EACI,iBAAA,EAAA,IAAI,CAAC,gBAAgB,gBAC1B,IAAI,CAAC,KAAK,EACZ,UAAA,EAAA,IAAI,CAAC,GAAG,EAAA,EAElB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,CACF,CACF,CACD;;;;;;;;;;"}

package/umd/modules/@postnord/web-components/postnord-web-components/pn-button.pn-spinner.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-button.pn-spinner.entry.esm.js","sources":["src/components/buttons/pn-button/pn-button.scss?tag=pn-button","src/components/buttons/pn-button/pn-button.tsx","src/components/feedback/pn-spinner/pn-spinner.scss?tag=pn-spinner","src/components/feedback/pn-spinner/pn-spinner.tsx"],"sourcesContent":["@use 'sass:string';\n@use 'src/globals/main';\n\npn-button {\n  display: inline-block;\n}\n\npn-button .pn-button {\n  position: relative;\n  cursor: pointer;\n\n  padding: 0.75em 1.5em;\n  width: string.unquote('round(up, 100%, 1px)');\n  min-height: 3em;\n  min-width: 5.5em;\n\n  border: none;\n  border-radius: 3em;\n\n  font-family: inherit;\n  font-size: 1em;\n  font-weight: 500;\n\n  color: main.$white;\n  background-color: transparent;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-decoration: none;\n  line-height: 1.5em;\n  -webkit-tap-highlight-color: transparent;\n\n  @include main.pn-transition('color, outline-color');\n  @include main.pn-focus();\n\n  &:disabled,\n  &[aria-disabled] {\n    cursor: auto;\n    pointer-events: none;\n  }\n\n  &-content {\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 0.5em;\n\n    @include main.pn-transition('opacity, transform');\n    transition-delay: main.$timing;\n  }\n\n  // This is a separate element because it has to be a leaf node to avoid bogging down performance when animating\n  &-bg {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%) translateY(0);\n    border-radius: 3em;\n    border: none;\n    background-color: main.$blue700;\n    overflow: hidden;\n\n    @include main.pn-transition('width, background-color, border-color');\n    transition-delay: main.$timing, 0s, 0s;\n\n    // Hover element (sliding background)\n    &::after {\n      content: '';\n      position: absolute;\n      will-change: transform;\n      width: 100%;\n      height: 100%;\n      background-color: main.$blue900;\n      border-radius: inherit;\n      left: 0;\n      transform: translateX(-103%);\n      opacity: 0.5;\n      @include main.pn-transition('transform');\n    }\n  }\n\n  @include main.pn-ripple(main.$white);\n\n  &-tooltip {\n    z-index: 5;\n    position: absolute;\n    top: calc(100% + 0.35em);\n    left: 50%;\n    pointer-events: none;\n\n    color: main.$white;\n    background-color: main.$blue900;\n    box-shadow:\n      0 0.075em 0.225em rgba(0, 0, 0, 0.1),\n      0 0.4em 0.9em rgba(0, 0, 0, 0.13);\n\n    padding: 0.25em 0.75em;\n    border-radius: inherit;\n\n    max-width: min(95vw, 40em);\n    transform: translateX(-50%) translateX(var(--pn-dx));\n    width: max-content;\n\n    opacity: 0;\n    @include main.pn-transition('opacity');\n\n    &-text {\n      font-size: 0.875em;\n      font-weight: 300;\n    }\n  }\n\n  pn-icon {\n    flex-shrink: 0;\n    .pn-icon-svg path {\n      fill: main.$white;\n    }\n  }\n\n  pn-spinner {\n    position: absolute;\n    transform: scale(0);\n  }\n\n  &:hover,\n  &:focus {\n    .pn-button-bg:after {\n      transform: translateX(0);\n    }\n  }\n\n  &[data-appearance='light'] {\n    color: main.$blue700;\n\n    pn-icon .pn-icon-svg path {\n      fill: main.$blue700;\n    }\n\n    pn-spinner {\n      .pn-spinner-circle {\n        stroke: main.$blue700;\n      }\n      .pn-spinner-dot {\n        fill: main.$blue700;\n      }\n    }\n\n    .pn-button-bg {\n      border-color: main.$blue700;\n      background-color: main.$white;\n\n      &:after {\n        background-color: main.$blue50;\n        opacity: 1;\n      }\n\n      .pn-ripple {\n        background-color: main.$blue700;\n      }\n    }\n  }\n\n  &[data-appearance='warning'] {\n    color: main.$warning;\n\n    pn-icon .pn-icon-svg path {\n      fill: main.$warning;\n    }\n\n    pn-spinner {\n      .pn-spinner-circle {\n        stroke: main.$warning;\n      }\n      .pn-spinner-dot {\n        fill: main.$warning;\n      }\n    }\n\n    .pn-button-bg {\n      border: 0.0625em solid main.$warning;\n      background-color: main.$coral50;\n\n      &:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n\n    &:hover,\n    &:focus {\n      color: main.$white;\n      pn-icon .pn-icon-svg path {\n        fill: main.$white;\n      }\n\n      pn-spinner {\n        .pn-spinner-circle {\n          stroke: main.$white;\n        }\n        .pn-spinner-dot {\n          fill: main.$white;\n        }\n      }\n    }\n\n    @include main.pn-focus(main.$warning);\n  }\n\n  &[data-variant='borderless'] {\n    .pn-button-bg {\n      border: none;\n      background-color: transparent;\n    }\n\n    .pn-button-bg:after {\n      background-color: main.$white;\n      opacity: 0.1;\n    }\n    &[data-appearance='light'] {\n      .pn-button-bg:after {\n        background-color: main.$blue50;\n        opacity: 1;\n      }\n    }\n    &[data-appearance='warning'] {\n      .pn-button-bg:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n  }\n\n  &[data-variant='outlined'] {\n    .pn-button-bg {\n      border: 0.0625em solid main.$white;\n      background-color: transparent;\n      &:after {\n        background-color: main.$white;\n        opacity: 0.1;\n      }\n    }\n\n    &[data-appearance='light'] .pn-button-bg {\n      border-color: main.$blue700;\n      background-color: main.$white;\n      &:after {\n        background-color: main.$blue400;\n        opacity: 0.1;\n      }\n    }\n\n    &[data-appearance='warning'] .pn-button-bg {\n      border-color: main.$warning;\n      &:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n  }\n\n  &[data-left-icon] .pn-button-content {\n    flex-direction: row-reverse;\n  }\n\n  &[data-icon-only] {\n    width: 3em;\n    min-width: 0;\n\n    &[data-small] {\n      width: 2em;\n      min-width: 0;\n      padding: 0;\n    }\n  }\n\n  &[data-small] {\n    padding: 0.375em 1em;\n    min-height: 2em;\n    min-width: unset;\n    line-height: 1.25em;\n\n    .pn-button-content {\n      gap: 0.25em;\n    }\n\n    .pn-button-text {\n      font-size: 0.875em;\n    }\n\n    pn-icon .pn-icon-svg {\n      height: 1.25em;\n      width: 1.25em;\n    }\n  }\n\n  &[data-tooltip-open] {\n    .pn-button-tooltip {\n      opacity: 1;\n    }\n  }\n\n  &[data-tooltip-upwards] {\n    .pn-button-tooltip {\n      top: auto;\n      bottom: calc(100% + 0.35em);\n    }\n  }\n\n  &[data-loading] {\n    pn-spinner {\n      transform: scale(1);\n      @include main.pn-transition('transform');\n      transition-delay: main.$timing;\n    }\n\n    .pn-button-content {\n      pointer-events: none;\n      opacity: 0;\n      transition-delay: 0s;\n      transform: translateY(100%);\n    }\n\n    .pn-button-bg {\n      width: 3em;\n    }\n\n    &[data-small] .pn-button-bg {\n      width: 2em;\n    }\n  }\n}\n","import { Component, Host, Prop, h, Element, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { ripple, PnButtonAppearance, PnButtonVariant } from '@/index';\n\n/**\n * The `pn-button` is built with a native `button` or `a` element, if you use the `href` attribute.\n *\n * @nativeClick Use the `click` event to listen when the button is clicked.\n */\n@Component({\n  tag: 'pn-button',\n  styleUrl: 'pn-button.scss',\n})\nexport class PnButton {\n  buttonEl: HTMLElement;\n  tooltipEl: HTMLDivElement;\n  tooltipDx: number;\n\n  openEvents: string[] = ['mouseover', 'focus'];\n  closeEvents: string[] = ['mouseleave', 'blur', 'touchcancel', 'touchleave'];\n  eventListeners: string[] = [...this.openEvents, ...this.closeEvents];\n\n  @Element() hostElement: HTMLElement;\n\n  @State() tooltipOpen: boolean = false;\n  @State() tooltipUpwards: boolean = false;\n\n  /** The label of the button, this is the same as using the default slot. @since v7.4.0 */\n  @Prop() label?: string = '';\n  /**\n   * Select the button appearance: default (blue), `light` (white) and  `warning` (red).\n   *\n   * @category Visual\n   */\n  @Prop() appearance?: PnButtonAppearance = '';\n  /**\n   * Select the button variant: default (colored background), `outlined` (bordered, no background) and `borderless` (borderless, no background).\n   *\n   * @category Visual\n   */\n  @Prop() variant?: PnButtonVariant = '';\n  /** Use the small button. @category Visual */\n  @Prop() small?: boolean = false;\n  /** Display the loading indicator. @category Visual */\n  @Prop({ reflect: true }) loading?: boolean = false;\n\n  /**\n   * The SVG content of the icon you want.\n   * @see {@link https://portal.postnord.com/web-components/?path=/docs/docs-assets--docs pn-design-assets}\n   * @category Icon\n   */\n  @Prop() icon?: string;\n  /**\n   * Turn the button into an icon only. Requires `icon` and one of the following props to work: `tooltip`, `arialabel` or `arialabelledby`.\n   * @summary __You need an `icon` selected, as well as either `tooltip`, `arialabel` or `arialabelledby` for this to work__.\n   * @see {@link icon}\n   * @since v7.4.0\n   * @category Icon\n   */\n  @Prop() iconOnly?: boolean = false;\n  /**\n   * Place the `icon` to the left of the button.\n   *\n   * @summary __You need an `icon` selected for this to work__.\n   * @see {@link icon}\n   * @category Icon\n   */\n  @Prop() leftIcon?: boolean = false;\n\n  /**\n   * When the user focus/hover the button, the `tooltip` text will show up.\n   *\n   * @category Tooltip\n   */\n  @Prop() tooltip?: string;\n  /**\n   * Prefer the tooltip to open upwards. Will still go downwards if there is no space.\n   * @since v7.4.0\n   * @category Tooltip\n   */\n  @Prop() tooltipUp?: boolean = false;\n\n  /** Select HTML button type. @category Button */\n  @Prop() type?: 'button' | 'reset' | 'submit' | '' = 'button';\n  /**\n   * Connect this button to a HTML form.\n   * @category Button\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#form HTML button form}\n   */\n  @Prop() form?: string;\n\n  /** Pass an href to make the button into link (a-tag). @category Link */\n  @Prop() href?: string;\n  /** The rel attribute of the link. @category Link */\n  @Prop() rel?: string;\n  /** The target attribute of the link. @category Link */\n  @Prop() target?: string;\n  /** The download attribute of the link. @category Link */\n  @Prop() download?: string;\n\n  /** HTML ID. @category HTML attributes */\n  @Prop() buttonId?: string = null;\n  /** HTML aria-label attribute. @category HTML attributes */\n  @Prop() arialabel?: string = null;\n  /** HTML aria-labelledby attribute. @category HTML attributes */\n  @Prop() arialabelledby?: string = null;\n  /** HTML aria-current attribute. @since v7.9.0 @category HTML attributes */\n  @Prop() ariacurrent?: string = null;\n  /** HTML aria-controls attribute. @category HTML attributes */\n  @Prop() ariacontrols?: string = null;\n  /** HTML aria-pressed attribute. @category HTML attributes */\n  @Prop() ariapressed?: string = null;\n  /** HTML aria-haspopup attribute. @category HTML attributes */\n  @Prop() ariahaspopup?: string = null;\n  /** HTML aria-expanded attribute. @category HTML attributes */\n  @Prop() ariaexpanded?: string = null;\n  /** HTML tabindex. @category HTML attributes */\n  @Prop() noTab?: boolean = false;\n\n  @Watch('tooltipOpen')\n  openHandler() {\n    if (this.tooltipOpen) this.checkTooltipPosition();\n  }\n\n  @Watch('tooltip')\n  iconOnlyHandler() {\n    this.checkTooltipPosition();\n    if (this.tooltip) this.initTooltip();\n    else this.removeTooltip();\n  }\n\n  /**\n   * This event is fired when the `button`/`a` element of the `pn-button` is clicked.\n   * Setting an eventListener for `click` on the `pn-button` will trigger if you click outside of the button area\n   * or if the button is `disabled` with the `loading` prop.\n   * @since v7.4.0\n   **/\n  @Event() pnClick: EventEmitter<MouseEvent>;\n\n  componentWillLoad() {\n    this.tooltipUpwards = this.tooltipUp;\n  }\n\n  componentDidLoad() {\n    this.iconOnlyHandler();\n  }\n\n  getRect(element: HTMLElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  initTooltip() {\n    this.eventListeners.forEach(e => this.buttonEl.addEventListener(e, this.toggleTooltip));\n  }\n\n  removeTooltip() {\n    this.eventListeners.forEach(e => this.buttonEl.removeEventListener(e, this.toggleTooltip));\n  }\n\n  toggleTooltip = (event: MouseEvent | FocusEvent) => {\n    this.tooltipOpen = this.openEvents.includes(event.type);\n  };\n\n  setTooltipOffset() {\n    this.tooltipEl.style.setProperty('--pn-dx', `${this.tooltipDx}px`);\n  }\n\n  checkTooltipPosition() {\n    this.tooltipEl.style.transform = 'translateX(-50%)';\n    this.tooltipUpwards = this.tooltipUp;\n\n    requestAnimationFrame(() => {\n      const { top, x, y, right, height } = this.getRect(this.tooltipEl);\n      const extraMargin = 16;\n      this.tooltipDx = 0;\n\n      this.tooltipUpwards = this.tooltipUp ? top > height : y + height > window.innerHeight;\n      this.tooltipEl.style.transform = '';\n\n      if (x < 0) this.tooltipDx = x * -1 + extraMargin;\n      if (right > window.innerWidth) this.tooltipDx = window.innerWidth - right - extraMargin - 8;\n\n      requestAnimationFrame(() => this.setTooltipOffset());\n    });\n  }\n\n  getAttributes() {\n    const attrs = this.href\n      ? {\n          'href': this.href,\n          'rel': !this.rel && this.target === '_blank' ? 'noopener' : this.rel,\n          'target': this.target ?? null,\n          'download': this.download ?? null,\n          'aria-current': this.ariacurrent,\n          'aria-disabled': this.loading ? 'true' : null,\n        }\n      : {\n          'type': this.type,\n          'form': this.form,\n          'disabled': this.loading,\n          'aria-pressed': this.ariapressed,\n          'aria-controls': this.ariacontrols,\n          'aria-haspopup': this.ariahaspopup,\n          'aria-expanded': this.ariaexpanded,\n        };\n\n    const appearances: PnButtonAppearance[] = ['light', 'warning'];\n    const variations: PnButtonVariant[] = ['borderless', 'outlined'];\n\n    return {\n      'tabindex': this.noTab || (this.href && this.loading) ? '-1' : null,\n      'data-small': this.small,\n      'data-loading': this.loading,\n      'data-tooltip-open': this.tooltipOpen,\n      'data-tooltip-upwards': this.tooltipUpwards,\n      'data-icon-only': this.showIconOnly(),\n      'data-left-icon': this.leftIcon,\n      'data-appearance': appearances.includes(this.appearance) ? this.appearance : null,\n      'data-variant': variations.includes(this.variant) ? this.variant : null,\n      ...attrs,\n    };\n  }\n\n  getTagName() {\n    return this.href ? 'a' : 'button';\n  }\n\n  showIconOnly(): boolean {\n    return !!this.icon && this.iconOnly && !!(this.tooltip || this.arialabel || this.arialabelledby);\n  }\n\n  handleClick(event: MouseEvent) {\n    ripple(event, this.hostElement, '.pn-button-bg');\n    this.pnClick.emit(event);\n  }\n\n  render() {\n    const TagName = this.getTagName();\n\n    return (\n      <Host>\n        <TagName\n          class=\"pn-button\"\n          id={this.buttonId}\n          aria-label={this.arialabel}\n          aria-labelledby={this.arialabelledby}\n          onClick={e => this.handleClick(e)}\n          {...this.getAttributes()}\n          ref={(el: HTMLElement) => (this.buttonEl = el)}\n        >\n          <div class=\"pn-button-bg\"></div>\n          <div class=\"pn-button-content\">\n            <div class=\"pn-button-text\" hidden={this.showIconOnly()}>\n              {this.label}\n              <slot />\n            </div>\n            {!!this.icon && <pn-icon icon={this.icon} />}\n          </div>\n          <pn-spinner light />\n\n          <div class=\"pn-button-tooltip\" hidden={!this.tooltip} ref={el => (this.tooltipEl = el)}>\n            <span class=\"pn-button-tooltip-text\">{this.tooltip}</span>\n          </div>\n        </TagName>\n      </Host>\n    );\n  }\n}\n","@use 'src/globals/main';\n\npn-spinner {\n  display: inline-block;\n}\n\npn-spinner .pn-spinner {\n  --pn-spinner-size: 1.5em;\n  --pn-spinner-color: main.$blue700;\n\n  height: var(--pn-spinner-size);\n  width: var(--pn-spinner-size);\n  display: block;\n\n  animation: rotate 1s infinite;\n  animation-timing-function: main.$easing;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation-duration: 2s;\n  }\n\n  &-circle {\n    stroke: var(--pn-spinner-color);\n    transform-origin: center center;\n    transform: rotate(-310deg);\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-dasharray: 64;\n    animation: loading 2s infinite;\n    animation-timing-function: main.$easing;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation-duration: 4s;\n    }\n  }\n\n  &-dot {\n    fill: var(--pn-spinner-color);\n  }\n}\n\n@keyframes loading {\n  0% {\n    stroke-dashoffset: 55;\n  }\n  50% {\n    stroke-dashoffset: 12;\n  }\n  100% {\n    stroke-dashoffset: 55;\n  }\n}\n\n@keyframes rotate {\n  from {\n    transform: rotate(-180deg) scaleX(-1);\n  }\n  to {\n    transform: rotate(180deg) scaleX(-1);\n  }\n}\n","import { Component, Element, Prop, h, Host } from '@stencil/core';\n\n/** Display a spinner to indicate a loading state. */\n@Component({\n  tag: 'pn-spinner',\n  styleUrl: 'pn-spinner.scss',\n})\nexport class PnSpinner {\n  @Element() hostElement: HTMLElement;\n\n  /** Light version of the spinner. */\n  @Prop() light: boolean = false;\n  /** Size in em. */\n  @Prop() size: number = 1.5;\n\n  private getColor() {\n    if (this.light) return '#fff';\n    return '#005d92';\n  }\n\n  private getSize() {\n    return `${this.size}em`;\n  }\n\n  render() {\n    return (\n      <Host>\n        <svg\n          class=\"pn-spinner\"\n          style={{ '--pn-spinner-size': this.getSize(), '--pn-spinner-color': this.getColor() }}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n        >\n          <circle class=\"pn-spinner-circle\" cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"3\" />\n          <circle class=\"pn-spinner-dot\" cx=\"21.3\" cy=\"16\" r=\"1.48\" />\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/umd/modules/@postnord/web-components/postnord-web-components/pn-card.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-card.entry.esm.js","sources":["src/components/navigation/pn-card/pn-card.scss?tag=pn-card","src/components/navigation/pn-card/pn-card.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-card {\n  position: relative;\n  display: block;\n}\n\npn-card .pn-card {\n  position: relative;\n\n  background-color: main.$white;\n  color: main.$gray900;\n\n  border-radius: 0.5em;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n\n  box-shadow:\n    0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11),\n    0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);\n\n  @include main.pn-focus-base;\n  @include main.pn-transition('background-color, outline-color');\n\n  &[data-link]:hover {\n    background-color: main.$blue50;\n  }\n\n  &[data-link][data-focus] {\n    @include main.pn-focus-visible;\n  }\n\n  /** If you use a `href`, hide the navigation slot. */\n  &[data-link] .pn-card-navigation > [slot='navigation'] {\n    display: none;\n  }\n\n  &[data-horizontal] {\n    flex-direction: row;\n    &[data-reverse] {\n      flex-direction: row-reverse;\n      .pn-card-picture {\n        clip-path: ellipse(100% 175% at right center);\n      }\n    }\n    .pn-card-content {\n      flex: 1 1 50%;\n    }\n    .pn-card-image {\n      flex: 1 1 50%;\n      flex-direction: row;\n    }\n\n    .pn-card-picture {\n      width: 100%;\n      clip-path: ellipse(100% 175% at left center);\n    }\n  }\n\n  &[data-reverse] {\n    flex-direction: column-reverse;\n    .pn-card-picture {\n      clip-path: ellipse(175% 100% at bottom center);\n    }\n  }\n\n  &-header {\n    display: flex;\n    flex-direction: column;\n    gap: clamp(0.5em, 5vw, 0.75em);\n  }\n\n  &-label {\n    font-size: clamp(1.125em, 5vw, 1.5em);\n    font-weight: 700;\n    margin: 0;\n    &-overline {\n      color: main.$gray700;\n      font-size: 0.875em;\n      font-weight: 400;\n      margin: 0;\n    }\n  }\n\n  &-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25em;\n\n    color: main.$blue700;\n    text-decoration-color: transparent;\n    -webkit-tap-highlight-color: transparent;\n\n    @include main.pn-transition('color, text-decoration-color');\n\n    &:hover {\n      color: main.$blue900;\n      text-decoration-color: main.$blue900;\n      > pn-icon > .pn-icon-svg > path {\n        fill: main.$blue900;\n      }\n    }\n\n    &:focus {\n      outline: 0;\n      color: main.$blue900;\n      text-decoration-color: main.$blue900;\n      > pn-icon > .pn-icon-svg > path {\n        fill: main.$blue900;\n      }\n    }\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &-content {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    flex: 1;\n    gap: clamp(0.5em, 5vw, 0.75em);\n    padding: clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em);\n  }\n\n  &-section {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5em;\n    color: main.$gray700;\n\n    &-paragraph,\n    p {\n      margin: 0 0 0.25em;\n      &:last-child {\n        margin: 0em;\n      }\n    }\n  }\n\n  &-navigation {\n    margin-top: auto;\n    padding-top: clamp(0.5em, 5vw, 0.75em);\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0.5em;\n\n    > pn-button {\n      flex: 1 1 12em;\n    }\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &-image {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n\n  &-picture {\n    margin: 0;\n    padding: 0;\n    display: block;\n    overflow: hidden;\n    clip-path: ellipse(175% 100% at top center);\n    aspect-ratio: var(--pn-card-aspect-ratio);\n\n    &:empty {\n      display: none;\n    }\n    > *[slot='image'] {\n      display: block;\n      height: 100%;\n      width: 100%;\n      object-fit: cover;\n    }\n  }\n\n  &-tags {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0.5em;\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  > {\n    @include main.pn-ripple(main.$blue700);\n  }\n}\n","import { Host, Component, Prop, h, Element, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { arrow_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\nimport { ripple, uuidv4 } from '@/index';\n\n/**\n * The card component is more than just a navigational element.\n * It is a flexible component that can be used as a product item, a clickable link card, etc...\n *\n * Setting the `href` prop will transform the entire `pn-card` into a clickable element.\n * If you need content to be interactable inside the card, do not use the `href` prop.\n *\n * @slot - The default slot is the primary content of the card. This is the same area where the `text` prop is located.\n * @slot image - Set a custom image/svg/illustration. Simply use an `img` tag with the slot \"image\".\n * @slot tags - Add `pn-tags` that will be positioned above the `label` and `overline` if used.\n * @slot header - The header content, same area that the `label` and `overline` props will appear.\n * @slot navigation - This slot is intended for one or more `pn-button` components.\n * Only use **without** the `href` prop. Having both at the same time makes the component inaccessible.\n *\n * @since v7.12.0\n */\n@Component({\n  tag: 'pn-card',\n  styleUrl: 'pn-card.scss',\n})\nexport class PnCard {\n  private readonly id: string = `pn-card-${uuidv4()}`;\n  private idTitle: string = `${this.id}-title`;\n\n  @State() visibleOutline: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  /** Headline of the card. Will act as label for the link if there is no `href-label` set. */\n  @Prop() label: string;\n  /** The label HTML tag. Default is `h3`. */\n  @Prop() labelTag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' = 'h3';\n  /** Set a smaller text above the `label` text. */\n  @Prop() overline?: string;\n  /** Text content of the card. */\n  @Prop() text?: string;\n  /** Set a HTML id for the card. Optional and not required. */\n  @Prop() cardId?: string = null;\n\n  /**\n   * Uee the horizontal card layout.\n   * @category Features\n   * */\n  @Prop() horizontal?: boolean = false;\n  /** Reverse the order of which the image will wrap. @category Features */\n  @Prop() reverse?: boolean = false;\n  /**\n   * Select image aspect ratio. Example: '3/3', '16/9'.\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio CSS documentation.}\n   * @category Features\n   * */\n  @Prop() aspectRatio?: string | '3/3' | '16/9' = '';\n\n  /** The card link. @category Href */\n  @Prop() href?: string;\n  /** The link text. @category Href */\n  @Prop() hrefLabel?: string;\n  /** The target attribute of the link. @category Href */\n  @Prop() target?: string;\n  /** The rel attribute of the link. @category Href */\n  @Prop() rel?: string = 'noopener noreferrer';\n  /** The link icon. Defaults to `arrow_right` or `open_in_new` if `target=\"_blank\"`. @category Href */\n  @Prop() icon?: string = null;\n\n  @Watch('cardId')\n  watchCardId() {\n    const id = this.cardId || this.id;\n    this.idTitle = `${id}-title`;\n  }\n\n  /** Emitted when you click on the card link (if you use the `href` prop). */\n  @Event() pnCard: EventEmitter<{ click: MouseEvent }>;\n\n  componentWillLoad() {\n    this.watchCardId();\n  }\n\n  private isExternal() {\n    return this.target === '_blank';\n  }\n\n  private showTitle() {\n    return !!this.label;\n  }\n\n  private showHref() {\n    return !!this.href && (this.hrefLabel || this.showTitle());\n  }\n\n  private getTitleId() {\n    return this.hrefLabel ? null : this.idTitle;\n  }\n\n  private getLabelledby() {\n    return this.hrefLabel ? null : this.showTitle() ? this.idTitle : null;\n  }\n\n  private getIcon() {\n    if (!!this.icon) return this.icon;\n    return this.isExternal() ? open_in_new : arrow_right;\n  }\n\n  private getHeadingTag() {\n    const tags = ['h2', 'h3', 'h4', 'h5', 'h6', 'p'];\n    return tags.includes(this.labelTag) ? this.labelTag : 'h3';\n  }\n\n  private handleFocus({ type, target }: FocusEvent) {\n    this.visibleOutline = type === 'focus' && (target as HTMLLinkElement).matches(':focus-visible');\n  }\n\n  private handleClick(event: MouseEvent) {\n    ripple(event, this.hostElement, '.pn-card');\n    this.pnCard.emit({ click: event });\n  }\n\n  render() {\n    const TitleTag = this.getHeadingTag();\n\n    return (\n      <Host>\n        <article\n          id={this.cardId}\n          class=\"pn-card\"\n          data-link={!!this.href}\n          data-horizontal={this.horizontal}\n          data-reverse={this.reverse}\n          data-focus={this.visibleOutline}\n        >\n          <div class=\"pn-card-image\">\n            <picture class=\"pn-card-picture\" style={{ '--pn-card-aspect-ratio': this.aspectRatio || 'unset' }}>\n              <slot name=\"image\"></slot>\n            </picture>\n          </div>\n          <div class=\"pn-card-content\">\n            <header class=\"pn-card-header\">\n              <div class=\"pn-card-tags\">\n                <slot name=\"tags\"></slot>\n              </div>\n              {!!this.overline && <p class=\"pn-card-label-overline\">{this.overline}</p>}\n              {!!this.label && (\n                <TitleTag id={this.getTitleId()} class=\"pn-card-label\">\n                  {this.label}\n                </TitleTag>\n              )}\n              <slot name=\"header\"></slot>\n            </header>\n            <section class=\"pn-card-section\">\n              {!!this.text && <p class=\"pn-card-section-paragraph\">{this.text}</p>}\n              <slot></slot>\n            </section>\n            <nav class=\"pn-card-navigation\">\n              {this.showHref() && (\n                <a\n                  class=\"pn-card-link\"\n                  href={this.href}\n                  target={this.target}\n                  rel={this.rel}\n                  aria-labelledby={this.getLabelledby()}\n                  onClick={event => this.handleClick(event)}\n                  onFocus={event => this.handleFocus(event)}\n                  onBlur={event => this.handleFocus(event)}\n                >\n                  {this.hrefLabel}\n                  <pn-icon color=\"blue700\" icon={this.getIcon()} />\n                </a>\n              )}\n              <slot name=\"navigation\"></slot>\n            </nav>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAAA,MAAM,SAAS,GAAG,25HAA25H;;MCwBh6H,MAAM,GAAA,MAAA;;;;;AACA,IAAA,EAAE,GAAW,CAAA,QAAA,EAAW,MAAM,EAAE,EAAE;AAC3C,IAAA,OAAO,GAAW,CAAG,EAAA,IAAI,CAAC,EAAE,QAAQ;IAEnC,cAAc,GAAY,KAAK;;;AAKhC,IAAA,KAAK;;IAEL,QAAQ,GAA4C,IAAI;;AAExD,IAAA,QAAQ;;AAER,IAAA,IAAI;;IAEJ,MAAM,GAAY,IAAI;AAE9B;;;AAGK;IACG,UAAU,GAAa,KAAK;;IAE5B,OAAO,GAAa,KAAK;AACjC;;;;AAIK;IACG,WAAW,GAA6B,EAAE;;AAG1C,IAAA,IAAI;;AAEJ,IAAA,SAAS;;AAET,IAAA,MAAM;;IAEN,GAAG,GAAY,qBAAqB;;IAEpC,IAAI,GAAY,IAAI;IAG5B,WAAW,GAAA;QACT,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,EAAE;AACjC,QAAA,IAAI,CAAC,OAAO,GAAG,CAAG,EAAA,EAAE,QAAQ;;;AAIrB,IAAA,MAAM;IAEf,iBAAiB,GAAA;QACf,IAAI,CAAC,WAAW,EAAE;;IAGZ,UAAU,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ;;IAGzB,SAAS,GAAA;AACf,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK;;IAGb,QAAQ,GAAA;AACd,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;;IAGpD,UAAU,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,OAAO;;IAGrC,aAAa,GAAA;QACnB,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI;;IAG/D,OAAO,GAAA;AACb,QAAA,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC,IAAI;AACjC,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE,GAAG,WAAW,GAAG,WAAW;;IAG9C,aAAa,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC;AAChD,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI;;AAGpD,IAAA,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAc,EAAA;AAC9C,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,KAAK,OAAO,IAAK,MAA0B,CAAC,OAAO,CAAC,gBAAgB,CAAC;;AAGzF,IAAA,WAAW,CAAC,KAAiB,EAAA;QACnC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;QAC3C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;;IAGpC,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE;QAErC,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CACE,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,KAAK,EAAC,SAAS,EACJ,WAAA,EAAA,CAAC,CAAC,IAAI,CAAC,IAAI,EAAA,iBAAA,EACL,IAAI,CAAC,UAAU,EAAA,cAAA,EAClB,IAAI,CAAC,OAAO,EAAA,YAAA,EACd,IAAI,CAAC,cAAc,EAAA,EAE/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,wBAAwB,EAAE,IAAI,CAAC,WAAW,IAAI,OAAO,EAAE,EAAA,EAC/F,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,CAClB,CACN,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC5B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAQ,CACrB,EACL,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,wBAAwB,EAAA,EAAE,IAAI,CAAC,QAAQ,CAAK,EACxE,CAAC,CAAC,IAAI,CAAC,KAAK,KACX,CAAC,CAAA,QAAQ,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAC,eAAe,IACnD,IAAI,CAAC,KAAK,CACF,CACZ,EACD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACpB,EACT,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC7B,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,2BAA2B,EAAA,EAAE,IAAI,CAAC,IAAI,CAAK,EACpE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACL,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC5B,IAAI,CAAC,QAAQ,EAAE,KACd,CACE,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,qBACI,IAAI,CAAC,aAAa,EAAE,EACrC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAA,EAEvC,IAAI,CAAC,SAAS,EACf,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,EAAI,CAAA,CAC/C,CACL,EACD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAA,CAAQ,CAC3B,CACF,CACE,CACL;;;;;;;;;;"}

package/umd/modules/@postnord/web-components/postnord-web-components/pn-checkbox.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-checkbox.entry.esm.js","sources":["src/components/input/pn-checkbox/pn-checkbox.scss?tag=pn-checkbox","src/components/input/pn-checkbox/pn-checkbox.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-checkbox {\n  position: relative;\n  display: inline-block;\n}\n\npn-checkbox .pn-checkbox {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n\n  &-label {\n    cursor: pointer;\n    color: main.$label-color;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  &-helpertext {\n    color: main.$helpertext-color;\n    margin: 0 0 0.5em 0;\n    &:last-child {\n      margin: 0;\n    }\n  }\n\n  &-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    font-weight: 400;\n    line-height: 1.5;\n    flex: 1;\n    margin: 0 0 0 0.75em;\n  }\n\n  &-outer {\n    width: 1.5em;\n    height: 1.5em;\n    background-color: main.$input-background;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    border: main.$input-border;\n    border-radius: 0.25em;\n\n    @include main.pn-focus-base();\n    @include main.pn-transition('outline-color, border-color, background-color');\n  }\n\n  &-svg {\n    width: 1.25em;\n    fill: none;\n\n    &-line {\n      stroke: main.$white;\n      transform-origin: 0 0;\n      stroke-linecap: round;\n      stroke-dasharray: 23;\n      stroke-dashoffset: 23;\n      @include main.pn-transition('stroke-dashoffset');\n      transition-delay: 0s;\n    }\n  }\n\n  &[data-tile] {\n    position: relative;\n    background-color: main.$input-background;\n    border: main.$input-border;\n    border-radius: main.$input-border-radius;\n    padding: 1em;\n\n    @include main.pn-focus-base();\n    @include main.pn-transition('outline-color, background-color, border-color');\n\n    &[data-invalid] {\n      border-color: main.$border-color-error;\n    }\n  }\n\n  &[data-invalid] .pn-checkbox-outer {\n    border-color: main.$border-color-error;\n  }\n\n  &-container {\n    flex: 1 1 100%;\n    overflow: hidden;\n    visibility: hidden;\n    &[data-open] {\n      visibility: visible;\n      overflow: unset;\n    }\n    &[data-moving] {\n      visibility: visible;\n      overflow: hidden;\n    }\n  }\n\n  &-area {\n    padding: 0.75em 0 0 2.25em;\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    gap: 1em;\n  }\n\n  > pn-icon {\n    margin-left: 0.75em;\n  }\n}\n\npn-checkbox > input {\n  cursor: pointer;\n  opacity: 0;\n  position: absolute;\n  margin: 0;\n  z-index: 1;\n  top: 0;\n  left: 0;\n\n  font-size: 1em;\n  width: 1.5em;\n  height: 1.5em;\n  -webkit-tap-highlight-color: transparent;\n\n  &[data-tile]:not([data-expand]) {\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-expand] {\n    top: 1em;\n    left: 1em;\n  }\n\n  &[aria-describedby] + .pn-checkbox[data-tile] .pn-checkbox-label {\n    font-weight: 500;\n  }\n\n  &:hover + .pn-checkbox {\n    > .pn-checkbox-outer {\n      background-color: main.$input-button-background-hover;\n      border-color: main.$border-color-default-active;\n    }\n    &[data-tile] {\n      background-color: main.$input-button-background-hover;\n      border-color: main.$border-color-default-hover;\n      &[data-invalid] {\n        background-color: main.$input-background-error-hover;\n        border-color: main.$border-color-error;\n      }\n    }\n    &[data-invalid] > .pn-checkbox-outer {\n      background-color: main.$input-background-error-hover;\n      border-color: main.$border-color-error;\n    }\n  }\n\n  &:focus-visible + .pn-checkbox {\n    > .pn-checkbox-outer {\n      @include main.pn-focus-visible(main.$border-color-default-focus);\n    }\n    &[data-tile] {\n      @include main.pn-focus-visible(main.$border-color-default-focus, null, main.$border-color-default-focus);\n      &[data-invalid] {\n        @include main.pn-focus-visible(main.$border-color-error, null, main.$border-color-error);\n        > .pn-checkbox-outer {\n          @include main.pn-focus-visible(transparent);\n        }\n      }\n      > .pn-checkbox-outer {\n        @include main.pn-focus-visible(transparent);\n      }\n    }\n    &[data-invalid] > .pn-checkbox-outer {\n      @include main.pn-focus-visible(main.$border-color-error);\n    }\n  }\n\n  &:checked {\n    + .pn-checkbox {\n      > .pn-checkbox-outer {\n        background-color: main.$input-button-background-box-active;\n        border-color: main.$border-color-default-active;\n\n        .pn-checkbox-svg > {\n          .pn-checkbox-svg-indeterminate {\n            stroke-dashoffset: 23;\n          }\n          .pn-checkbox-svg-checkmark {\n            transition-delay: main.$timing;\n            stroke-dashoffset: 0;\n          }\n        }\n      }\n\n      &[data-tile] {\n        background-color: main.$input-button-background-active;\n        border-color: main.$border-color-default-active;\n        &[data-invalid] {\n          background-color: main.$input-background-error-active;\n          border-color: main.$border-color-error-active;\n        }\n      }\n\n      &[data-invalid] > .pn-checkbox-outer {\n        background-color: main.$input-button-active-error;\n        border-color: main.$border-color-error;\n      }\n    }\n\n    &:hover + .pn-checkbox {\n      &[data-tile] {\n        border-color: main.$input-button-active-hover;\n      }\n      > .pn-checkbox-outer {\n        background-color: main.$input-button-active-focus;\n        border-color: main.$input-button-active-focus;\n      }\n      &[data-invalid] {\n        border-color: main.$input-button-active-error-focus;\n        > .pn-checkbox-outer {\n          background-color: main.$input-button-active-error-focus;\n          border-color: main.$input-button-active-error-focus;\n        }\n      }\n    }\n  }\n\n  &:indeterminate {\n    + .pn-checkbox {\n      > .pn-checkbox-outer {\n        background-color: main.$input-button-background-box-active;\n        border-color: main.$input-button-background-box-active;\n        .pn-checkbox-svg > {\n          .pn-checkbox-svg-checkmark {\n            stroke-dashoffset: 23;\n          }\n          .pn-checkbox-svg-indeterminate {\n            stroke-dashoffset: 0;\n          }\n        }\n      }\n\n      &[data-invalid] > .pn-checkbox-outer {\n        background-color: main.$input-button-active-error;\n        border-color: main.$border-color-error;\n      }\n    }\n\n    &:hover + .pn-checkbox {\n      > .pn-checkbox-outer {\n        background-color: main.$input-button-active;\n        border-color: main.$input-button-active;\n      }\n      &[data-invalid] > .pn-checkbox-outer {\n        background-color: main.$input-button-active-error-hover;\n        border-color: main.$border-color-error-hover;\n      }\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    + .pn-checkbox {\n      .pn-checkbox-label {\n        pointer-events: none;\n      }\n      > .pn-checkbox-outer {\n        background-color: main.$input-background-disabled;\n        border-color: main.$border-color-default;\n      }\n\n      &[data-tile] {\n        background-color: main.$input-background-disabled;\n        border-color: main.$border-color-disabled;\n        > pn-icon > .pn-icon-svg path {\n          fill: main.$input-color-disabled;\n        }\n        > .pn-checkbox-content > .pn-checkbox-label {\n          color: main.$input-color-disabled;\n        }\n      }\n    }\n\n    &:checked + .pn-checkbox > .pn-checkbox-outer {\n      background-color: main.$input-button-disabled;\n      border-color: main.$input-border-disabled;\n    }\n\n    &:indeterminate + .pn-checkbox > .pn-checkbox-outer {\n      background-color: main.$input-button-disabled;\n      border-color: main.$input-border-disabled;\n    }\n  }\n}\n","import { uuidv4 } from '@/globals/helpers';\nimport { Component, Element, h, Host, Prop, Watch, Mixin } from '@stencil/core';\nimport { animateHeightFactory } from '@/globals/mixins';\n\n/**\n * The `pn-checkbox` is built with a native `input[type=\"checkbox\"]` in the background.\n * This means you can use native events to listen to the changes.\n *\n * @nativeChange Use the `change` event to listen when the checkbox state is being toggled.\n *\n * @slot - The default slot for adding custom HTML under the label/helpertext. {@since v7.17.0}\n * @slot helpertext - Use this slot to add custom HTML inside of the helpertext element.\n * Only recommended if you need a link without the `tile` prop. {@since v7.17.0}\n * @slot content - When using the `tile` and `expand` props, this slot will be revealed when the input is checked. {@since v7.17.0}\n */\n@Component({\n  tag: 'pn-checkbox',\n  styleUrl: 'pn-checkbox.scss',\n})\nexport class PnCheckbox extends Mixin(animateHeightFactory) {\n  private readonly id: string = `pn-checkbox-${uuidv4()}`;\n  private idHelpertext: string = `${this.id}-helpertext`;\n\n  private contentArea: HTMLElement;\n\n  @Element() hostElement: HTMLElement;\n\n  /** The checkbox label */\n  @Prop() label?: string;\n  /** This adds an optional helpertext under the label. */\n  @Prop() helpertext?: string;\n\n  /** This will be emitted on change and input events. */\n  @Prop({ reflect: true }) value!: string;\n  /** The name of the checkbox group. */\n  @Prop() name?: string;\n  /** Check the checkbox. */\n  @Prop({ mutable: true }) checked?: boolean = false;\n  /** A unique HTML ID for the checkbox. */\n  @Prop() checkboxid?: string = this.id;\n\n  /** Set the checkbox as required. @category State */\n  @Prop() required?: boolean = false;\n  /** Disable the checkbox. @category State */\n  @Prop() disabled?: boolean = false;\n  /** If set to true, color scheme will turn red, indicating that there is an issue or incorrect input related the checkbox. @category State */\n  @Prop() invalid?: boolean = false;\n  /** Sets the checkbox to an indeterminate state, allowing for a mixed or intermediate checkbox state. @category State */\n  @Prop({ mutable: true }) indeterminate: boolean = false;\n\n  /**\n   * Turn the checkbox into a clickable tile. A border and padding is added.\n   *\n   * **Do not** use interactive elements (links/buttons) inside of the slots when using this prop.\n   * An exception is made when using the `tile` + `expand` props together,\n   * which allows you to use interactive elements.\n   *\n   * @category Tile\n   */\n  @Prop() tile?: boolean = false;\n  /**\n   * Allow the checkbox to control the slot area \"content\".\n   * When checked, the area is visible, when unchecked, the area is hidden.\n   *\n   * The prop `tile` must be used at the same time.\n   * @see {@link tile}\n   * @since v7.17.0\n   * @category Tile\n   */\n  @Prop() expand?: boolean = false;\n  /**\n   * Add an icon on the right of your checkbox tile. The `tile` prop must be `true` for the icon to work.\n   * @see {@link tile}\n   * @category Tile\n   */\n  @Prop() icon?: string = null;\n\n  @Watch('checkboxid')\n  handleId() {\n    this.idHelpertext = `${this.checkboxid}-helpertext`;\n  }\n\n  @Watch('checked')\n  handleChecked() {\n    if (this.displayContent()) {\n      this.checked ? this.openDropdown(this.contentArea) : this.closeDropdown(this.contentArea);\n    }\n  }\n\n  componentWillLoad() {\n    this.handleId();\n  }\n\n  componentDidLoad() {\n    if (this.displayContent() && this.checked) {\n      requestAnimationFrame(() => this.openDropdown(this.contentArea));\n    }\n  }\n\n  private handleChange(e: Event) {\n    const { checked } = e.target as HTMLInputElement;\n    this.indeterminate = false;\n    this.checked = checked;\n  }\n\n  private isInvalid(): boolean {\n    return this.invalid && !this.disabled;\n  }\n\n  private displayText(): boolean {\n    return this.displayLabel() || this.displayHelpertext();\n  }\n\n  private displayLabel(): boolean {\n    return !!this.label;\n  }\n\n  private displayHelpertext(): boolean {\n    return !!(this.helpertext || this.hostElement.querySelector('[slot=\"helpertext\"]')?.textContent);\n  }\n\n  private displayIcon(): boolean {\n    return this.tile && !!this.icon;\n  }\n\n  private displayContent(): boolean {\n    return this.tile && this.expand;\n  }\n\n  render() {\n    return (\n      <Host>\n        <input\n          type=\"checkbox\"\n          id={this.checkboxid}\n          class=\"pn-checkbox-input\"\n          value={this.value}\n          name={this.name}\n          disabled={this.disabled}\n          checked={this.checked}\n          required={this.required}\n          indeterminate={this.indeterminate}\n          aria-invalid={this.isInvalid()?.toString()}\n          aria-describedby={this.helpertext && this.idHelpertext}\n          data-tile={this.tile}\n          data-expand={this.expand}\n          onChange={e => this.handleChange(e)}\n        />\n        <div class=\"pn-checkbox\" data-tile={this.tile} data-expand={this.expand} data-invalid={this.isInvalid()}>\n          <div class=\"pn-checkbox-outer\">\n            <svg class=\"pn-checkbox-svg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <polyline\n                class=\"pn-checkbox-svg-line pn-checkbox-svg-checkmark\"\n                points=\"4,12 9,17 20,6\"\n                stroke-width=\"3\"\n              />\n              <polyline\n                class=\"pn-checkbox-svg-line pn-checkbox-svg-indeterminate\"\n                points=\"4,12 20,12\"\n                stroke-width=\"3\"\n              />\n            </svg>\n          </div>\n\n          <p class=\"pn-checkbox-content\" hidden={!this.displayText()}>\n            <label htmlFor={this.checkboxid} class=\"pn-checkbox-label\" hidden={!this.displayLabel()}>\n              {this.label}\n            </label>\n            <span id={this.idHelpertext} class=\"pn-checkbox-helpertext\" hidden={!this.displayHelpertext()}>\n              {this.helpertext}\n              <slot name=\"helpertext\"></slot>\n            </span>\n            <slot></slot>\n          </p>\n\n          {this.displayIcon() && <pn-icon icon={this.icon} color=\"gray900\" />}\n\n          <div\n            class=\"pn-checkbox-container\"\n            data-open={this.checked}\n            hidden={!this.displayContent()}\n            style={{ height: '0px' }}\n            ref={el => (this.contentArea = el)}\n          >\n            <div class=\"pn-checkbox-area\">\n              <slot name=\"content\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/umd/modules/@postnord/web-components/postnord-web-components/pn-choice-chip.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-choice-chip.entry.esm.js","sources":["src/components/input/pn-choice-chip/pn-choice-chip.scss?tag=pn-choice-chip","src/components/input/pn-choice-chip/pn-choice-chip.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-choice-chip {\n  display: inline-block;\n}\n\npn-choice-chip .pn-choice-chip {\n  position: relative;\n  font-size: 1em;\n  font-weight: 500;\n  text-align: center;\n\n  &-container {\n    cursor: pointer;\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 0;\n    padding: 0.5em 1em;\n    border: main.$input-border;\n    border-radius: 0.5em;\n    background-color: main.$input-background;\n    @include main.pn-transition('border-color, outline-color, background-color, padding, gap');\n    @include main.pn-focus-base;\n\n    &[data-icon] {\n      gap: 0.25em;\n      padding-left: 0.75em;\n      &[data-small] {\n        padding-left: 0.5em;\n      }\n      &[data-large] {\n        padding-left: 1em;\n      }\n      > .pn-choice-chip-icon {\n        width: 1.5em;\n      }\n    }\n\n    &[data-small] {\n      padding: 0.25em 0.75em;\n      .pn-choice-chip-label {\n        line-height: 1.25em;\n        > span {\n          font-size: 0.875em;\n        }\n      }\n    }\n\n    &[data-large] {\n      padding: 0.625em 1.25em;\n    }\n  }\n\n  &-icon {\n    position: relative;\n    width: 0;\n    height: 1.5em;\n    @include main.pn-transition('width');\n    pn-icon {\n      opacity: 0;\n      transform: scale(0);\n      position: absolute;\n      top: 0;\n      left: 0;\n      @include main.pn-transition('transform, opacity');\n\n      &.pn-choice-chip-icon-user {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &-label {\n    color: main.$input-chip-color;\n    line-height: 1.5em;\n    @include main.pn-transition('color');\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    height: 100%;\n  }\n\n  > input {\n    position: absolute;\n    z-index: 1;\n    opacity: 0;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    cursor: pointer;\n\n    &:not(:checked) ~ .pn-choice-chip-container > .pn-choice-chip-icon > .pn-choice-chip-icon-user {\n      transform: scale(1);\n      opacity: 1;\n    }\n\n    &:hover ~ .pn-choice-chip-container {\n      background-color: main.$blue25;\n      border-color: main.$blue700;\n\n      .pn-choice-chip-icon {\n        &-user,\n        &-check {\n          .pn-icon-svg path {\n            fill: main.$blue700;\n          }\n        }\n      }\n\n      .pn-choice-chip-label {\n        color: main.$blue700;\n      }\n    }\n\n    &:checked {\n      ~ .pn-choice-chip-container {\n        gap: 0.25em;\n        background-color: main.$blue50;\n        border-color: main.$border-color-default-active;\n        > .pn-choice-chip-icon {\n          width: 1.5em;\n          stroke-dashoffset: 23;\n\n          > .pn-choice-chip-icon-check {\n            transform: scale(1);\n            opacity: 1;\n          }\n          > .pn-choice-chip-icon-user {\n            transform: scale(0);\n            opacity: 0;\n          }\n        }\n        > .pn-choice-chip-label {\n          color: main.$input-chip-color-active;\n        }\n      }\n      &:hover ~ .pn-choice-chip-container {\n        background-color: main.$blue25;\n        border-color: main.$input-button-active-hover;\n        > .pn-choice-chip-icon > .pn-choice-chip-icon-check path {\n          fill: main.$input-button-active;\n        }\n        > .pn-choice-chip-label {\n          color: main.$input-button-active;\n        }\n      }\n    }\n\n    &:focus-visible ~ .pn-choice-chip-container {\n      @include main.pn-focus-visible(main.$border-color-default-active);\n      border-color: main.$border-color-default-active;\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      &:active ~ .pn-choice-chip-container {\n        outline: none;\n      }\n      ~ .pn-choice-chip-container {\n        background-color: main.$input-background-disabled;\n        border-color: main.$border-color-disabled;\n        cursor: not-allowed;\n        .pn-choice-chip-label {\n          color: main.$input-color-disabled;\n          cursor: not-allowed;\n        }\n        pn-icon .pn-icon-svg path {\n          fill: main.$input-color-disabled;\n        }\n      }\n    }\n  }\n}\n","import { Component, Prop, h, Host, Element, State } from '@stencil/core';\nimport { uuidv4 } from '@/globals/helpers';\nimport { check } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * The `pn-choice-chip` is built with a native `input[type=\"checkbox|radio\"]` in the background.\n * This means you can use native events to listen to the changes.\n *\n * @nativeChange Use the `change` event to listen when the choice chip state is being toggled. Works for both checkbox/radio variant.\n */\n@Component({\n  tag: 'pn-choice-chip',\n  styleUrl: 'pn-choice-chip.scss',\n})\nexport class PnChoiceChip {\n  @Element() hostElement: HTMLElement;\n\n  @State() moving: boolean = false;\n\n  /** The choice chip label */\n  @Prop() label!: string;\n  /** This will be emitted on change and input */\n  @Prop({ reflect: true }) value!: string;\n  /** The name of the checkbox group */\n  @Prop() name?: string;\n  /** Precheck the choice chip */\n  @Prop({ mutable: true }) checked?: boolean = false;\n  /** Make the choice chip a radio */\n  @Prop() radio: boolean = false;\n  /** A unique HTML id */\n  @Prop() choiceid: string = `pn-choice-chip-${uuidv4()}`;\n\n  /** Include an icon */\n  @Prop() icon?: string;\n\n  /** Set the choice chip as required. @category State */\n  @Prop() required: boolean = false;\n  /** Disable the choice chip. @category State */\n  @Prop() disabled: boolean = false;\n\n  /** Set the size to small. @category Size */\n  @Prop() small: boolean = false;\n  /** Set the size to large. @category Size */\n  @Prop() large: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-choice-chip\">\n          <input\n            type={this.radio ? 'radio' : 'checkbox'}\n            id={this.choiceid}\n            value={this.value}\n            name={this.name}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n          />\n          <div class=\"pn-choice-chip-container\" data-icon={!!this.icon} data-small={this.small} data-large={this.large}>\n            <div class=\"pn-choice-chip-icon\">\n              <pn-icon color=\"blue700\" class=\"pn-choice-chip-icon-check\" icon={check} />\n              {!!this.icon && <pn-icon color=\"blue700\" class=\"pn-choice-chip-icon-user\" icon={this.icon} />}\n            </div>\n            <label class=\"pn-choice-chip-label\" htmlFor={this.choiceid}>\n              <span>{this.label}</span>\n              <slot />\n            </label>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,43JAA43J;;MCcv4J,YAAY,GAAA,MAAA;;;;;IAGd,MAAM,GAAY,KAAK;;AAGxB,IAAA,KAAK;;AAEY,IAAA,KAAK;;AAEtB,IAAA,IAAI;;IAEa,OAAO,GAAa,KAAK;;IAE1C,KAAK,GAAY,KAAK;;AAEtB,IAAA,QAAQ,GAAW,CAAA,eAAA,EAAkB,MAAM,EAAE,EAAE;;AAG/C,IAAA,IAAI;;IAGJ,QAAQ,GAAY,KAAK;;IAEzB,QAAQ,GAAY,KAAK;;IAGzB,KAAK,GAAY,KAAK;;IAEtB,KAAK,GAAY,KAAK;IAE9B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzB,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,UAAU,EACvC,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,CAAA,EACF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,0BAA0B,EAAY,WAAA,EAAA,CAAC,CAAC,IAAI,CAAC,IAAI,EAAA,YAAA,EAAc,IAAI,CAAC,KAAK,EAAc,YAAA,EAAA,IAAI,CAAC,KAAK,EAAA,EAC1G,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,2BAA2B,EAAC,IAAI,EAAE,KAAK,EAAI,CAAA,EACzE,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,0BAA0B,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACzF,EACN,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAA,EACxD,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAQ,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,CACJ,CACF,CACD;;;;;;;"}