https://cdn.ui.porsche.com/porsche-design-system/components/porsch…design-system.toast.75b1b55cb1a075332f92.js

1"use strict";(self.webpackChunkPorscheDesignSystem_4_7_0=self.webpackChunkPorscheDesignSystem_4_7_0||[]).push([["toast"],{3933(t,o,e){e.d(o,["b",0,"--p-blur-frosted"])},2975(t,o,e){e.d(o,["c",0,"--p-color-canvas"])},271(t,o,e){e.d(o,["c",0,"--p-color-error"])},1042(t,o,e){e.d(o,["c",0,"--p-color-frosted"])},4682(t,o,e){e.d(o,["c",0,"--p-color-frosted-strong"])},1039(t,o,e){e.d(o,["c",0,"--p-color-primary"])},3578(t,o,e){e.d(o,["c",0,"--p-color-success"])},6295(t,o,e){e.d(o,["c",0,"--p-color-surface"])},4355(t,o,e){e.d(o,["a",0,"--p-color-warning","c",0,"--p-color-info"])},8218(t,o,e){e.d(o,["a",0,"--p-color-success-frosted","b",0,"--p-color-warning-frosted","c",0,"--p-color-error-frosted","d",0,"--p-color-info-frosted"])},3114(t,o,e){var s=e(2505),r=e(4247),a=e(451),i=e(2112),n=e(6809),c=e(3933),d=e(7957),l=e(5849),p=e(7057),h=e(1042),g=e(4682),m=e(1039),u=e(2975),b=e(6295);const f=(0,i.g)('<path d="m18 6.706-5.294 5.294 5.294 5.294-.706.706-5.294-5.294-5.294 5.294-.706-.706 5.294-5.294-5.294-5.294.706-.706 5.294 5.294 5.294-5.294z"/>');e.d(o,["F",0,({label:t,onClick:o,ariaDescription:e,refCallback:r})=>(0,s.x)("button",{class:"dismiss",type:"button",onClick:o,ref:r,...e?{"aria-description":e}:{}},(0,s.x)("span",null,t)),"g",0,t=>{const{textColor:o,backgroundColor:e,backgroundColorHover:s}=(t=>({canvas:{textColor:(0,r.r)(m.c),backgroundColor:(0,r.r)(u.c),backgroundColorHover:(0,r.r)(b.c)},surface:{textColor:(0,r.r)(m.c),backgroundColor:(0,r.r)(b.c),backgroundColorHover:(0,r.r)(u.c)},frosted:{textColor:(0,r.r)(m.c),backgroundColor:(0,r.r)(g.c),backgroundColorHover:(0,r.r)(h.c)}}[t]))(t);return{all:"unset",boxSizing:"border-box",display:"grid",placeItems:"center",padding:"6px",borderRadius:(0,r.r)(p.r),font:`${(0,r.r)(d.f)} ${(0,r.r)(l.t)} / ${(0,r.r)(n.l)} ${(0,r.r)(n.f)}`,backgroundColor:e,color:o,cursor:"pointer",..."frosted"===t&&{WebkitBackdropFilter:(0,r.r)(c.b),backdropFilter:(0,r.r)(c.b)},transition:`${(0,r.c)("background-color")}, ${(0,r.c)("color")}`,...(0,r.f)({forcedColorAdjust:"none",background:"Canvas",boxShadow:"inset 0 0 0 2px ButtonBorder",color:"ButtonText"}),"&:focus-visible":(0,r.b)(),...(0,a.h)({"&:hover":{backgroundColor:s,...(0,r.f)({background:"Canvas"})}}),"&::before":{content:'""',width:(0,r.r)(n.l),height:(0,r.r)(n.l),WebkitMask:`${f} center/contain no-repeat`,mask:`${f} center/contain no-repeat`,background:"currentColor"},"& span":(0,r.d)()}}])},7957(t,o,e){e.d(o,["f",0,"--p-font-weight-normal"])},146(t,o,e){e.d(o,["f",0,"--p-font-weight-semibold"])},2112(t,o,e){e.d(o,["g",0,t=>`url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">${t}</svg>')`])},5158(t,o,e){const s="max(22px, 10.625vw - 12px)",r=s;e.d(o,["a",0,"min(50vw - 880px, 400px)","b",0,"calc(5vw - 16px)","c",0,s,"g",0,r])},4247(t,o,e){const s="--p-duration-md",r="--p-duration-sm",a="--p-duration-xl",i="--p-ease-in-out",n=(t,o)=>`var(${t}${void 0===o?"":`,${o}`})`,c=t=>({"@media(forced-colors:active)":t}),d={short:n(r),moderate:n(s),long:n("--p-duration-lg"),veryLong:n(a)},l={base:n(i),in:n("--p-ease-in"),out:n("--p-ease-out"),linear:"linear"},p="--p-transition-duration",h="--p-animation-duration",g=t=>`${t} !important`,m=t=>Object.entries(t).reduce((t,[o,e])=>(null===e||(t[o]="object"==typeof e?m(e):g(e)),t),{});e.d(o,["a",0,m,"b",0,(t=2)=>({outline:`2px solid ${n("--p-color-focus")}`,outlineOffset:`${t}px`,...c({outlineColor:"Highlight"})}),"c",0,(t,o="short",e="base",s)=>`${t} ${n(p,d[o])} ${l[e]}`,"d",0,(t=!0,o)=>t?{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap"}:{position:"static",width:"auto",height:"auto",padding:0,margin:0,overflow:"visible",clip:"auto",whiteSpace:"normal",...o},"e",0,g,"f",0,c,"g",0,t=>({opacity:.4,...c({opacity:1,color:"GrayText",...t})}),"h",0,{"&([hidden])":{display:"none"}},"i",0,p,"j",0,a,"k",0,h,"l",0,r,"m",0,d,"n",0,s,"o",0,i,"p",0,(t,o="short",e="base")=>`${t} ${n(h,d[o])} ${l[e]}`,"r",0,n])},451(t,o,e){e.d(o,["h",0,t=>({"@media(hover:hover)":t})])},6809(t,o,e){e.d(o,["f",0,"--p-font-porsche-next","l",0,"--p-leading-normal"])},1986(t,o,e){var s=e(2505),r=e(4247),a=e(8218),i=e(271),n=e(3578),c=e(4355),d=e(2112),l=e(3114),p=e(845),h=e(7202),g=e(751),m=e(3933),u=e(2640),b=e(3827),f=e(1039),x=e(7957),k=e(5849),v=e(6809),$=e(2999),w=e(146);const C={info:(0,r.r)(a.d),warning:(0,r.r)(a.b),success:(0,r.r)(a.a),error:(0,r.r)(a.c)},T={info:(0,r.r)(c.c),warning:(0,r.r)(c.a),success:(0,r.r)(n.c),error:(0,r.r)(i.c)},y={info:(0,d.g)('<path d="M12 3c-4.95 0-9 4.05-9 9s4.05 9 9 9 9-4.05 9-9-4.05-9-9-9m-.75 4.5h1.5V9h-1.5zm1.5 8.5h-1.5v-6h1.5z"/>'),warning:(0,d.g)('<path d="M21.58 18.26 13.3 3.75A1.5 1.5 0 0 0 12 3a1.5 1.5 0 0 0-1.3.75l-8.28 14.5a1.5 1.5 0 0 0 0 1.5c.28.47.76.75 1.3.75h16.56a1.5 1.5 0 0 0 1.3-2.25M13 17.5h-2v-2h2zm-.4-3.5h-1.2L11 8.5h2z"/>'),success:(0,d.g)('<path d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18m-1.26 12.69-3.8-3.8 1.07-1.05 2.73 2.73 5.25-5.26 1.06 1.06z"/>'),error:(0,d.g)('<path d="M18 3H6a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h4l2 2 2-2h4a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-5 3.5-.4 5.5h-1.2L11 6.5zm-2 7h2v2h-2z"/>')};e.d(o,["N",0,({heading:t,headingTag:o,hasHeadingSlot:e,description:r,hasDescriptionSlot:a,innerHTML:i,actionLabel:n,dismissButton:c,...d})=>{const l=o;return(0,s.x)("div",{class:"notification",...d},t?(0,s.x)(l,null,t):e&&(0,s.x)("slot",{name:"heading"}),r?i?(0,s.x)("p",{innerHTML:r}):(0,s.x)("p",null,r):a?(0,s.x)("slot",{name:"description"}

1):(0,s.x)("slot",null),n,c)},"g",0,(t,o,e,a)=>({"@global":{...a&&{'slot[name="heading"],h1,h2,h3,h4,h5,h6':{all:"unset",gridArea:"1/2",font:`${(0,r.r)(w.f)} ${(0,r.r)(k.t)} / ${(0,r.r)(v.l)} ${(0,r.r)(v.f)}`,color:(0,r.r)(f.c)}},'slot:not([name]),slot[name="description"],p':{all:"unset",gridArea:a?"2/2":"1/2",marginTop:a?(0,r.r)($.s):"0px",font:`${(0,r.r)(x.f)} ${(0,r.r)(k.t)} / ${(0,r.r)(v.l)} ${(0,r.r)(v.f)}`,color:(0,r.r)(f.c)}},notification:{display:"grid",gridTemplate:"repeat(3, auto) / auto minmax(0, 1fr) repeat(2, auto)",padding:`calc(${(0,r.r)(g.s)} + ${(0,r.r)(b.s)})`,borderRadius:(0,r.r)(u.r),background:C[t],WebkitBackdropFilter:(0,r.r)(m.b),backdropFilter:(0,r.r)(m.b),...(0,r.f)({outline:"2px solid CanvasText",outlineOffset:"-2px"}),"&::before":{[(0,s.G)("s")]:{gridArea:"1/1",placeSelf:a?"center":"flex-start",content:'""',width:"1.5rem",height:"1.5rem",marginInlineEnd:(0,r.r)(g.s),background:T[t],WebkitMask:`${y[t]} center/contain no-repeat`,mask:`${y[t]} center/contain no-repeat`,...(0,r.f)({background:"CanvasText"})}}},...e&&{dismiss:{...(0,l.g)("frosted"),gridArea:"1/4/-1",alignSelf:"flex-start",marginBlock:`calc(-6 * ${(0,r.r)(h.s)})`,marginInline:`${(0,r.r)(p.s)} calc(-6 * ${(0,r.r)(h.s)})`}},...o&&{action:{gridArea:"3/1/auto/-1",marginTop:(0,r.r)(p.s),alignSelf:"flex-start",[(0,s.G)("s")]:{gridArea:"1/3",marginTop:"0px",marginInlineStart:(0,r.r)(p.s)}}}})])},2738(t,o,e){e.r(o);var s=e(2505),r=e(4247),a=e(1068),i=e(5158),n=e(3882),c=e(3114),d=e(1986),l=e(4921);const p="--p-toast-position-bottom",h="--_p-toast-a",g=".4s",m=g,u=(t,o)=>((t,o)=>{const e={transform:"translate3d(0,0,0)"};return"in"===t?{from:o,to:e}:{from:e,to:o}})(t,{transform:`translate3d(0,calc(${(0,r.r)(o)} + 100%),0)`}),b="close",f=()=>(0,s.i)({"@global":{":host":(0,r.a)({[h]:(0,r.r)(p,"56px"),position:"fixed",inset:`auto ${i.g} ${(0,r.r)(h)}`,zIndex:999999,[(0,s.G)("s")]:{[h]:(0,r.r)(p,"64px"),inset:`auto auto ${(0,r.r)(h)} 64px`,maxWidth:"min(42rem, calc(100vw - 64px * 2))"},...r.h}),...a.p,"@keyframes in":u("in",h),"@keyframes out":u("out",h)},hydrated:{animation:`${m} $in cubic-bezier(0,0,.2,1) forwards`},[b]:{animation:(0,r.e)(`${g} $out cubic-bezier(.4,0,.5,1) forwards`)}}),x=1e3*Number.parseFloat(g);const k=new class{constructor(){this.dismissToastItem=()=>{this.removeTimeout(),this.message=void 0,this.onDismissCallback(),setTimeout(()=>(0,s.f)(this.toastEl),x)}}register(t,o){this.toastEl&&(0,s.t)("p-toast was rendered multiple times."),this.toastEl=t,this.onDismissCallback=o}unregister(){this.toastEl=null,this.message=void 0,this.removeTimeout()}addMessage(t){this.toastEl||(0,s.t)("missing p-toast element."),t.text||(0,s.t)("p-toast empty text provided to addMessage().");const o={state:t.state||"info",text:t.text.replace(/<(?!br)[^>]*>/g,"")};this.message?this.message.text!==t.text&&this.dismissToastItem():(0,s.f)(this.toastEl),this.message=o}getToast(){return this.startTimeout(),this.message}startTimeout(){this.message&&(this.timeout=setTimeout(this.dismissToastItem,6e3))}removeTimeout(){clearTimeout(this.timeout),this.timeout=null}},v=t=>(0,s.i)((0,s.m)({"@global":{":host":{display:"block",...(0,r.a)({maxWidth:"inherit",boxSizing:"border-box",margin:0,padding:0,inset:"inherit",border:"0",outline:"0",overflow:"visible",width:"auto",height:"auto",background:"transparent"}),"&::backdrop":{display:"none"}}}},{notification:{boxShadow:(0,r.r)(l.s)}},(0,d.g)(t,!1,!0,!1))),$={text:s.A.string,state:s.A.oneOf(["info","success","warning","error"])};e.d(o,["p_toast",0,class{constructor(t){(0,s.r)(this,t)}addMessage(t){k.addMessage(t)}connectedCallback(){k.register(this.host,()=>this.toastItemElement.classList.add(b))}componentDidLoad(){this.host.addEventListener("dismiss",t=>{t.stopPropagation(),k.dismissToastItem()})}disconnectedCallback(){k.unregister()}render(){(0,s.w)(this.host,f),this.toastItemElement?.classList.remove(b);const t=(0,s.a)(this.host),o=k.getToast();return(0,s.x)(s.H,{key:"bec0f7a534bc5764a630457671ef6258369302f2",role:"status"},o&&(0,s.x)(t.pToastItem,{key:"b969b11d180a25693690b5241b160212022f46c9",...o,ref:t=>this.toastItemElement=t}))}get host(){return(0,s.y)(this)}},"p_toast_item",0,class{constructor(t){(0,s.r)(this,t),this.dismiss=(0,s.z)(this,"dismiss",7),this.text="",this.state="info"}connectedCallback(){((t,o)=>{const e=t.getRootNode()?.host,r=e&&(0,s.c)(e),a=(0,s.a)(t);o.map(t=>a[(0,s.p)(t)]).includes(r)||(0,s.t)(`${(0,s.g)(t)} can't be used like this.`)})(this.host,["p-toast"])}componentDidRender(){(0,n.g)()&&this.host.showPopover()}render(){return(0,s.v)(this,$),(0,s.w)(this.host,v,this.state),(0,s.x)(s.H,{key:"94dd30e02238f591cd852e83eddc304b50b79594",popover:"manual"},(0,s.x)(d.N,{key:"7386bc66cffd2e82fb15a7708c0acc778c72d4a8",description:this.text,innerHTML:!0,dismissButton:(0,s.x)(c.F,{label:"Close notification message",onClick:this.dismiss.emit})}))}get host(){return(0,s.y)(this)}}])},1068(t,o,e){e.d(o,["p",0,{":not(:defined,[data-ssr])":{visibility:"hidden"}}])},2640(t,o,e){e.d(o,["r",0,"--p-radius-2xl"])},7057(t,o,e){e.d(o,["r",0,"--p-radius-full"])},4921(t,o,e){e.d(o,["s",0,"--p-shadow-lg"])},3827(t,o,e){e.d(o,["s",0,"--p-spacing-fluid-sm"])},7202(t,o,e){e.d(o,["s",0,"--p-spacing-static-2xs"])},845(t,o,e){e.d(o,["s",0,"--p-spacing-static-md"])},751(t,o,e){e.d(o,["s",0,"--p-spacing-static-sm"])},2999(t,o,e){e.d(o,["s",0,"--p-spacing-static-xs"])},3882(t,o,e){const s=!!e(2505).h&&Object.hasOwn(HTMLElement.prototype,"popover");e.d(o,["g",0,()=>s])},5849(t,o,e){e.d(o,["t",0,"--p-typescale-sm"])}}]);