https://saabparts.com/_next/static/chunks/7821.dbc6be9493d2c7a2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7821],{17821:(e,a,t)=>{t.r(a),t.d(a,{default:()=>b,getComponentServerProps:()=>x});var l=t(2183),r=t(27861),n=t(98356),o=t(99346),s=t(62943),i=t(3638),c=t(96001),u=t(36439),d=t(88020),h=t(80500),p=t(78969),m=t(57827);let x=async(e,a,t)=>{try{let a=e.fields;return{blurDataURL:await (0,o.P9)(a?.Image?.value?.src)}}catch(e){return console.error(e),{}}},b=(0,o.es)(function(e){let a,t,x,b,f,v,g,y,k,j,w,_,T,C,S,P,N,A,V,B,D,I=(0,r.c)(68),{fields:E,blurDataURL:L,onSearch:z,rendering:H}=e,{push:R,query:U}=(0,c.useRouter)();if(I[0]!==U){let{path:e,...t}=U;a=t,I[0]=U,I[1]=a}else a=I[1];let F=(0,u.useRef)(null),[q,G]=(0,u.useState)(a.keyphrase||""),K=E.TextColor?.value==="Black"?"text-text-primary":"text-white",Z=E.HeroBannerSearchUrl.value.href,M=E.HeroBannerHasSearchBar.value,W=E?.HasMarginTop?.value===!0,Y=E?.CenterContent?.value===!0,{t:$}=(0,o.s9)();I[2]!==z||I[3]!==R||I[4]!==a||I[5]!==q||I[6]!==Z?(t=()=>{z?z(q):R({pathname:Z,query:{...a,keyphrase:q}}),(0,d.d)({event:"search",search_type:"start page",search_term:q.toString()})},I[2]=z,I[3]=R,I[4]=a,I[5]=q,I[6]=Z,I[7]=t):t=I[7];let J=t;I[8]===Symbol.for("react.memo_cache_sentinel")?(x=()=>G(""),I[8]=x):x=I[8];let O=x;I[9]===Symbol.for("react.memo_cache_sentinel")?(b=()=>{if(!F.current)return;let e=F.current.getBoundingClientRect().bottom+window.scrollY;window.scrollTo({top:e,behavior:"smooth"})},I[9]=b):b=I[9];let Q=b;I[10]!==$?(f=()=>(0,l.jsx)("button",{onClick:()=>Q(),className:"bp:bottom-8 absolute bottom-4 left-[50%] translate-x-[-50%] animate-bounce text-white","aria-label":$("scrollDownButtonAria"),children:(0,l.jsx)(n.ZL,{className:(0,i.A)("drop-shadow-[0_4px_7px_rgba(0,0,0,0.25),0px_1px_2px_rgba(0,0,0,0.45)]","bp:h-10 bp:w-10 h-8 w-8")})}),I[10]=$,I[11]=f):f=I[11];let X=f,ee=H.uid,ea=M&&"mb-8",et=W&&"sc-block-mt";I[12]!==E.Variant?.value||I[13]!==ea||I[14]!==et?(v=(0,i.A)("relative flex w-full justify-center transition-all duration-500",ea,et,E?.Variant?.value==="FullScreen"?"min-h-[calc(100svh-var(--hedin-menu-height,0px))]":"min-h-[312px] bp:h-[534px]"),I[12]=E.Variant?.value,I[13]=ea,I[14]=et,I[15]=v):v=I[15],I[16]!==L||I[17]!==E.Content?.value||I[18]!==E.Image||I[19]!==E.ImagePhone||I[20]!==E.VideoDesktop||I[21]!==E.VideoPhone?(g=E?.Content?.value==="Image"?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n._V,{field:E.Image,fill:!0,priority:!0,placeholder:L?"blur":"empty",blurDataURL:L,className:(0,i.A)(E.ImagePhone.value?.src&&"bp:block hidden","absolute inset-0 z-0 h-full w-full object-cover")}),E.ImagePhone.value?.src&&(0,l.jsx)(n._V,{field:E.ImagePhone,fill:!0,priority:!0,placeholder:L?"blur":"empty",blurDataURL:L,className:"bp:hidden absolute inset-0 z-0 h-full w-full object-cover"})]}):(0,l.jsx)("div",{className:"absolute z-0 h-full w-full",children:(0,l.jsx)(m.A,{VideoDesktop:E.VideoDesktop,VideoPhone:E.VideoPhone})}),I[16]=L,I[17]=E.Content?.value,I[18]=E.Image,I[19]=E.ImagePhone,I[20]=E.VideoDesktop,I[21]=E.VideoPhone,I[22]=g):g=I[22];let el=Y?"items-center text-center":"items-start",er=M&&"pb-14";I[23]!==E.ContentPlacement?.value||I[24]!==el||I[25]!==er?(y=(0,i.A)("p-sm bp:px-lg flex w-full max-w-2xl flex-col gap-6 py-10",el,er,(e=>{switch(e){case"Top":return"justify-start";case"Bottom":return"justify-end pb-[30svh]";default:return"justify-center"}})(E?.ContentPlacement?.value)),I[23]=E.ContentPlacement?.value,I[24]=el,I[25]=er,I[26]=y):y=I[26],I[27]===Symbol.for("react.memo_cache_sentinel")?(k=["fade-in","slide-in-y"],I[27]=k):k=I[27];let en=E?.TitleTag?.value||"H1";I[28]!==K?(j=(0,i.A)("max-w-md hyphens-auto","drop-shadow-[0_4px_7px_rgba(0,0,0,0.25),0px_1px_2px_rgba(0,0,0,0.45)]",K),I[28]=K,I[29]=j):j=I[29],I[30]!==E.Title?(w=(0,l.jsx)(s.Text,{field:E.Title}),I[30]=E.Title,I[31]=w):w=I[31],I[32]!==en||I[33]!==j||I[34]!==w?(_=(0,l.jsx)(h.A,{animationType:k,delay:100,duration:500,isEnabled:!0,children:(0,l.jsx)(n.DZ,{tagName:en,className:j,children:w})}),I[32]=en,I[33]=j,I[34]=w,I[35]=_):_=I[35],I[36]!==E.Text||I[37]!==K?(T=E.Text.value&&(0,l.jsx)(h.A,{animationType:["fade-in","slide-in-y"],delay:200,duration:500,isEnabled:!0,children:(0,l.jsx)("p",{className:(0,i.A)("max-w-md text-lg font-normal leading-7","drop-shadow-[0_4px_7px_rgba(0,0,0,0.25),0px_1px_2px_rgba(0,0,0,0.45)]",K

