https://cdn.ui.porsche.com/porsche-design-system/components/porsch…gn-system.link-tile.19b68193f1c3c025c9e8.js

1"use strict";(self.webpackChunkPorscheDesignSystem_4_5_0=self.webpackChunkPorscheDesignSystem_4_5_0||[]).push([["link-tile"],{2975(t,e,a){a.d(e,["c",0,"--p-color-canvas"])},1039(t,e,a){a.d(e,["c",0,"--p-color-primary"])},7957(t,e,a){a.d(e,["f",0,"--p-font-weight-normal"])},146(t,e,a){a.d(e,["f",0,"--p-font-weight-semibold"])},3800(t,e,a){a.d(e,{g:()=>o});var i=a(6410),r=a(5720);function o(t,e){return(0,r.t)(e).split(",").map(e=>(0,i.d)(t,e)).filter(t=>t)[0]||null}},1714(t,e,a){var i=a(6410);a.d(e,["g",0,(t,e)=>(0,i.d)(t,`:scope>[slot="${e}"]`)])},7050(t,e,a){a.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,a)=>t===e[a])):!(Object.keys(t).length===Object.keys(e).length&&Object.entries(t).every(([t,a])=>a===e[t]))])},2732(t,e,a){var i=a(1714);a.d(e,["h",0,(t,e)=>!!(0,i.g)(t,e)])},4247(t,e,a){const i="--p-duration-md",r="--p-duration-sm",o="--p-duration-xl",s="--p-ease-in-out",l=(t,e)=>`var(${t}${void 0===e?"":`,${e}`})`,n=t=>({"@media(forced-colors:active)":t}),d={short:l(r),moderate:l(i),long:l("--p-duration-lg"),veryLong:l(o)},h={base:l(s),in:l("--p-ease-in"),out:l("--p-ease-out"),linear:"linear"},c="--p-transition-duration",p="--p-animation-duration",g=t=>`${t} !important`,u=t=>Object.entries(t).reduce((t,[e,a])=>(null===a||(t[e]="object"==typeof a?u(a):g(a)),t),{});a.d(e,["a",0,u,"b",0,(t=2)=>({outline:`2px solid ${l("--p-color-focus")}`,outlineOffset:`${t}px`,...n({outlineColor:"Highlight"})}),"c",0,(t,e="short",a="base",i)=>`${t} ${l(c,d[e])} ${h[a]}`,"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,n,"g",0,t=>({opacity:.4,...n({opacity:1,color:"GrayText",...t})}),"h",0,{"&([hidden])":{display:"none"}},"i",0,c,"j",0,o,"k",0,p,"l",0,r,"m",0,d,"n",0,i,"o",0,s,"p",0,(t,e="short",a="base")=>`${t} ${l(p,d[e])} ${h[a]}`,"r",0,l])},451(t,e,a){a.d(e,["h",0,t=>({"@media(hover:hover)":t})])},6809(t,e,a){a.d(e,["f",0,"--p-font-porsche-next","l",0,"--p-leading-normal"])},4316(t,e,a){a.d(e,["L",0,["aria-label","aria-description","aria-current","aria-haspopup"]])},4134(t,e,a){var i=a(3800),r=a(6410);const o="hsla(0,0%,0%,.8) 0%,hsla(0,0%,0%,.8) 8.1%,hsla(0,0%,0%,.8) 15.5%,hsla(0,0%,0%,.8) 22.5%,hsla(0,0%,0%,.78) 29%,hsla(0,0%,0%,.73) 35.3%,hsla(0,0%,0%,.67) 41.2%,hsla(0,0%,0%,.6) 47.1%,hsla(0,0%,0%,.52) 52.9%,hsla(0,0%,0%,.44) 58.8%,hsla(0,0%,0%,.33) 64.7%,hsla(0,0%,0%,.22) 71%,hsla(0,0%,0%,.12) 77.5%,hsla(0,0%,0%,.05) 84.5%,hsla(0,0%,0%,.011) 91.9%,hsla(0,0%,0%,0) 100%",s={background:`linear-gradient(to bottom, ${o});`},l={background:`linear-gradient(to top, ${o});`},n={size:r.A.breakpoint(["medium","large","inherit"]),aspectRatio:r.A.breakpoint(["1/1","4/3","3/4","16/9","9/16","auto"]),label:r.A.string,description:r.A.string,align:r.A.oneOf(["top","bottom"]),gradient:r.A.boolean,compact:r.A.breakpoint("boolean")};a.d(e,["T",0,["regular","semi-bold"],"a",0,l,"g",0,s,"p",0,t=>{const e=(0,i.g)(t,"video");e?.hasAttribute("autoplay")&&matchMedia("(prefers-reduced-motion)").matches&&e.pause()},"s",0,n])},7803(t,e,a){a.r(e);var i=a(6410),r=a(4891),o=a(2732),s=a(4316),l=a(7050),n=a(4134),d=a(4247),h=a(1068),c=a(451),p=a(2676),g=a(5206),u=a(845),b=a(4265),m=a(2975),f=a(1736),y=a(7362),k=a(1039),x=a(7957),v=a(5849),w=a(6809);a(1714),a(3800);const $=(t,e,a,r,o,s,l,$)=>{const A="top"===r;return(0,i.i)({"@global":{":host":{display:"flex",alignItems:"stretch",colorScheme:"dark","@supports (-webkit-hyphens: auto)":{alignItems:"baseline"},hyphens:"auto",...(0,d.a)({...d.h})},...h.p,slot:{display:"block","&:not([name])":{width:"100%",height:"100%",transition:(0,d.c)("transform","moderate")},'&[name="header"]':{gridArea:(A?4:2)+"/2",zIndex:3},'&[name="footer"]':{gridRow:2,zIndex:3}},"::slotted(:is(img,video,picture))":(0,d.a)({display:"block",width:"100%",height:"100%"}),"::slotted(:is(img,video))":(0,d.a)({objectFit:"cover"}),a:{gridArea:"1/1/-1 /-1",zIndex:4,outline:0},p:{all:"unset",zIndex:3,maxWidth:"34.375rem",font:`${(0,d.r)(x.f)} ${(0,d.r)(v.t)} / ${(0,d.r)(w.l)} ${(0,d.r)(w.f)}`,color:(0,d.r)(k.c),hyphens:"inherit",...(0,i.m)((0,i.k)(e,t=>({fontSize:p.s[t]})),(0,i.k)(a,t=>({fontWeight:g.w[t]})))}},root:{display:"grid",gridTemplate:`${(0,d.r)(y.s)} auto minmax(0px, 1fr) auto ${(0,d.r)(y.s)}/${(0,d.r)(y.s)} minmax(0px, 1fr) ${(0,d.r)(y.s)}`,width:"100%","@supports (-webkit-hyphens: auto)":{height:"100%"},borderRadius:(0,d.r)(f.r),...(0,i.k)(t,t=>({aspectRatio:t})),...s&&{"&::after":{content:'""',zIndex:2,...A?{gridArea:"1/1/3/-1",background:n.g.background.replaceAll("0,0%,0%,",`from ${(0,d.r)(m.c)} h s l / `),marginBottom:`calc(${(0,d.r)(b.s)} * -1)`,borderStartStartRadius:"inherit",borderStartEndRadius:"inherit"}:{gridArea:"4/1/6/-1",background:n.a.background.replaceAll("0,0%,0%,",`from ${(0,d.r)(m.c)} h s l / `),marginTop:`calc(${(0,d.r)(b.s)} * -1)`,borderEndStartRadius:"inherit",borderEndEndRadius:"inherit"}}},...!$&&(0,c.h)({"&:hover slot:not([name])":{transform:"scale3d(1.05,1.05,1.05)"}})},media:{position:"relative",gridArea:"1/1/-1 /-1",zIndex:1,overflow:"hidden",borderRadius:"inherit"},footer:{gridArea:(A?2:4)+"/2",...(0,i.k)(o,t=>t?{display:"grid",gridTemplateColumns:"minmax(0,1fr) auto",columnGap:(0,d.r)(u.s)}:{display:"flex",flexDirection:"column",alignItems:"start"})},"link-or-button-pure":{zIndex:5,gridColumn:2,gridRow:"1/"+(l?3:2),alignSelf:A?"flex-start":"flex-end",...(0,i.k)(o,t=>({display:t?"inline-block":"none"}))},"link-or-button":{minHeight:"54px",zIndex:5,marginTop:(0,d.r)(u.s),...(0,i.k)(o,t=>({display:t?"none":"inline-block"}))}})},A={...n.s,weight:i.A.breakpoint(n.T),href:i.A.string,target:i.A.string,download:i.A.string,rel:i.A.string,aria:i.A.aria(s.L)};a.d(e,["p_link_tile",0,class{constructor(t){(0,i.r)(this,t),this.size="medium",this.weight="semi-bold",this.aspectRatio="4/3",this.align="bottom",this.gradient=!1,this.compact=!1,this.target="_self",this.hasFooterSlot=!1,this.updateSlotObserver=()=>{this.hasFooterSlot=(0,o.h)(this.host,"footer")}}connectedCallback(){(0,i.o)(this.host,r.g)}componentWillLoad(){(0,n.p)(this.host),this.updateSlotObserver()}componentShouldUpdate(t,e){return(0,l.h)(t,e)}render(){(0,i.v)(this,A);const t="true"===this.compact||"false"!==this.compact&&this.compact;(0,i.q)(this.host,$,this.aspectRatio,this.size,this.weight,this.align,t,this.gradient,this.hasFooterSlot);const e=(0,i.g)(this.host),a={variant:"secondary",aria:this.aria},r={href:this.href,target:this.target,download:this.download,rel:this.rel},o=(0,i.u)(e.pLink,{...r,...a,key:"link-or-button",class:"link-or-button"},this.label),s=(0,i.u)(e.pLink,{...r,...a,hideLabel:!0,icon:"arrow-right",key:"link-or-button-pure",compact:!0,class:"link-or-button-pure"},this.label);return(0,i.u)("div",{key:"be56961f766329e6e15e0077a446b4b050c51571",class:"root"},(0,i.u)("a",{key:"97d0f78f9724f3265a2b9e2e88f38b72d30edfab",...r,tabIndex:-1,"aria-hidden":"true"}),(0,i.u)("slot",{key:"7579a1fcc06009951e20bfd057f3aea82f6f5d16",name:"header"}),(0,i.u)("div",{key:"b693a8ebd66d4057a2e00c30bfaafa51edd56bcf",class:"media"},(0,i.u)("slot",{key:"918abf3737fafee5ce34b83f5a2a515e80c5562d",onSlotchange:()=>(0,n.p)(this.host)})),(0,i.u)("div",{key:"5feccbb72715fe4ed45f8afcf4431c6a9caf44bc",class:"footer"},(0,i.u)("p",{key:"c4b67dd87adeeebfd3f82cc78f4da7dbf9c2f6c6"},this.description),(0,i.u)("slot",{key:"1932a0017ed1b482d43631c1c7dd32a4eeecaa7c",name:"footer",onSlotchange:this.updateSlotObserver}),"boolean"==typeof t?t?s:o:[s,o]))}static get delegatesFocus(){return!0}get host(){return(0,i.w)(this)}}])},1068(t,e,a){a.d(e,["p",0,{":not(:defined,[data-ssr])":{visibility:"hidden"}}])},1736(t,e,a){a.d(e,["r",0,"--p-radius-3xl"])},2676(t,e,a){var i=a(4247),r=a(8442),o=a(3693),s=a(1912),l=a(5849),n=a(2762),d=a(6271);const h="--p-typescale-lg",c={"xx-small":(0,i.r)(d.t),"x-small":(0,i.r)(n.t),small:(0,i.r)(l.t),medium:(0,i.r)(s.t),large:(0,i.r)(h),"x-large":(0,i.r)(o.a),"xx-large":(0,i.r)(o.t),"2xs":(0,i.r)(d.t),xs:(0,i.r)(n.t),sm:(0,i.r)(l.t),md:(0,i.r)(s.t),lg:(0,i.r)(h),xl:(0,i.r)(o.a),"2xl":(0,i.r)(o.t),"3xl":(0,i.r)(r.b),"4xl":(0,i.r)(r.a),"5xl":(0,i.r)(r.t),inherit:"inherit"};a.d(e,["s",0,c])},4891(t,e,a){var i=a(4247);a.d(e,["g",0,t=>({"@global":{[`${t} picture img`]:(0,i.a)({height:"100%",width:"100%",objectFit:"cover"})}})])},4265(t,e,a){a.d(e,["s",0,"--p-spacing-fluid-lg"])},7362(t,e,a){a.d(e,["s",0,"--p-spacing-fluid-md"])},845(t,e,a){a.d(e,["s",0,"--p-spacing-static-md"])},5720(t,e,a){a.d(e,["t",0,t=>

1t.split(",").map(t=>`:scope>${t}`).join()])},6271(t,e,a){a.d(e,["t",0,"--p-typescale-2xs"])},8442(t,e,a){a.d(e,["a",0,"--p-typescale-4xl","b",0,"--p-typescale-3xl","t",0,"--p-typescale-5xl"])},1912(t,e,a){a.d(e,["t",0,"--p-typescale-md"])},5849(t,e,a){a.d(e,["t",0,"--p-typescale-sm"])},3693(t,e,a){a.d(e,["a",0,"--p-typescale-xl","t",0,"--p-typescale-2xl"])},2762(t,e,a){a.d(e,["t",0,"--p-typescale-xs"])},5206(t,e,a){var i=a(4247),r=a(146),o=a(7957);const s={regular:(0,i.r)(o.f),"semi-bold":(0,i.r)(r.f),normal:(0,i.r)(o.f),semibold:(0,i.r)(r.f),bold:(0,i.r)("--p-font-weight-bold")};a.d(e,["w",0,s])}}]);