https://www.postnord.com/dist/client/pn-button_2.entry-20261001.js

1var u=Object.defineProperty;var b=(o,e,i)=>e in o?u(o,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):o[e]=i;var n=(o,e,i)=>b(o,typeof e!="symbol"?e+"":e,i);import{r as l,c as f,g as c,h as a,H as d,t}from"./client-20261001.js";import{r as h}from"./index-202610013.js";import"./preload-helper-20261001.js";import"./helpers-20261001.js";import"./index-20261001.js";import"./index-202610012.js";/*!
2 * Built with Stencil
3 * By PostNord.
4 */const g=()=>`${t("pn-button")}{display:inline-block}${t("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){${t("pn-button")} .pn-button{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-button")} .pn-button:focus-visible{outline-color:#005d92}${t("pn-button")} .pn-button:disabled,${t("pn-button")} .pn-button[aria-disabled]{cursor:auto;pointer-events:none}${t("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){${t("pn-button")} .pn-button-content{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button-content{transition-delay:0.2s}${t("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){${t("pn-button")} .pn-button-bg{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button-bg{transition-delay:0.2s, 0s, 0s}${t("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){${t("pn-button")} .pn-button-bg::after{transition-duration:0s;transition-delay:0s}}${t("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}}${t("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){${t("pn-button")} .pn-button-tooltip{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button-tooltip-text{font-size:0.875em;font-weight:300}${t("pn-button")} .pn-button ${t("pn-icon")}{flex-shrink:0}${t("pn-button")} .pn-button ${t("pn-icon")} .pn-icon-svg path{fill:#ffffff}${t("pn-button")} .pn-button ${t("pn-spinner")}{position:absolute;transform:scale(0)}${t("pn-button")} .pn-button:hover .pn-button-bg:after,${t("pn-button")} .pn-button:focus .pn-button-bg:after{transform:translateX(0)}${t("pn-button")} .pn-button[data-appearance=light]{color:#005d92}${t("pn-button")} .pn-button[data-appearance=light] ${t("pn-icon")}

4 .pn-icon-svg path{fill:#005d92}${t("pn-button")} .pn-button[data-appearance=light] ${t("pn-spinner")} .pn-spinner-circle{stroke:#005d92}${t("pn-button")} .pn-button[data-appearance=light] ${t("pn-spinner")} .pn-spinner-dot{fill:#005d92}${t("pn-button")} .pn-button[data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}${t("pn-button")} .pn-button[data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}${t("pn-button")} .pn-button[data-appearance=light] .pn-button-bg .pn-ripple{background-color:#005d92}${t("pn-button")} .pn-button[data-appearance=warning]{color:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] ${t("pn-icon")} .pn-icon-svg path{fill:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] ${t("pn-spinner")} .pn-spinner-circle{stroke:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] ${t("pn-spinner")} .pn-spinner-dot{fill:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] .pn-button-bg{border:0.0625em solid #a70707;background-color:#fdefee}${t("pn-button")} .pn-button[data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${t("pn-button")} .pn-button[data-appearance=warning]:hover,${t("pn-button")} .pn-button[data-appearance=warning]:focus{color:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]:hover ${t("pn-icon")} .pn-icon-svg path,${t("pn-button")} .pn-button[data-appearance=warning]:focus ${t("pn-icon")} .pn-icon-svg path{fill:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]:hover ${t("pn-spinner")} .pn-spinner-circle,${t("pn-button")} .pn-button[data-appearance=warning]:focus ${t("pn-spinner")} .pn-spinner-circle{stroke:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]:hover ${t("pn-spinner")} .pn-spinner-dot,${t("pn-button")} .pn-button[data-appearance=warning]:focus ${t("pn-spinner")} .pn-spinner-dot{fill:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-button")} .pn-button[data-appearance=warning]:focus-visible{outline-color:#a70707}${t("pn-button")} .pn-button[data-variant=borderless] .pn-button-bg{border:none;background-color:transparent}${t("pn-button")} .pn-button[data-variant=borderless] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}${t("pn-button")} .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}${t("pn-button")} .pn-button[data-variant=borderless][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${t("pn-button")} .pn-button[data-variant=outlined] .pn-button-bg{border:0.0625em solid #ffffff;background-color:transparent}${t("pn-button")} .pn-button[data-variant=outlined] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg:after{background-color:#00a0d6;opacity:0.1}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg{border-color:#a70707}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${t("pn-button")} .pn-button[data-left-icon] .pn-button-content{flex-direction:row-reverse}${t("pn-button")} .pn-button[data-icon-only]{width:3em;min-width:0}${t("pn-button")} .pn-button[data-icon-only][data-small]{width:2em;min-width:0;padding:0}${t("pn-button")} .pn-button[data-small]{padding:0.375em 1em;min-height:2em;min-width:unset;line-height:1.25em}${t("pn-button")} .pn-button[data-small] .pn-button-content{gap:0.25em}${t("pn-button")} .pn-button[data-small] .pn-button-text{font-size:0.875em}${t("pn-button")} .pn-button[data-small] ${t("pn-icon")} .pn-icon-svg{height:1.25em;width:1.25em}${t("pn-button")} .pn-button[data-tooltip-open] .pn-button-tooltip{opacity:1}${t("pn-button")} .pn-button[data-tooltip-upwards] .pn-button-tooltip{top:auto;bottom:calc(100% + 0.35em)}

4${t("pn-button")} .pn-button[data-loading] ${t("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){${t("pn-button")} .pn-button[data-loading] ${t("pn-spinner")}{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button[data-loading] ${t("pn-spinner")}{transition-delay:0.2s}${t("pn-button")} .pn-button[data-loading] .pn-button-content{pointer-events:none;opacity:0;transition-delay:0s;transform:translateY(100%)}${t("pn-button")} .pn-button[data-loading] .pn-button-bg{width:3em}${t("pn-button")} .pn-button[data-loading][data-small] .pn-button-bg{width:2em}`,m=class{constructor(o){n(this,"buttonEl");n(this,"tooltipEl");n(this,"tooltipDx");n(this,"openEvents",["mouseover","focus"]);n(this,"closeEvents",["mouseleave","blur","touchcancel","touchleave"]);n(this,"eventListeners",[...this.openEvents,...this.closeEvents]);n(this,"tooltipOpen",!1);n(this,"tooltipUpwards",!1);n(this,"label","");n(this,"appearance","");n(this,"variant","");n(this,"small",!1);n(this,"loading",!1);n(this,"icon");n(this,"iconOnly",!1);n(this,"leftIcon",!1);n(this,"tooltip");n(this,"tooltipUp",!1);n(this,"type","button");n(this,"form");n(this,"href");n(this,"rel");n(this,"target");n(this,"download");n(this,"buttonId",null);n(this,"arialabel",null);n(this,"arialabelledby",null);n(this,"ariacurrent",null);n(this,"ariacontrols",null);n(this,"ariapressed",null);n(this,"ariahaspopup",null);n(this,"ariaexpanded",null);n(this,"noTab",!1);n(this,"pnClick");n(this,"toggleTooltip",o=>{this.tooltipOpen=this.openEvents.includes(o.type)});l(this,o),this.pnClick=f(this,"pnClick",7)}get hostElement(){return c(this)}openHandler(){this.tooltipOpen&&this.checkTooltipPosition()}iconOnlyHandler(){this.checkTooltipPosition(),this.tooltip?this.initTooltip():this.removeTooltip()}componentWillLoad(){this.tooltipUpwards=this.tooltipUp}componentDidLoad(){this.iconOnlyHandler()}getRect(o){return o.getBoundingClientRect()}initTooltip(){this.eventListeners.forEach(o=>this.buttonEl.addEventListener(o,this.toggleTooltip))}removeTooltip(){this.eventListeners.forEach(o=>this.buttonEl.removeEventListener(o,this.toggleTooltip))}setTooltipOffset(){this.tooltipEl.style.setProperty("--pn-dx",`${this.tooltipDx}px`)}checkTooltipPosition(){this.tooltipEl.style.transform="translateX(-50%)",this.tooltipUpwards=this.tooltipUp,requestAnimationFrame(()=>{const{top:o,x:e,y:i,right:r,height:p}=this.getRect(this.tooltipEl),s=16;this.tooltipDx=0,this.tooltipUpwards=this.tooltipUp?o>p:i+p>window.innerHeight,this.tooltipEl.style.transform="",e<0&&(this.tooltipDx=e*-1+s),r>window.innerWidth&&(this.tooltipDx=window.innerWidth-r-s-8),requestAnimationFrame(()=>this.setTooltipOffset())})}getAttributes(){const o=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.ariacontrol

4s,"aria-haspopup":this.ariahaspopup,"aria-expanded":this.ariaexpanded},e=["light","warning"],i=["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":e.includes(this.appearance)?this.appearance:null,"data-variant":i.includes(this.variant)?this.variant:null,...o}}getTagName(){return this.href?"a":"button"}showIconOnly(){return!!this.icon&&this.iconOnly&&!!(this.tooltip||this.arialabel||this.arialabelledby)}handleClick(o){h(o,this.hostElement,".pn-button-bg"),this.pnClick.emit(o)}render(){const o=this.getTagName();return a(d,{key:"9fd62df52e09b5f7915c1652c3bd23c47c40db42"},a(o,{key:"aecef05e4c20bb9c501399f18b7290a33e5d82e7",class:"pn-button",id:this.buttonId,"aria-label":this.arialabel,"aria-labelledby":this.arialabelledby,onClick:e=>this.handleClick(e),...this.getAttributes(),ref:e=>this.buttonEl=e},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:!0}),a("div",{key:"b97ecf99cdf1c4fa0c8db3b26c2eac33c5c9bba4",class:"pn-button-tooltip",hidden:!this.tooltip,ref:e=>this.tooltipEl=e},a("span",{key:"7825cd9635f5897db28ee4b32d2ac56a8c9a9b0d",class:"pn-button-tooltip-text"},this.tooltip))))}static get watchers(){return{tooltipOpen:[{openHandler:0}],tooltip:[{iconOnlyHandler:0}]}}};m.style=g();const $=()=>`${t("pn-spinner")}{display:inline-block}${t("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){${t("pn-spinner")} .pn-spinner{animation-duration:2s}}${t("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){${t("pn-spinner")} .pn-spinner-circle{animation-duration:4s}}${t("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)}}`,y=class{constructor(o){n(this,"light",!1);n(this,"size",1.5);l(this,o)}get hostElement(){return c(this)}getColor(){return this.light?"#fff":"#005d92"}getSize(){return`${this.size}em`}render(){return a(d,{key:"a143e0f8959099811a49a4772809bea95ac7b3c5"},a("svg",{key:"14d49833b52a340b3b3d1a3c1dfdfb8e9c176858",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:"b66d19a748cf83364f508956c9c3e1a487de96fc",class:"pn-spinner-circle",cx:"12",cy:"12",r:"10","stroke-width":"3"}),a("circle",{key:"e576947e99cd98ead97e4a49327fcce9e5811af3",class:"pn-spinner-dot",cx:"21.3",cy:"16",r:"1.48"})))}};y.style=$();export{m as pn_button,y as pn_spinner};