https://cdn.ui.porsche.com/porsche-design-system/components/porsch…-system.button-tile.ee0ded99c1fdc03fda54.js

1"use strict";(self.webpackChunkPorscheDesignSystem_4_5_0=self.webpackChunkPorscheDesignSystem_4_5_0||[]).push([["button-tile"],{1662(t,e,i){i.d(e,["B",0,["aria-label","aria-description","aria-expanded","aria-pressed","aria-haspopup"],"a",0,["button","submit","reset"]])},2975(t,e,i){i.d(e,["c",0,"--p-color-canvas"])},1039(t,e,i){i.d(e,["c",0,"--p-color-primary"])},7957(t,e,i){i.d(e,["f",0,"--p-font-weight-normal"])},146(t,e,i){i.d(e,["f",0,"--p-font-weight-semibold"])},3800(t,e,i){i.d(e,{g:()=>r});var a=i(6410),o=i(5720);function r(t,e){return(0,o.t)(e).split(",").map(e=>(0,a.d)(t,e)).filter(t=>t)[0]||null}},1714(t,e,i){var a=i(6410);i.d(e,["g",0,(t,e)=>(0,a.d)(t,`:scope>[slot="${e}"]`)])},7050(t,e,i){i.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,i)=>t===e[i])):!(Object.keys(t).length===Object.keys(e).length&&Object.entries(t).every(([t,i])=>i===e[t]))])},2732(t,e,i){var a=i(1714);i.d(e,["h",0,(t,e)=>!!(0,a.g)(t,e)])},4247(t,e,i){const a="--p-duration-md",o="--p-duration-sm",r="--p-duration-xl",s="--p-ease-in-out",n=(t,e)=>`var(${t}${void 0===e?"":`,${e}`})`,l=t=>({"@media(forced-colors:active)":t}),d={short:n(o),moderate:n(a),long:n("--p-duration-lg"),veryLong:n(r)},c={base:n(s),in:n("--p-ease-in"),out:n("--p-ease-out"),linear:"linear"},h="--p-transition-duration",p="--p-animation-duration",u=t=>`${t} !important`,g=t=>Object.entries(t).reduce((t,[e,i])=>(null===i||(t[e]="object"==typeof i?g(i):u(i)),t),{});i.d(e,["a",0,g,"b",0,(t=2)=>({outline:`2px solid ${n("--p-color-focus")}`,outlineOffset:`${t}px`,...l({outlineColor:"Highlight"})}),"c",0,(t,e="short",i="base",a)=>`${t} ${n(h,d[e])} ${c[i]}`,"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,u,"f",0,l,"g",0,t=>({opacity:.4,...l({opacity:1,color:"GrayText",...t})}),"h",0,{"&([hidden])":{display:"none"}},"i",0,h,"j",0,r,"k",0,p,"l",0,o,"m",0,d,"n",0,a,"o",0,s,"p",0,(t,e="short",i="base")=>`${t} ${n(p,d[e])} ${c[i]}`,"r",0,n])}

1,451(t,e,i){i.d(e,["h",0,t=>({"@media(hover:hover)":t})])},1491(t,e,i){i.d(e,["i",0,(t,e)=>t||e])},6809(t,e,i){i.d(e,["f",0,"--p-font-porsche-next","l",0,"--p-leading-normal"])},4134(t,e,i){var a=i(3800),o=i(6410);const r="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, ${r});`},n={background:`linear-gradient(to top, ${r});`},l={size:o.A.breakpoint(["medium","large","inherit"]),aspectRatio:o.A.breakpoint(["1/1","4/3","3/4","16/9","9/16","auto"]),label:o.A.string,description:o.A.string,align:o.A.oneOf(["top","bottom"]),gradient:o.A.boolean,compact:o.A.breakpoint("boolean")};i.d(e,["T",0,["regular","semi-bold"],"a",0,n,"g",0,s,"p",0,t=>{const e=(0,a.g)(t,"video");e?.hasAttribute("autoplay")&&matchMedia("(prefers-reduced-motion)").matches&&e.pause()},"s",0,l])},5967(t,e,i){i.r(e);var a=i(6410),o=i(4891),r=i(2732),s=i(1491),n=i(1662),l=i(7050),d=i(4134),c=i(4247),h=i(1068),p=i(451),u=i(2676),g=i(5206),b=i(4265),m=i(2975),f=i(845),y=i(1736),x=i(7362),k=i(1039),v=i(7957),w=i(5849),$=i(6809);i(1714),i(3800);const A=(t,e,i,o,r,s,n,l,A)=>{const S="top"===r;return(0,a.i)({"@global":{":host":{display:"flex",alignItems:"stretch",colorScheme:"dark","@supports (-webkit-hyphens: auto)":{alignItems:"baseline"},hyphens:"auto",...(0,c.a)({...c.h})},...h.p,slot:{display:"block","&:not([name])":{width:"100%",height:"100%",transition:(0,c.c)("transform","moderate")},'&[name="header"]':{gridArea:(S?4:2)+"/2",zIndex:3},'&[name="footer"]':{gridRow:2,zIndex:3}}

1,"::slotted(:is(img,video,picture))":(0,c.a)({display:"block",width:"100%",height:"100%"}),"::slotted(:is(img,video))":(0,c.a)({objectFit:"cover"}),a:{gridArea:"1/1/-1 /-1",zIndex:4,outline:0},p:{all:"unset",zIndex:3,maxWidth:"34.375rem",font:`${(0,c.r)(v.f)} ${(0,c.r)(w.t)} / ${(0,c.r)($.l)} ${(0,c.r)($.f)}`,color:(0,c.r)(k.c),hyphens:"inherit",...(0,a.m)((0,a.k)(i,t=>({fontSize:u.s[t]})),(0,a.k)(o,t=>({fontWeight:g.w[t]})))}},root:{display:"grid",gridTemplate:`${(0,c.r)(x.s)} auto minmax(0px, 1fr) auto ${(0,c.r)(x.s)}/${(0,c.r)(x.s)} minmax(0px, 1fr) ${(0,c.r)(x.s)}`,width:"100%","@supports (-webkit-hyphens: auto)":{height:"100%"},borderRadius:(0,c.r)(y.r),...(0,a.k)(e,t=>({aspectRatio:t})),cursor:t?"not-allowed":"pointer",...n&&{"&::after":{content:'""',zIndex:2,...S?{gridArea:"1/1/3/-1",background:d.g.background.replaceAll("0,0%,0%,",`from ${(0,c.r)(m.c)} h s l / `),marginBottom:`calc(${(0,c.r)(b.s)} * -1)`,borderStartStartRadius:"inherit",borderStartEndRadius:"inherit"}:{gridArea:"4/1/6/-1",background:d.a.background.replaceAll("0,0%,0%,",`from ${(0,c.r)(m.c)} h s l / `),marginTop:`calc(${(0,c.r)(b.s)} * -1)`,borderEndStartRadius:"inherit",borderEndEndRadius:"inherit"}}},...!A&&(0,p.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:(S?2:4)+"/2",...(0,a.k)(s,t=>t?{display:"grid",gridTemplateColumns:"minmax(0,1fr) auto",columnGap:(0,c.r)(f.s)}:{display:"flex",flexDirection:"column",alignItems:"start"})},"link-or-button-pure":{zIndex:5,gridColumn:2,gridRow:"1/"+(l?3:2),alignSelf:S?"flex-start":"flex-end",...(0,a.k)(s,t=>({display:t?"inline-block":"none"}))},"link-or-button":{minHeight:"54px",zIndex:5,marginTop:(0,c.r)(f.s),...(0,a.k)(s,t=>({display:t?"none":"inline-block"}))}})},S={...d.s,weight:a.A.breakpoint(d.T),type:a.A.oneOf(n.a),disabled:a.A.boolean,loading:a.A.boolean,icon:a.A.string,iconSource:a.A.string,aria:a.A.aria(n.B)};i.d(e,["p_button_tile",0,class{constructor(t){(0,a.r)(this,t),this.size="medium",this.weight="semi-bold",this.aspectRatio="4/3",this.align="bottom",this.gradient=!1,this.compact=!1,this.type="submit",this.disabled=!1,this.loading=!1,this.icon="none",this.hasFooterSlot=!1,this.updateSlotObserver=()=>{this.hasFooterSlot=(0,r.h)(this.host,"footer")}}onClick(t){(0,s.i)(this.disabled,this.loading)&&t.stopPropagation()}connectedCallback(){(0,a.o)(this.host,o.g)}componentWillLoad(){(0,d.p)(this.host),this.updateSlotObserver()}componentShouldUpdate(t,e){return(0,l.h)(t,e)}render(){(0,a.v)(this,S);const t="true"===this.compact||"false"!==this.compact&&this.compact;(0,a.q)(this.host,A,(0,s.i)(this.disabled,this.loading),this.aspectRatio,this.size,this.weight,this.align,t,this.gradient,this.hasFooterSlot,this.disabled);const e=(0,a.g)(this.host),i={variant:"secondary",iconSource:this.iconSource,type:this.type,disabled:this.disabled,loading:this.loading,aria:this.aria},o=(0,a.u)(e.pButton,{...i,icon:this.icon,key:"link-or-button",class:"link-or-button"},this.label),r=(0,a.u)(e.pButton,{...i,key:"link-or-button-pure",class:"link-or-button-pure",hideLabel:!0,compact:!0,icon:"none"===this.icon?"arrow-right":this.icon},this.label);return(0,a.u)("div",{key:"5bb6c77172b2cd93419f56909e4443987fc1236f",class:"root"},(0,a.u)("slot",{key:"4229e36679e5dd69ca8c831d0fd118b553e0c01c",name:"header"}),(0,a.u)("div",{key:"6bb705e8aef786cf318fccafd6d71e451ce64bbe",class:"media"},(0,a.u)("slot",{key:"46eda09a7d702c590040aa9d8298e6b458c8dae9",onSlotchange:()=>(0,d.p)(this.host)})),(0,a.u)("div",{key:"08c3a16c27ca7ec7e916fae240e4ef9097022c73",class:"footer"},(0,a.u)("p",{key:"b7bb64c6f6f55191c9194c41db7c3c3c8af7ae3a"},this.description),(0,a.u)("slot",{key:"ccbcd3419b582f8724c53ac9d18f4954190ca521",name:"footer",onSlotchange:this.updateSlotObserver}),"boolean"==typeof t?t?r:o:[r,o]))}static get delegatesFocus(){return!0}get host(){return(0,a.w)(this)}}])},1068(t,e,i){i.d(e,["p",0,{":not(:defined,[data-ssr])":{visibility:"hidden"}}])},1736(t,e,i){i.d(e,["r",0,"--p-radius-3xl"])},2676(t,e,i){var a=i(4247),o=i(8442),r=i(3693),s=i(1912),n=i(5849),l=i(2762),d=i(6271);const c="--p-typescale-lg",h={"xx-small":(0,a.r)(d.t),"x-small":(0,a.r)(l.t),small:(0,a.r)(n.t),medium:(0,a.r)(s.t),large:(0,a.r)(c),"x-large":(0,a.r)(r.a),"xx-large":(0,a.r)(r.t),"2xs":(0,a.r)(d.t),xs:(0,a.r)(l.t),sm:(0,a.r)(n.t),md:(0,a.r)(s.t),lg:(0,a.r)(c),xl:(0,a.r)(r.a),"2xl":(0,a.r)(r.t),"3xl":(0,a.r)(o.b),"4xl":(0,a.r)(o.a),"5xl":(0,a.r)(o.t),inherit:"inherit"};i.d(e,["s",0,h])},4891(t,e,i){var a=i(4247);i.d(e,["g",0,t=>({"@global":{[`${t} picture img`]:(0,a.a)({height:"100%",width:"100%",objectFit:"cover"})}})])},4265(t,e,i){i.d(e,["s",0,"--p-spacing-fluid-lg"])},7362(t,e,i){i.d(e,["s",0,"--p-spacing-fluid-md"])},845(t,e,i){i.d(e,["s",0,"--p-spacing-static-md"])},5720(t,e,i){i.d(e,["t",0,t=>

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