https://cdn.ui.porsche.com/porsche-design-system/components/porsch…esign-system.banner.eae384deb3fbaaadaa5f.js

1"use strict";(self.webpackChunkPorscheDesignSystem_4_7_0=self.webpackChunkPorscheDesignSystem_4_7_0||[]).push([["banner"],{3933(t,e,o){o.d(e,["b",0,"--p-blur-frosted"])},2975(t,e,o){o.d(e,["c",0,"--p-color-canvas"])},271(t,e,o){o.d(e,["c",0,"--p-color-error"])},1042(t,e,o){o.d(e,["c",0,"--p-color-frosted"])},4682(t,e,o){o.d(e,["c",0,"--p-color-frosted-strong"])},1039(t,e,o){o.d(e,["c",0,"--p-color-primary"])},3578(t,e,o){o.d(e,["c",0,"--p-color-success"])},6295(t,e,o){o.d(e,["c",0,"--p-color-surface"])},4355(t,e,o){o.d(e,["a",0,"--p-color-warning","c",0,"--p-color-info"])},8218(t,e,o){o.d(e,["a",0,"--p-color-success-frosted","b",0,"--p-color-warning-frosted","c",0,"--p-color-error-frosted","d",0,"--p-color-info-frosted"])},6685(t,e,o){const r=t=>{const e=t.trim(),o=Number.parseFloat(e);return Number.isNaN(o)?0:e.endsWith("ms")?o:1e3*o},s="overlay: auto",i="transition-behavior: allow-discrete";o.d(e,["c",0,t=>{const{getElement:e,isShown:o,show:n,hide:a}=t;let c;const d=()=>{c&&(clearTimeout(c),c=void 0)};return{requestShow:()=>{d(),o()||n()},requestHide:()=>{if(o())if("undefined"!=typeof CSS&&CSS.supports(s)&&CSS.supports(i))a();else{d();const t=e(),s=(t?(t=>{const{transitionDuration:e,transitionDelay:o}=getComputedStyle(t),s=e.split(","),i=o.split(",");return s.reduce((t,e,o)=>{const s=r(e)+r(i[o]??"0s");return s>t?s:t},0)})(t):0)+50;c=setTimeout(()=>{d(),o()&&a()},s)}},cancel:d}},"o",0,t=>({[`@supports (${s}) and (${i})`]:t})])},3114(t,e,o){var r=o(2505),s=o(4247),i=o(451),n=o(2112),a=o(6809),c=o(3933),d=o(7957),l=o(5849),p=o(7057),h=o(1042),g=o(4682),u=o(1039),b=o(2975),m=o(6295);const f=(0,n.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"/>');o.d(e,["F",0,({label:t,onClick:e,ariaDescription:o,refCallback:s})=>(0,r.x)("button",{class:"dismiss",type:"button",onClick:e,ref:s,...o?{"aria-description":o}:{}},(0,r.x)("span",null,t)),"g",0,t=>{const{textColor:e,backgroundColor:o,backgroundColorHover:r}=(t=>({canvas:{textColor:(0,s.r)(u.c),backgroundColor:(0,s.r)(b.c),backgroundColorHover:(0,s.r)(m.c)},surface:{textColor:(0,s.r)(u.c),backgroundColor:(0,s.r)(m.c),backgroundColorHover:(0,s.r)(b.c)},frosted:{textColor:(0,s.r)(u.c),backgroundColor:(0,s.r)(g.c),backgroundColorHover:(0,s.r)(h.c)}}[t]))(t);return{all:"unset",boxSizing:"border-box",display:"grid",placeItems:"center",padding:"6px",borderRadius:(0,s.r)(p.r),font:`${(0,s.r)(d.f)} ${(0,s.r)(l.t)} / ${(0,s.r)(a.l)} ${(0,s.r)(a.f)}`,backgroundColor:o,color:e,cursor:"pointer",..."frosted"===t&&{WebkitBackdropFilter:(0,s.r)(c.b),backdropFilter:(0,s.r)(c.b)},transition:`${(0,s.c)("background-color")}, ${(0,s.c)("color")}`,...(0,s.f)({forcedColorAdjust:"none",background:"Canvas",boxShadow:"inset 0 0 0 2px ButtonBorder",color:"ButtonText"}),"&:focus-visible":(0,s.b)(),...(0,i.h)({"&:hover":{backgroundColor:r,...(0,s.f)({background:"Canvas"})}}),"&::before":{content:'""',width:(0,s.r)(a.l),height:(0,s.r)(a.l),WebkitMask:`${f} center/contain no-repeat`,mask:`${f} center/contain no-repeat`,background:"currentColor"},"& span":(0,s.d)()}}])},7957(t,e,o){o.d(e,["f",0,"--p-font-weight-normal"])},146(t,e,o){o.d(e,["f",0,"--p-font-weight-semibold"])},2112(t,e,o){o.d(e,["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>')`])},698(t,e,o){var r=o(2505);o.d(e,["g",0,(t,e)=>(0,r.d)(t,`:scope>[slot="${e}"]`)])},3372(t,e,o){var r=o(2505);o.d(e,["g",0,(t,e)=>(0,r.d)(t,`[slot="${e}"]`)?.textContent])},5158(t,e,o){const r="max(22px, 10.625vw - 12px)",s=r;o.d(e,["a",0,"min(50vw - 880px, 400px)","b",0,"calc(5vw - 16px)","c",0,r,"g",0,s])},7050(t,e,o){o.d(e,["h",0,(t,e)=>null===t||null===e||"object"!=typeof t||"object"!=typeof e?t!==e:Array.isArray(t)&&Array.isArray(e)?!(t.length===e.length&&t.every((t,o)=>t===e[o])):!(Object.keys(t).length===Object.keys(e).length&&Object.entries(t).every(([t,o])=>o===e[t]))])},5697(t,e,o){var r=o(698);o.d(e,["h",0,(t,e)=>!!(0,r.g)(t,e)])},4247(t,e,o){const r="--p-duration-md",s="--p-duration-sm",i="--p-duration-xl",n="--p-ease-in-out",a=(t,e)=>`var(${t}${void 0===e?"":`,${e}`})`,c=t=>({"@media(forced-colors:active)":t}

1),d={short:a(s),moderate:a(r),long:a("--p-duration-lg"),veryLong:a(i)},l={base:a(n),in:a("--p-ease-in"),out:a("--p-ease-out"),linear:"linear"},p="--p-transition-duration",h="--p-animation-duration",g=t=>`${t} !important`,u=t=>Object.entries(t).reduce((t,[e,o])=>(null===o||(t[e]="object"==typeof o?u(o):g(o)),t),{});o.d(e,["a",0,u,"b",0,(t=2)=>({outline:`2px solid ${a("--p-color-focus")}`,outlineOffset:`${t}px`,...c({outlineColor:"Highlight"})}),"c",0,(t,e="short",o="base",r)=>`${t} ${a(p,d[e])} ${l[o]}`,"d",0,(t=!0,e)=>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",...e},"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,i,"k",0,h,"l",0,s,"m",0,d,"n",0,r,"o",0,n,"p",0,(t,e="short",o="base")=>`${t} ${a(h,d[e])} ${l[o]}`,"r",0,a])},451(t,e,o){o.d(e,["h",0,t=>({"@media(hover:hover)":t})])},6809(t,e,o){o.d(e,["f",0,"--p-font-porsche-next","l",0,"--p-leading-normal"])},1986(t,e,o){var r=o(2505),s=o(4247),i=o(8218),n=o(271),a=o(3578),c=o(4355),d=o(2112),l=o(3114),p=o(845),h=o(7202),g=o(751),u=o(3933),b=o(2640),m=o(3827),f=o(1039),v=o(7957),x=o(5849),y=o(6809),k=o(2999),w=o(146);const $={info:(0,s.r)(i.d),warning:(0,s.r)(i.b),success:(0,s.r)(i.a),error:(0,s.r)(i.c)},C={info:(0,s.r)(c.c),warning:(0,s.r)(c.a),success:(0,s.r)(a.c),error:(0,s.r)(n.c)},S={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"/>')};o.d(e,["N",0,({heading:t,headingTag:e,hasHeadingSlot:o,description:s,hasDescriptionSlot:i,innerHTML:n,actionLabel:a,dismissButton:c,...d})=>{const l=e;return(0,r.x)("div",{class:"notification",...d},t?(0,r.x)(l,null,t):o&&(0,r.x)("slot",{name:"heading"}),s?n?(0,r.x)("p",{innerHTML:s}):(0,r.x)("p",null,s):i?(0,r.x)("slot",{name:"description"}):(0,r.x)("slot",null),a,c)},"g",0,(t,e,o,i)=>({"@global":{...i&&{'slot[name="heading"],h1,h2,h3,h4,h5,h6':{all:"unset",gridArea:"1/2",font:`${(0,s.r)(w.f)} ${(0,s.r)(x.t)} / ${(0,s.r)(y.l)} ${(0,s.r)(y.f)}`,color:(0,s.r)(f.c)}},'slot:not([name]),slot[name="description"],p':{all:"unset",gridArea:i?"2/2":"1/2",marginTop:i?(0,s.r)(k.s):"0px",font:`${(0,s.r)(v.f)} ${(0,s.r)(x.t)} / ${(0,s.r)(y.l)} ${(0,s.r)(y.f)}`,color:(0,s.r)(f.c)}},notification:{display:"grid",gridTemplate:"repeat(3, auto) / auto minmax(0, 1fr) repeat(2, auto)",padding:`calc(${(0,s.r)(g.s)} + ${(0,s.r)(m.s)})`,borderRadius:(0,s.r)(b.r),background:$[t],WebkitBackdropFilter:(0,s.r)(u.b),backdropFilter:(0,s.r)(u.b),...(0,s.f)({outline:"2px solid CanvasText",outlineOffset:"-2px"}),"&::before":{[(0,r.G)("s")]:{gridArea:"1/1",placeSelf:i?"center":"flex-start",content:'""',width:"1.5rem",height:"1.5rem",marginInlineEnd:(0,s.r)(g.s),background:C[t],WebkitMask:`${S[t]} center/contain no-repeat`,mask:`${S[t]} center/contain no-repeat`,...(0,s.f)({background:"CanvasText"})}}},...o&&{dismiss:{...(0,l.g)("frosted"),gridArea:"1/4/-1",alignSelf:"flex-start",marginBlock:`calc(-6 * ${(0,s.r)(h.s)})`,marginInline:`${(0,s.r)(p.s)} calc(-6 * ${(0,s.r)(h.s)})`}},...e&&{action:{gridArea:"3/1/auto/-1",marginTop:(0,s.r)(p.s),alignSelf:"flex-start",[(0,r.G)("s")]:{gridArea:"1/3",marginTop:"0px",marginInlineStart:(0,s.r)(p.s)}}}})])},9784(t,e,o){o.r(e);var r=o(2505),s=o(3372),i=o(5697),n=o(7050),a=o(6685),c=o(3114),d=o(1986),l=o(4247),p=o(4921),h=o(5158);o(698);const g="--p-banner-top",u="--p-banner-bottom",b="--p-banner-position-top",m="--p-banner-position-bottom",f="56px",v="--_p-banner-a",x=(t,e,o,s,i,n)=>{const c=t?"moderate":"short",x=t?"in":"out",y=(0,l.c)("transform",c,x),k=(0,r.i)({...(0,r.m)({"@global":{"

1:host":{display:"contents",...(0,l.a)({...l.h})},"[popover]":{all:"unset",position:"fixed",...(0,r.n)(e,t=>({..."top"===t&&{[v]:`translate3d(-50%,calc(-100% - ${(0,l.r)(g,(0,l.r)(b,f))}),0)`,insetBlock:`${(0,l.r)(g,(0,l.r)(b,f))} auto`},..."bottom"===t&&{[v]:`translate3d(-50%,calc(${(0,l.r)(u,(0,l.r)(m,f))} + 100%),0)`,insetBlock:`auto ${(0,l.r)(u,(0,l.r)(m,f))}`}})),left:"50vw",width:`min(calc(100vw - 2 * ${(0,l.r)("--p-banner-inset-x",h.g)}),${(0,l.r)("--p-banner-max-w","100ch")})`,transform:t?"translate3d(-50%,0,0)":(0,l.r)(v),transition:y,...(0,a.o)({transition:`${y},${(0,l.c)("overlay",c,x)} allow-discrete, ${(0,l.c)("display",c,x)} allow-discrete`}),overlay:"none",display:"none","&:popover-open":{overlay:"auto",display:"grid"},"&::backdrop":{display:"none"}}}},{notification:{boxShadow:(0,l.r)(p.s),opacity:t?1:0,transition:(0,l.c)("opacity",c,x)}},(0,d.g)(o,!1,s,i))});return t&&!n?`${k}\n@starting-style {\n  [popover] {\n    transform: ${(0,l.r)(v)};\n  }\n  .notification {\n    opacity: 0;\n  }\n}`:k},y=(t,e)=>{const o="warning"===t||"error"===t;return{role:o?"alert":"status","aria-live":o?"assertive":"polite","aria-label":e||null}},k={open:r.A.boolean,heading:r.A.string,headingTag:r.A.oneOf(["h1","h2","h3","h4","h5","h6"]),description:r.A.string,position:r.A.breakpoint(["top","bottom"]),state:r.A.oneOf(["info","success","warning","error"]),dismissButton:r.A.boolean};o.d(e,["p_banner",0,class{constructor(t){(0,r.r)(this,t),this.dismiss=(0,r.z)(this,"dismiss",3),this.open=!1,this.heading="",this.headingTag="h5",this.description="",this.position={base:"bottom",s:"top"},this.state="info",this.dismissButton=!0,this.hasKeydownListener=!1,this.isInitialRender=!0,this.topLayer=(0,a.c)({getElement:()=>this.refPopover,isShown:()=>!!this.refPopover?.matches(":popover-open"),show:()=>this.refPopover?.showPopover(),hide:()=>this.refPopover?.hidePopover()}),this.syncEscapeListener=t=>{t&&!this.hasKeydownListener?(document.addEventListener("keydown",this.onEscape),this.hasKeydownListener=!0):!t&&this.hasKeydownListener&&(document.removeEventListener("keydown",this.onEscape),this.hasKeydownListener=!1)},this.onEscape=t=>{"Escape"===t.key&&this.open&&this.dismissBanner()},this.dismissBanner=()=>{this.dismiss.emit()}}connectedCallback(){(0,r.C)(this.host,()=>{(0,r.f)(this.host)},void 0,{subtree:!1,childList:!0,attributes:!1}),this.syncEscapeListener(this.open&&this.dismissButton)}disconnectedCallback(){this.topLayer.cancel(),this.syncEscapeListener(!1),(0,r.D)(this.host)}componentShouldUpdate(t,e){return(0,n.h)(t,e)}componentDidRender(){this.open?this.topLayer.requestShow():this.topLayer.requestHide(),this.syncEscapeListener(this.open&&this.dismissButton),this.refDismiss?.focus()}componentDidLoad(){this.isInitialRender=!1}render(){(0,r.v)(this,k),this.hasHeadingSlot=(0,i.h)(this.host,"heading"),this.hasDescriptionSlot=(0,i.h)(this.host,"description"),(0,r.w)(this.host,x,this.open,this.position,this.state,this.dismissButton,!(!this.heading&&!this.hasHeadingSlot),this.isInitialRender);const t=this.heading?this.heading:(0,s.g)(this.host,"heading");return(0,r.x)("div",{key:"34eea3933e6cd29b6bc7e687885aed6e6b2b26c4",popover:"manual",inert:!this.open,...y(this.state,t),ref:t=>this.refPopover=t},(0,r.x)(d.N,{key:"1afc09b0711ffa9f906d5cae40ac600d45a4b0cf",heading:this.heading,headingTag:this.headingTag,hasHeadingSlot:this.hasHeadingSlot,description:this.description,hasDescriptionSlot:this.hasDescriptionSlot,...this.dismissButton&&{dismissButton:(0,r.x)(c.F,{label:"Close banner",onClick:this.dismissBanner,ariaDescription:t||void 0,refCallback:t=>this.refDismiss=t})}}))}get host(){return(0,r.y)(this)}}])},2640(t,e,o){o.d(e,["r",0,"--p-radius-2xl"])},7057(t,e,o){o.d(e,["r",0,"--p-radius-full"])},4921(t,e,o){o.d(e,["s",0,"--p-shadow-lg"])},3827(t,e,o){o.d(e,["s",0,"--p-spacing-fluid-sm"])},7202(t,e,o){o.d(e,["s",0,"--p-spacing-static-2xs"])},845(t,e,o){o.d(e,["s",0,"--p-spacing-static-md"])},751(t,e,o){o.d(e,["s",0,"--p-spacing-static-sm"])},2999(t,e,o){o.d(e,["s",0,"--p-spacing-static-xs"])},5849(t,e,o){o.d(e,["t",0,"--p-typescale-sm"])}}]);