1),children:(0,l.jsx)(s.Text,{field:E.Text})})}),I[36]=E.Text,I[37]=K,I[38]=T):T=I[38],I[39]!==_||I[40]!==T?(C=(0,l.jsxs)("div",{className:"flex flex-col gap-2",children:[_,T]}),I[39]=_,I[40]=T,I[41]=C):C=I[41],I[42]===Symbol.for("react.memo_cache_sentinel")?(S=["fade-in","slide-in-y"],I[42]=S):S=I[42];let eo=E.Link,es=E?.ButtonType?.value;return I[43]!==es?(P=(e=>{switch(e){case"Primary":case"None":default:return"primary";case"Secondary":return"secondary";case"Ghost":return"ghost";case"Ghost Contrast":return"ghost-contrast"}})(es),I[43]=es,I[44]=P):P=I[44],I[45]!==E.Link||I[46]!==P?(N=(0,l.jsx)("div",{className:"flex grow-0",children:(0,l.jsx)(h.A,{animationType:S,delay:300,duration:500,isEnabled:!0,children:(0,l.jsx)(n.$n,{field:eo,variant:P,icon:"ArrowForwardIcon"})})}),I[45]=E.Link,I[46]=P,I[47]=N):N=I[47],I[48]!==E.SearchBarPlaceholderText?.value||I[49]!==E.SearchBarPlaceholderTextDesktop?.value||I[50]!==M||I[51]!==J||I[52]!==q?(A=M&&(0,l.jsx)("div",{className:"absolute inset-x-0 bottom-0 mb-[-24px]",children:(0,l.jsx)(p.A,{size:"lg",children:(0,l.jsxs)("div",{className:"relative w-full",children:[(0,l.jsx)("input",{className:(0,i.A)("bp:hidden","border-outline-link font-alt bg-background-100 btn-hover btn-hover-focus px-sm inset-0 w-full rounded-full py-3 placeholder-black transition focus-visible:-translate-y-px focus-visible:border-white focus-visible:!outline-none"),type:"search",value:q,onChange:e=>G(e.target.value),autoCorrect:"off",autoCapitalize:"off",placeholder:E?.SearchBarPlaceholderText?.value?String(E?.SearchBarPlaceholderText?.value):"S\xf6k p\xe5 m\xe4rke, modell eller utrustning",onKeyDown:e=>"Enter"===e.key&&J()}),(0,l.jsx)("input",{className:(0,i.A)("bp:block hidden","border-outline-link font-alt bg-background-100 btn-hover btn-hover-focus px-sm inset-0 w-full rounded-full py-3 placeholder-black transition focus-visible:-translate-y-px focus-visible:border-white focus-visible:!outline-none"),type:"search",name:"search",value:q,onChange:e=>G(e.target.value),autoCorrect:"off",autoCapitalize:"off",placeholder:E?.SearchBarPlaceholderTextDesktop?.value?String(E?.SearchBarPlaceholderTextDesktop?.value):"S\xf6k p\xe5 m\xe4rke, modell eller utrustning",onKeyDown:e=>"Enter"===e.key&&J()}),(0,l.jsxs)("div",{className:"absolute right-3 top-2 flex gap-1",children:[(0,l.jsx)("button",{onClick:O,"aria-label":"Clear search",className:(0,i.A)(!q&&"hidden","bg-background-100 cursor-pointer rounded-full border border-transparent p-1.5 transition"),children:(0,l.jsx)(n.US,{})}),(0,l.jsx)("button",{"aria-label":"Search",onClick:J,className:(0,i.A)(q&&"border-outline-link","bg-background-100 cursor-pointer rounded-full border border-transparent p-1.5 transition"),children:(0,l.jsx)(n.WI,{})})]})]})})}),I[48]=E.SearchBarPlaceholderText?.value,I[49]=E.SearchBarPlaceholderTextDesktop?.value,I[50]=M,I[51]=J,I[52]=q,I[53]=A):A=I[53],I[54]!==X||I[55]!==E.Variant?.value?(V=E?.Variant?.value==="FullScreen"&&(0,l.jsx)(X,{}),I[54]=X,I[55]=E.Variant?.value,I[56]=V):V=I[56],I[57]!==y||I[58]!==C||I[59]!==N||I[60]!==A||I[61]!==V?(B=(0,l.jsxs)("div",{className:y,children:[C,N,A,V]}),I[57]=y,I[58]=C,I[59]=N,I[60]=A,I[61]=V,I[62]=B):B=I[62],I[63]!==H.uid||I[64]!==g||I[65]!==B||I[66]!==v?(D=(0,l.jsxs)("div",{"data-component":"HeroBanner",ref:F,id:ee,className:v,children:[g,B]}),I[63]=H.uid,I[64]=g,I[65]=B,I[66]=v,I[67]=D):D=I[67],D},{validate:e=>e.Content?.value==="Video"||!!e.Image?.value?.src||"Add a background image, or set Content to Video and add a video."})}}]);