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

1var p=Object.defineProperty;var c=(s,a,n)=>a in s?p(s,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[a]=n;var e=(s,a,n)=>c(s,typeof a!="symbol"?a+"":a,n);import{M as l,r as d,c as r,g as h,h as o,H as u,t}from"./client-20261001.js";import{a as f}from"./index-DyhO6xPY-20261001.js";import{b,r as m,e as g}from"./index-202610013.js";import{a as y}from"./alert_exclamation_circle-B88w-Zxn-20261001.js";import{a as v}from"./alert_info_circle-BTqkgfeH-20261001.js";import{c as $}from"./check_circle-D4GZ__oQ-20261001.js";import{c as k}from"./close-BvuWkoyY-20261001.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 w='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12.874 2.514a1 1 0 0 0-1.748 0l-10 18A1 1 0 0 0 2 22h20a1 1 0 0 0 .874-1.486zM12 5.06 20.3 20H3.7zm-1.375 4.936a1.38 1.38 0 1 1 2.75 0l-.292 3.509a1.087 1.087 0 0 1-2.166 0zM12 15.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg>',x=w,i={HIDE:{sv:"Stäng meddelande",en:"Dismiss message",da:"Afvis besked",fi:"Hylkää viesti",no:"Avvis meldingen"}},E=()=>`${t("pn-toast")}{position:relative;display:block}${t("pn-toast")} .pn-toast{position:relative;color:#2d2013;padding:1em;border-radius:0.5em;outline:none;font-size:1em;font-weight:400;background-color:#e0f8ff;border-color:#005d92;display:flex;align-items:center;gap:0.75em;visibility:visible;transition-property:visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-toast")} .pn-toast{transition-duration:0s;transition-delay:0s}}${t("pn-toast")} .pn-toast .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}${t("pn-toast")} .pn-toast[data-hide]{visibility:hidden;transition-delay:0.2s}${t("pn-toast")} .pn-toast-heading{font-size:1em;font-style:normal;font-weight:500;margin:0}${t("pn-toast")} .pn-toast-text{font-size:1em;font-style:normal;font-weight:400;margin:0 0 0.25em 0}${t("pn-toast")} .pn-toast-text:last-child{margin-bottom:0}${t("pn-toast")} .pn-toast-icon .pn-icon-svg path{fill:#2d2013}${t("pn-toast")} .pn-toast-content{display:flex;flex-direction:column;align-self:center;align-items:flex-start;gap:0.25em;margin:0 auto 0 0}${t("pn-toast")} .pn-toast-button{cursor:pointer;border-radius:50%;border:none;background:none;padding:0.25em;font-size:1em;display:flex;align-items:center;justify-content:center;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-toast")} .pn-toast-button{transition-duration:0s;transition-delay:0s}}${t("pn-toast")} .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-toast")} .pn-toast-button:focus-visible{outline-color:#005d92;background-color:#8eddf9}${t("pn-toast")} .pn-toast-button:hover{background-color:#8eddf9}${t("pn-toast")} .pn-toast[data-appearance=success]{background-color:#dcf6e7}${t("pn-toast")} .pn-toast[data-appearance=success] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-toast")} .pn-toast[data-appearance=success] .pn-toast-button:focus-visible{outline-color:#005e41;background-color:#abe3bb}${t("pn-toast")} .pn-toast[data-appearance=success] .pn-toast-button:hover{background-color:#abe3bb}${t("pn-toast")} .pn-toast[data-appearance=success] .pn-ripple{background-color:#005e41}${t("pn-toast")} .pn-toast[data-appearance=success] .pn-toast-icon .pn-icon-svg path{fill:#005e41}${t("pn-toast")} .pn-toast[data-appearance=success][data-temporary]{border-color:#005e41}${t("pn-toast")} .pn-toast[data-appearance=warning]{background-color:#fff1e3}${t("pn-toast")} .pn-toast[data-appearance=warning] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-toast")} .pn-toast[data-appearance=warning] .pn-toast-button:focus-visible{outline-color:#99290a;background-color:#ffc8a3}${t("pn-toast")} .pn-toast[data-appearance=warning] .pn-toast-button:hover{background-color:#ffc8a3}${t("pn-toast")} .pn-toast[data-appearance=warning] .pn-ripple{background-color:#99290a}${t("pn-toast")} .pn-toast[data-appearance=warning] .pn-toast-icon .pn-icon-svg path{f

4ill:#99290a}${t("pn-toast")} .pn-toast[data-appearance=warning][data-temporary]{border-color:#ed7123}${t("pn-toast")} .pn-toast[data-appearance=error]{background-color:#fdefee}${t("pn-toast")} .pn-toast[data-appearance=error] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-toast")} .pn-toast[data-appearance=error] .pn-toast-button:focus-visible{outline-color:#a70707;background-color:#fbc2c1}${t("pn-toast")} .pn-toast[data-appearance=error] .pn-toast-button:hover{background-color:#fbc2c1}${t("pn-toast")} .pn-toast[data-appearance=error] .pn-ripple{background-color:#a70707}${t("pn-toast")} .pn-toast[data-appearance=error] .pn-toast-icon .pn-icon-svg path{fill:#a70707}${t("pn-toast")} .pn-toast[data-appearance=error][data-temporary]{border-color:#a70707}${t("pn-toast")} .pn-toast[data-temporary]{border-style:solid;border-width:0.0625em;box-shadow:0 0.125em 0.25em rgba(0, 0, 0, 0.2)}`,I=class extends l(f){constructor(a){super();e(this,"toast");e(this,"button");e(this,"hasSlottedContent",!1);e(this,"heading","");e(this,"text","");e(this,"toastId");e(this,"appearance");e(this,"temporary",!1);e(this,"icon");e(this,"illustration");e(this,"hide",!1);e(this,"closable",!1);e(this,"language",null);e(this,"close");e(this,"hidden");d(this,a),this.close=r(this,"close",7),this.hidden=r(this,"hidden",7)}get hostElement(){return h(this)}handleHide(){this.hostElement.style.overflow="hidden",requestAnimationFrame(()=>this.toggleToastVisibility())}async componentWillLoad(){this.hide&&(this.hostElement.style.height="0",this.hostElement.style.overflow="hidden"),this.hasSlottedContent=!!this.hostElement.textContent,this.language===null&&await b(this.hostElement)}componentDidLoad(){this.heading&&!this.text&&!this.hasSlottedContent&&console.warn("The %s prop is only available if you use the %s prop or slotted content.","heading","text")}toggleToastVisibility(){this.hide?this.closeDropdown(this.hostElement,this.toast.clientHeight):this.openDropdown(this.hostElement,this.toast.clientHeight)}handleClick(a){this.hide=!0,this.close.emit(this.hide),m(a,this.toast)}getIcon(){return this.illustration?"":this.icon?this.icon:this.appearance==="success"?$:this.appearance==="warning"?x:this.appearance==="error"?y:v}getRole(){return this.appearance==="error"?"alert":"status"}showIcon(){return!this.illustration}showIllustration(){return!this.showIcon()}showTitle(){return(this.hasSlottedContent||!!this.text)&&!!this.heading}translate(a){var n;return((n=i==null?void 0:i[a])==null?void 0:n[this.language||g])||a}hideToast(){return this.hide&&!this.isMoving()}render(){return o(u,{key:"8fc8af6de122bae90d2909840a3d2c412cc3181d"},o("div",{key:"ad45d0c295ea660c6e03f1b98e91294519003886",id:this.toastId,class:"pn-toast",role:this.getRole(),"data-appearance":this.appearance,"data-temporary":this.temporary,"data-hide":this.hideToast(),ref:a=>this.toast=a},this.showIcon()&&o("pn-icon",{key:"7e856fb052f535e72b15044347eb2a20dc141297",class:"pn-toast-icon",icon:this.getIcon()}),o("div",{key:"b8549738d389bb4b3269192c9a6fa606e6500e25",class:"pn-toast-content"},this.showTitle()&&o("h4",{key:"ef243b8a4d842c8583308bd8cd75a3c640ba811a",class:"pn-toast-heading"},this.heading),this.text&&o("p",{key:"7d4a03a243567f881ddaa826959c36cebd84ad00",class:"pn-toast-text"},this.text),o("slot",{key:"1cf28e44d6f37c053b33634529ee0a2d1d7dc58d"})),this.showIllustration()&&o("pn-illustration",{key:"f219657a26c48361d1f31cccf947a13f749f6e7b",illustration:this.illustration,width:"5.5em",height:"5.5em"}),this.closable&&o("button",{key:"1bebf8881b20963d9a611cdcf8e293fb6f035cc7",class:"pn-toast-button",type:"button","aria-label":this.translate("HIDE"),onClick:a=>this.handleClick(a),ref:a=>this.button=a},o("pn-icon",{key:"14b4fee29de5810bd9d04476500e6d806fe3a2eb",icon:k}))))}static get watchers(){return{hide:[{handleHide:0}]}}};I.style=E();export{I as pn_toast};