https://cdn.ui.porsche.com/porsche-design-system/components/porsch…design-system.modal.f5011dcf714e0afc27bb.js

1"use strict";(self.webpackChunkPorscheDesignSystem_4_7_0=self.webpackChunkPorscheDesignSystem_4_7_0||[]).push([["modal"],{6241(o,t,e){var r=e(2505);e.d(t,["p",0,o=>{if(o)return Object.fromEntries(Object.entries((0,r.e)(o)).map(([o,t])=>[o,"boolean"==typeof t?`${t}`:t]))},"s",0,(...o)=>o.filter(Boolean).join(" ")||null])},3933(o,t,e){e.d(t,["b",0,"--p-blur-frosted"])},2975(o,t,e){e.d(t,["c",0,"--p-color-canvas"])},1042(o,t,e){e.d(t,["c",0,"--p-color-frosted"])},4682(o,t,e){e.d(t,["c",0,"--p-color-frosted-strong"])},1039(o,t,e){e.d(t,["c",0,"--p-color-primary"])},6295(o,t,e){e.d(t,["c",0,"--p-color-surface"])},6685(o,t,e){const r=o=>{const t=o.trim(),e=Number.parseFloat(t);return Number.isNaN(e)?0:t.endsWith("ms")?e:1e3*e},i="overlay: auto",s="transition-behavior: allow-discrete";e.d(t,["c",0,o=>{const{getElement:t,isShown:e,show:n,hide:a}=o;let d;const l=()=>{d&&(clearTimeout(d),d=void 0)};return{requestShow:()=>{l(),e()||n()},requestHide:()=>{if(e())if("undefined"!=typeof CSS&&CSS.supports(i)&&CSS.supports(s))a();else{l();const o=t(),i=(o?(o=>{const{transitionDuration:t,transitionDelay:e}=getComputedStyle(o),i=t.split(","),s=e.split(",");return i.reduce((o,t,e)=>{const i=r(t)+r(s[e]??"0s");return i>o?i:o},0)})(o):0)+50;d=setTimeout(()=>{l(),e()&&a()},i)}},cancel:l}},"o",0,o=>({[`@supports (${i}) and (${s})`]:o})])},1822(o,t,e){var r=e(2505),i=e(3114),s=e(4247),n=e(6685),a=e(3827),d=e(1039),l=e(7362),c=e(4265),p=e(3933),h=e(1864),u=e(2640),g=e(1042),b=e(1736),m=e(1797),f=e(6295),k=e(2975),v=e(7202),x=e(845);const $=o=>{const t=o.target;return"scroller"===t.className||"DIALOG"===t.tagName},y="--_p-dialog-a",C=(0,s.r)(b.r),w=(0,s.r)(l.s),D=`calc(${C} + ${(0,s.r)(l.s)})`,B=(0,s.r)(c.s);e.d(t,["B",0,["blur","shading"],"D",0,({inert:o,dialogRef:t,scrollerRef:e,containerClass:s,ariaAttributes:n,onCancel:a,onClick:d,onMouseDown:l,onTransitionEnd:c,onDismiss:p,dismissable:h=!1,header:u,footer:g,subFooter:b},m)=>(0,r.x)("dialog",{inert:o,tabIndex:-1,ref:t,onCancel:a,onMouseDown:l,onClick:d,onTransitionEnd:c,...n??{}},(0,r.x)("div",{class:"scroller",ref:e},(0,r.x)("div",{class:s},h&&(0,r.x)(i.F,{label:`Dismiss ${s}`,onClick:p}),u,m,g,b))),"a",0,()=>({color:(0,s.r)(d.c),background:(0,s.r)(y)}),"b",0,(o,t)=>{const e=o?"moderate":"short",r=o?"in":"out";return{...o?{opacity:1,transform:"translate3d(0,0,0)"}:{opacity:0,transform:"^"===t?"translate3d(0,25vh,0)":`translate3d(${">"===t?"-":""}100%,0,0)`,"&:dir(rtl)":{transform:"^"===t?"translate3d(0,25vh,0)":`translate3d(${">"===t?"":"-"}100%,0,0)`}},transition:`${(0,s.c)("opacity",e,r)}, ${(0,s.c)("transform",e,r)}`}},"c",0,o=>{const t="rgba(255,255,255,.01)";return{position:"absolute",isolation:"isolate",display:"grid",..."fullscreen"===o?{inset:0}:{insetBlock:0,["start"===o?"insetInlineStart":"insetInlineEnd"]:0},overflow:"hidden auto",overscrollBehaviorY:"none",background:t,transform:"translate3d(0,0,0)"}},"d",0,()=>({position:"relative",display:"grid",gridTemplate:`auto/${(0,s.r)(a.s)} minmax(0,1fr) ${(0,s.r)(a.s)}`,gap:`${(0,s.r)(l.s)} calc(${(0,s.r)(c.s)} - ${(0,s.r)(a.s)})`,paddingTop:w,paddingBottom:D,alignContent:"flex-start",transform:"translate3d(0,0,0)"}),"e",0,(o,t="blur")=>{const e="blur"===t,r=o?"long":"moderate",i=o?"in":"out",a=(0,s.r)(s.i,o?"0s":s.m[r]),d=`visibility 0s linear ${a}, width 0s linear ${a}, height 0s linear ${a}, ${(0,s.c)("background-color",r,i)}, ${(0,s.c)("-webkit-backdrop-filter",r,i)}, ${(0,s.c)("backdrop-filter",r,i)}`;return{all:"unset",position:"fixed",inset:0,maxWidth:"100dvw",maxHeight:"100dvh",overflow:"hidden",display:"block",userSelect:"text",outline:0,...o?{width:"100dvw",height:"100dvh",visibility:"inherit",pointerEvents:"auto",background:(0,s.r)(h.c),...e&&{WebkitBackdropFilter:(0,s.r)(p.b),backdropFilter:(0,s.r)(p.b)}}:{width:"0px",height:"0px",visibility:"hidden",pointerEvents:"none",background:"transparent"},transition:d,...(0,n.o)({transition:`${d}, ${(0,s.c)("overlay",r,i)} allow-discrete`}),overlay:"none","&:modal":{overlay:"auto"},"&::backdrop":{display:"none"}}},"f",0,()=>({gridColumn:"1/-1",zIndex:3,paddingInline:B,backgroundColor:(0,s.r)(y)}),"g",0,o=>({...(0,i.g)(o),gridArea:"1/3",zIndex:5,position:"sticky",top:(0,s.r)(a.s),marginTop:`calc(-1 * ${w} + ${(0,s.r)(a.s)})`,marginInlineEnd:(0,s.r)(a.s),placeSelf:"flex-start flex-end"}),"h",0,()=>{const o=`calc(${D} - ${C})`,t=`12 * ${(0,s.r)(v.s)}`;return{gridColumn:"1/-1",zIndex:2,position:"sticky",bottom:"-.1px",marginBlock:`calc(-1 * ${o})`,padding:`${o} ${B}`,background:`linear-gradient(0deg,${(0,s.r)(y)} 0%,${(0,s.r)(y)} 20%,transparent 80%)`,"&[data-stuck]::after":{content:'""',zIndex:-1,position:"absolute",inset:`calc(${o} - ${t}) calc(${B} - ${t})`,background:(0,s.r)(g.c),borderRadius:(0,s.r)(u.r),WebkitBackdropFilter:(0,s.r)(p.b),backdropFilter:(0,s.r)(p.b)}}},"i",0,C,"j",0,()=>{const o=w,t=(0,s.r)(x.s);return{gridColumn:"1/-1",zIndex:1,position:"sticky",top:0,marginBlock:`calc(-1 * ${o}) calc(-1 * ${t})`,padding:`${o} ${B} ${t}`,background:`linear-gradient(180deg,${(0,s.r)(y)} 0%,${(0,s.r)(y)} 80%,transparent 100%)`}},"k",0,()=>({gridColumn:"2/3",zIndex:0}),"l",0,()=>({display:"block","&:first-of-type":{gridRowStart:1}}),"m",0,o=>

1({"--pds-internal-grid-outer-column":`calc(${(0,s.r)(c.s)} - ${m.g})`,"--pds-internal-grid-margin":`calc(${(0,s.r)(c.s)} * -1)`,"--pds-internal-grid-width-min":"auto","--pds-internal-grid-width-max":"none",[y]:"surface"===o?(0,s.r)(f.c):(0,s.r)(k.c)}),"n",0,B,"o",0,D,"p",0,w,"q",0,(o,t,e=!1)=>{o.preventDefault(),e||t()},"r",0,(o,t,e,r=!1)=>{e||r||!$(o)||t()},"s",0,(o,t,e,r)=>{"background-color"===o.propertyName&&(t?e.emit(o):r.emit(o))},"t",0,$,"u",0,(o,t)=>{t.scrollTo(0,0),o.inert=!0,o.showModal(),o.inert=!1,o.focus()}])},3114(o,t,e){var r=e(2505),i=e(4247),s=e(451),n=e(2112),a=e(6809),d=e(3933),l=e(7957),c=e(5849),p=e(7057),h=e(1042),u=e(4682),g=e(1039),b=e(2975),m=e(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"/>');e.d(t,["F",0,({label:o,onClick:t,ariaDescription:e,refCallback:i})=>(0,r.x)("button",{class:"dismiss",type:"button",onClick:t,ref:i,...e?{"aria-description":e}:{}},(0,r.x)("span",null,o)),"g",0,o=>{const{textColor:t,backgroundColor:e,backgroundColorHover:r}=(o=>({canvas:{textColor:(0,i.r)(g.c),backgroundColor:(0,i.r)(b.c),backgroundColorHover:(0,i.r)(m.c)},surface:{textColor:(0,i.r)(g.c),backgroundColor:(0,i.r)(m.c),backgroundColorHover:(0,i.r)(b.c)},frosted:{textColor:(0,i.r)(g.c),backgroundColor:(0,i.r)(u.c),backgroundColorHover:(0,i.r)(h.c)}}[o]))(o);return{all:"unset",boxSizing:"border-box",display:"grid",placeItems:"center",padding:"6px",borderRadius:(0,i.r)(p.r),font:`${(0,i.r)(l.f)} ${(0,i.r)(c.t)} / ${(0,i.r)(a.l)} ${(0,i.r)(a.f)}`,backgroundColor:e,color:t,cursor:"pointer",..."frosted"===o&&{WebkitBackdropFilter:(0,i.r)(d.b),backdropFilter:(0,i.r)(d.b)},transition:`${(0,i.c)("background-color")}, ${(0,i.c)("color")}`,...(0,i.f)({forcedColorAdjust:"none",background:"Canvas",boxShadow:"inset 0 0 0 2px ButtonBorder",color:"ButtonText"}),"&:focus-visible":(0,i.b)(),...(0,s.h)({"&:hover":{backgroundColor:r,...(0,i.f)({background:"Canvas"})}}),"&::before":{content:'""',width:(0,i.r)(a.l),height:(0,i.r)(a.l),WebkitMask:`${f} center/contain no-repeat`,mask:`${f} center/contain no-repeat`,background:"currentColor"},"& span":(0,i.d)()}}])},7957(o,t,e){e.d(t,["f",0,"--p-font-weight-normal"])},2112(o,t,e){e.d(t,["g",0,o=>`url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">${o}</svg>')`])},698(o,t,e){var r=e(2505);e.d(t,["g",0,(o,t)=>(0,r.d)(o,`:scope>[slot="${t}"]`)])},3372(o,t,e){var r=e(2505);e.d(t,["g",0,(o,t)=>(0,r.d)(o,`[slot="${t}"]`)?.textContent])},5158(o,t,e){const r="max(22px, 10.625vw - 12px)",i=r;e.d(t,["a",0,"min(50vw - 880px, 400px)","b",0,"calc(5vw - 16px)","c",0,r,"g",0,i])},1797(o,t,e){e.d(t,["g",0,"clamp(16px, 1.25vw + 12px, 36px)"])},7050(o,t,e){e.d(t,["h",0,(o,t)=>null===o||null===t||"object"!=typeof o||"object"!=typeof t?o!==t:Array.isArray(o)&&Array.isArray(t)?!(o.length===t.length&&o.every((o,e)=>o===t[e])):!(Object.keys(o).length===Object.keys(t).length&&Object.entries(o).every(([o,e])=>e===t[o]))])},5697(o,t,e){var r=e(698);e.d(t,["h",0,(o,t)=>!!(0,r.g)(o,t)])},4247(o,t,e){const r="--p-duration-md",i="--p-duration-sm",s="--p-duration-xl",n="--p-ease-in-out",a=(o,t)=>`var(${o}${void 0===t?"":`,${t}`})`,d=o=>({"@media(forced-colors:active)":o}),l={short:a(i),moderate:a(r),long:a("--p-duration-lg"),veryLong:a(s)},c={base:a(n),in:a("--p-ease-in"),out:a("--p-ease-out"),linear:"linear"},p="--p-transition-duration",h="--p-animation-duration",u=o=>`${o} !important`,g=o=>Object.entries(o).reduce((o,[t,e])=>(null===e||(o[t]="object"==typeof e?g(e):u(e)),o),{});e.d(t,["a",0,g,"b",0,(o=2)=>({outline:`2px solid ${a("--p-color-focus")}`,outlineOffset:`${o}px`,...d({outlineColor:"Highlight"})}),"c",0,(o,t="short",e="base",r)=>`${o} ${a(p,l[t])} ${c[e]}`,"d",0,(o=!0,t)=>o?{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",...t},"e",0,u,"f",0,d,"g",0,o=>({opacity:.4,...d({opacity:1,color:"GrayText",...o})}),"h",0,{"&([hidden])":{display:"none"}},"i",0,p,"j",0,s,"k",0,h,"l",0,i,"m",0,l,"n",0,r,"o",0,n,"p",0,(o,t="short",e="base")=>`${o} ${a(h,l[t])} ${c[e]}`,"r",0,a])},451(o,t,e){e.d(t,["h",0,o=>({"@media(hover:hover)":o})])},6809(o,t,e){e.d(t,["f",0,"--p-font-porsche-next","l",0,"--p-leading-normal"])},7693(o,t,e){const r=new Map,i=new Map,s={getIntersectionObserverStickyArea:o=>new IntersectionObserver(o=>{for(const{target:t,isIntersecting:e}of o)t.toggleAttribute("data-stuck",!e)},{root:o,threshold:1})};e.d(t,["o",0,(o,t)=>{let e=r.get(o);e||(e=s.getIntersectionObserverStickyArea(o),r.set(o,e)),i.has(t)||(e.observe(t),i.set(t,e))}])},909(o,t,e){e.r(t);var r=e(2505),i=e(6241),s=e(3372),n=e(5697),a=e(1822),d=e(7693),l=e(7050),c=e(3297),p=e(1864),h=e(6685),u=e(4247),g=e(5158);e(698),e(3114);const b=(o,t,e,i,s,n,d)=>

1(0,r.i)({"@global":{":host":{display:"contents",...(0,u.a)({"--ref-p-modal-pt":a.p,"--ref-p-modal-pb":a.o,"--ref-p-modal-px":a.n,...(0,a.m)(t),...u.h})},slot:{...(0,a.l)(),"&:not([name])":(0,a.k)(),...n&&{"&[name=header]":{gridColumn:"2/3",zIndex:0}},...d&&{"&[name=footer]":(0,a.h)()}},dialog:(0,a.e)(o,e)},scroller:(0,a.c)("fullscreen"),modal:{...(0,a.d)(),...(0,a.a)(),...(0,a.b)(o,"^"),...(0,r.l)(i,o=>o?{width:"auto",minWidth:"auto",maxWidth:"none",placeSelf:"stretch",margin:0,borderRadius:0,clipPath:"none"}:{width:(0,u.r)("--p-modal-width","auto"),minWidth:"276px",maxWidth:"1535.5px",placeSelf:"center",margin:`${(0,u.r)("--p-modal-spacing-top","clamp(16px, 10vh, 192px)")} ${g.g} ${(0,u.r)("--p-modal-spacing-bottom","clamp(16px, 10vh, 192px)")}`,borderRadius:a.i,clipPath:`inset(0 round ${a.i})`,...(0,u.f)({outline:"2px solid CanvasText",outlineOffset:"-2px"})})},...s&&{dismiss:(0,a.g)(t)}}),m={open:r.A.boolean,dismissButton:r.A.boolean,disableBackdropClick:r.A.boolean,background:r.A.oneOf(["canvas","surface"]),backdrop:r.A.oneOf(a.B),fullscreen:r.A.breakpoint("boolean"),aria:r.A.aria(["aria-label","role"])};e.d(t,["p_modal",0,class{constructor(o){(0,r.r)(this,o),this.dismiss=(0,r.z)(this,"dismiss",3),this.motionVisibleEnd=(0,r.z)(this,"motionVisibleEnd",3),this.motionHiddenEnd=(0,r.z)(this,"motionHiddenEnd",3),this.open=!1,this.dismissButton=!0,this.disableBackdropClick=!1,this.backdrop="blur",this.background="canvas",this.fullscreen=!1,this.isPointerDownInside=!1,this.topLayer=(0,h.c)({getElement:()=>this.dialog,isShown:()=>!!this.dialog?.open,show:()=>(0,a.u)(this.dialog,this.scroller),hide:()=>this.dialog?.close()}),this.onDialogCancel=o=>(0,a.q)(o,()=>this.dismissDialog("escape"),!this.dismissButton),this.onDialogBackdropClick=o=>(0,a.r)(o,()=>this.dismissDialog("backdrop"),this.disableBackdropClick,this.isPointerDownInside),this.onDismissButtonClick=()=>this.dismissDialog("dismiss-button"),this.dismissDialog=o=>{this.dismiss.emit({reason:o})},this.ariaLabel=()=>(0,n.h)(this.host,"header")&&(0,s.g)(this.host,"header")}componentShouldUpdate(o,t){return(0,l.h)(o,t)}connectedCallback(){(0,r.C)(this.host,()=>{(0,r.f)(this.host)},void 0,{subtree:!1,childList:!0,attributes:!1})}componentWillRender(){(0,p.s)(this.open)}componentDidRender(){this.open?this.topLayer.requestShow():this.topLayer.requestHide()}componentDidLoad(){this.hasFooter&&(0,d.o)(this.scroller,this.footer)}componentDidUpdate(){this.hasFooter&&(0,d.o)(this.scroller,this.footer)}disconnectedCallback(){(0,p.s)(!1),this.topLayer.cancel(),(0,r.D)(this.host)}render(){return(0,r.v)(this,m),this.hasHeader=(0,n.h)(this.host,"header"),this.hasFooter=(0,n.h)(this.host,"footer"),this.open&&(0,c.w)(this.host,this.hasHeader,this.aria),(0,r.w)(this.host,b,this.open,this.background,this.backdrop,this.fullscreen,this.dismissButton,this.hasHeader,this.hasFooter),(0,r.x)(a.D,{key:"6ef8f31c933f4f943aae17098604c97d2badd646",inert:!this.open,dialogRef:o=>this.dialog=o,scrollerRef:o=>this.scroller=o,dismissable:this.dismissButton??void 0,containerClass:"modal",onCancel:this.onDialogCancel,onMouseDown:o=>this.isPointerDownInside=!(0,a.t)(o),onClick:this.onDialogBackdropClick,onTransitionEnd:o=>(0,a.s)(o,this.open,this.motionVisibleEnd,this.motionHiddenEnd),onDismiss:this.dismissButton?this.onDismissButtonClick:void 0,header:this.hasHeader?(0,r.x)("slot",{name:"header"}):void 0,footer:this.hasFooter?(0,r.x)("slot",{name:"footer",ref:o=>this.footer=o}):void 0,ariaAttributes:(0,i.p)({"aria-modal":!0,...this.hasHeader&&{"aria-label":this.ariaLabel()},...(0,i.p)(this.aria)})},(0,r.x)("slot",{key:"0b1eedb8ceef98ea541174fdf982c3f4c5a46d7a"}))}get host(){return(0,r.y)(this)}}])},2640(o,t,e){e.d(t,["r",0,"--p-radius-2xl"])},1736(o,t,e){e.d(t,["r",0,"--p-radius-3xl"])},7057(o,t,e){e.d(t,["r",0,"--p-radius-full"])},1864(o,t,e){e.d(t,["c",0,"--p-color-backdrop","s",0,o=>{document.body.style.overflow=o?"hidden":""}])},4265(o,t,e){e.d(t,["s",0,"--p-spacing-fluid-lg"])},7362(o,t,e){e.d(t,["s",0,"--p-spacing-fluid-md"])},3827(o,t,e){e.d(t,["s",0,"--p-spacing-fluid-sm"])},7202(o,t,e){e.d(t,["s",0,"--p-spacing-static-2xs"])},845(o,t,e){e.d(t,["s",0,"--p-spacing-static-md"])},5849(o,t,e){e.d(t,["t",0,"--p-typescale-sm"])},3297(o,t,e){var r=e(2505);e.d(t,["w",0,(o,t,e)=>{t||e||(0,r.o)(`heading prop (deprecated), aria prop or header slot has to be set for component ${(0,r.g)(o)} in order to ensure accessibility.`,o)}])}}]);